Featured promotion (Mob)

Use this block to add a promotion text with an image to the menu drawer on mobile view.

Tip: To add a block, press "Add block" and choose "Featured promotion (Mob)" from the proposed list of blocks. This block can be added for each parent menu item.

In the "Menu item name" field, paste the parent link name for which the image will be displayed. Note that this is a case-sensitive setting. Add the parent link name in lower or upper case as it is used in your Shopify admin -> Online Store -> Navigation.

Use the "Link" resource selector if you needed to direct visitors to the required page when hitting the banner itself.

Press "Select image" to choose the one from the image library or upload it from your computer.

Use the "Text" field to add some promotions under the image. The hex code of the color can be changed in the corresponding color picker.

Button

To overlay a button on a banner, insert a meaningful phrase into the "Label" field. If you need to hide the button, leave the field blank.

Use the "Link" resource selector to redirect customers to the correct page when they click the call-to-action button overlaid on the banner. Otherwise, the button will use the same page link you provided for the banner above.

The "Style" drop-down allows you to set up different button layouts. Choose one of the pre-set styles: "Primary", "Secondary", "Third", "Fourth", "Fifth", or "Link style". Use the following link to view how each button style is presented in the theme.

Use the "Button color" picker to set the desired color for the button. The color will be applied to the text, background, or border of the call-to-action button depending on the "Style" previously selected in the block.

The item changes the background color for the button layouts: "Primary" and "Third". The color is applied to the text and border inside a button of the inactive button and when hovering over the button. The underlined colored text will appear for the layouts "Fourth", "Fifth", and "Link style".

This example shows how the block might display in a store:

Note! To display a block on mobile, convince that you set up a drop-down menu in your admin for the used parent item. The banner block will be displayed on the next step after clicking the parent link.