Image with button (Mobile)
With this block, you can add images under the parent links. Works only on mobile view.
Last updated
With this block, you can add images under the parent links. Works only on mobile view.
Last updated
Tip: To add a block, press "Add block" and choose "Image with button (Mobile)" from the proposed list of blocks.
Note! This block can be added for each parent menu item that contains nested menu items. How to create the drop-down menus can be read .
In the "Menu item name" field, paste the parent link name for which the image will be applied. Note that this is a case-sensitive setting. Add the parent link name in lower or upper case as used in your Shopify admin -> Content -> Menus.
Use the "Link" source selector to redirect customers to the needed page when hitting the call-to-action button overlaid on the banner or the banner itself.
In the "Image" picker, press "Select" to choose the one from the image library or upload it from your computer.
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.
The "Style" drop-down allows you to set up different button layouts. Choose one of the pre-set styles: "Primary" or "Secondary". Use the following to view how each button style is presented in the theme.
Use the "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.
In the following example, you can view how the settings might be displayed in the drawer:
Note! To display the 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.
