Magento 2 Front End Professional Certification Full Test

12 Comments

Welcome to your Magento 2 Front End Professional Certification Full Test

What is a correct way of adding image to email templates?
You have created a theme MyVendor/MyTheme which inherits Magento/Luma. You have added following file to your theme Magento_Catalog/templates/product/list.phtml, which three are parts of the theme fallback logic? (select 3 answers)
The project you are working on has an image in the footer added via static block with special text. The text on the image should be different for different languages (en_US, sv_SE). How it can be achieved?
You have been tasked with adding special text for email transaction. Which code is correct?
While searching through checkout_index_index.xml file, you have found following code:

<item name="errors" xsi:type="array">
 <item name="sortOrder" xsi:type="string">0</item>
 <item name="component" xsi:type="string">Magento_Checkout/js/view/authentication-messages</item>
 <item name="displayArea" xsi:type="string">messages</item>
</item>


what does displayArea is related to?
In one of the modules you have found following XML instructions. How you can access this value in the template? (select 2 answers)

<referenceBlock name="product.info.sku">
   <arguments>
      <argument name="custom_sku" xsi:type="string">456</argument>
   </arguments>
</referenceBlock>
You have been tasked with adding banner on one of the category page. Keeping simplicity in mind, how it can be achieved?
You have been tasked with the following implementation. You need to set up special theme for Sale which is between 15th - 26th December. Before setting up configuration, you checked that there is special Christmas theme set up between 23rd - 31st December already.  You are saving your new configuration and the following happens:
Which of these is true regarding the define function?

You have been searching XML files and you come across this line:


<update handle="customer_account"/>

what does it do?

While searching though the code of the application you have found following code, what will be result after LESS complication:


@button__shadow: false;
 
.product-list button {
 .lib-css(box-shadow, @button__shadow, 0);
}
While searching through the template, you have found following code. Keeping in mind security, how you should improve it?

"*": {
 "Magento_Review/js/process-reviews": {
 "productReviewUrl": "$block->getProductReviewUrl()",
 "reviewsTabSelector": "#tab-label-reviews"
 }
}
You have been asked to remove SKU from the product page. You have found the corresponding XML instruction from 'catalog_product_view.xml', how would you remove the block and make sure it is not rendered?
You have been asked to display Layer Navigation on the category page, how it can be achieved?
There is a Magento-specific LESS directive that allows including multiple files by a name pattern. It is used to include files with the same name from the different locations, for example, different modules. What is the correct syntax for it?

While searching catalog_category_view.xml you have found following code


<container name="category.view.container" htmlTag="div" htmlClass="category-view" after="-">
 <block class="Magento\Catalog\Block\Category\View" name="category.image" template="Magento_Catalog::category/image.phtml"/>
 <block class="Magento\Catalog\Block\Category\View" name="category.description" template="Magento_Catalog::category/description.phtml"/>
 <block class="Magento\Catalog\Block\Category\View" name="category.cms" template="Magento_Catalog::category/cms.phtml"/>
</container>

which of the answers below is correct to move description block above image block:

You have created a theme MyVendor/MyTheme which inherits from Magento/Luma, which three are parts of the theme fallback logic? (select 3 answers)

What is a correct way of adding image via admin panel to static block?
In order to symlink the JS, LESS, and image files into the pub/static folder during development, which of the following command should be run:
You have been asked to change transition effect on the product page gallery to crossfade. How it can be achieved?
You have been asked to change copyrights on the website. Where you can do this modification?
What kind of impact does developer mode have on the application? (select 2 answers)
Your task requires wrapping a number of blocks into HTML tag with specific class. Keeping simplicity and maintainability in mind, how this can be achieved?
What is a correct way to get customer email in the email template?
The project you are working on has an image in the footer added via template with special text. The text on the image should be different for different languages (en_US, sv_SE). Keeping in mind that the project has only one theme, how can you achieve this?
Demonstrate an understanding of ES5 string literal templates. Which of the following have correct syntax? (select 3 answers)

You may also like

12 Comments

  1. Hi,
    thanks for sharing a feedback about the exam, and for these test sample. I have doubts about one question here.

    “The project you are working on has an image in the footer added via template with special text. The text on the image should be different for different languages (en_US, sv_SE). Keeping in mind that the project has only one theme, how can you achieve this?”

    You’ve provided a correct answer: It is not possible with only one theme.

    I would say, that it can be achieved by adding translated images to i18n/en_US/images and i18n/sv_SE/images folders according to magento’s static assets overriding approach. Are you sure that your answer is the right one?

    Thanks in advance,
    best regards,
    Ksenia

    Reply

    1. Hi Ksenia!

      Thank you for taking your time and for this comment. To be honest, I am not sure if solution provided by you is correct, I have never seen it in Magento documentation and never used it. It is actually really interesting, I will check it out. However I am still not sure if that would be the best practice based on Magento if ever.

      Thank you so much for starting this discussion, it would be interesting to find a proper answer.

      Have an awesome day,
      Zaneta

      Reply

        1. Hi Ksenia,

          Thank you! I checked link which you provided and it is about theme inheritance. It shows how to overwrite images in different theme. The question which we are talking about is about case where you don’t have two themes, only one. I am still not sure if that would be best practice based on Magento, even if the solution works. It is super interesting topic, I hope others will add their opinions as well 🙂

          Thank you,
          Zaneta

          Reply

  2. Hi Zaneta,

    Thanks for sharing your exam experience here.

    As per Ksenia, I have also experience practically about translated image using single theme. it works when you add images to folders:

    /web/i18n/en_US/images/image.png
    /web/i18n/sv_SE/images/image.png

    I have added image in template file:
    <img src="getViewFileUrl(‘images/image.png’); ?>”/>

    I also tried all the options, But no one worked for me. still confused which option should be correct.

    May be below option should be correct:
    Add images to i18n/images folder under the theme directory

    Thanks for your effort and I impressed with you blog.

    Reply

    1. Hi Chandra,

      Thank you for your feedback! I really appreciate that you took time to comment, it means a lot! I will try to double check solution and fix my test if necessary.

      Reply

  3. Hi Zaneta,

    I’ve checked this question “What kind of impact does developer mode have on the application? (select 2 answers)” there are two options to select but only one is able to select.

    I think there are two correct answer

    1) Symlinks are created into pub/static folder.
    2) Errors are shown on the frontend.

    but when we select second one it is displayed incorrect answer. I think this one is also correct answer.

    Thank you,
    Aakash

    Reply

    1. Thank you so much for commenting. I will take a look and fix the quiz if needed. I really appreciate that you took time to help me to improve this test, thanks a lot!

      Reply

  5. Whats is thecorrect answer in this question ?
    While searching through checkout_index_index.xml file, you have found following code:

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.