Unicorn Shopify Theme
  • Getting Started
  • Demo
  • Section Groups
    • Header
      • Menu icons
      • Badges
      • Popup menu
      • Image with button (Mobile)
      • Featured promotion (Mobile)
      • Contacts
    • Cart drawer
    • Search popup
    • Mega menu
      • Menu
      • Image with button
      • Featured promotion
      • Custom HTML
      • Empty column
      • Badges
    • Footer
      • Menu
      • Text
    • Popups
  • Dynamic Theme Sections
    • Before/after image
    • Blog posts
    • Brand list
    • Collage
      • Image
      • Collection products
      • Video
    • Collage of images
      • Image
      • List item
    • Collection list
    • Collection slider
    • Contact form
    • Countdown timer
    • Custom Liquid
    • Email signup
      • Heading
      • Subheading
      • Email form
    • FAQ
    • Featured collage
      • Product
      • Image
    • Featured collection
    • Featured collections
    • Featured product
    • Featured promotions
      • Content, Text on image
      • Content, Text below the image
      • Content, Button on image
    • Image with text overlay
      • Second image
      • Mobile settings
      • Heading
      • Text and Custom HTML
      • Buttons
    • Image gallery
    • Lookbook
    • Map
    • Media
    • Multicolumn
    • Page
    • Popup
      • Image
      • Text
      • Newsletter form
      • Buttons
      • Social media
      • Time countdown
      • Collection
      • Promotional code
    • Reels
    • Rich text
      • Heading
      • Text
      • Button
    • Slideshow
    • Tags
    • Testimonials
    • Ticker
  • Page Categories
    • Products
      • Product information
      • Product recommendations
    • Collections
      • Collection banner
      • Product grid
    • Collections list
    • Cart
    • Blogs
    • Blog posts
    • Search
    • Password
      • Email signup
    • 404 page
  • Theme Settings
    • Top bars
    • Header and Logo
    • Colors
    • Typography
    • Layout
    • Styles
    • Product
    • Variant picker
    • Social media
    • Search
    • Favicon
    • Currency format
    • Cart
    • Popups
    • Performance
    • Advanced settings
    • Custom CSS
    • Theme style
  • SVG Icons
  • FAQ
    • How to customize Metafields
    • How to group product images by variants?
    • How to create a template?
    • How to create webpages?
    • How to set up filters?
    • Understanding of metaobjects and their use in a store
Powered by GitBook
On this page
  1. Section Groups
  2. Header

Featured promotion (Mobile)

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

PreviousImage with button (Mobile)NextContacts

Last updated 2 months ago

Tip: To add a block, press "Add block" and choose "Featured promotion (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 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 -> Content -> Menus.

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

In the "Image" picker, press "Select" 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.

Use the "Color" picker to set the desired background color for the button.

This example shows how the block might be displayed in a store:

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.

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

link
here