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. Mega menu

Featured promotion

Add a banner with the promotion text to the header drop-down for the desktop using the "Featured promotion" block.

PreviousImage with buttonNextCustom HTML

Last updated 1 month ago

Tip: To add a block, the "" section is required. Press "Add block" and choose the one in Theme Blocks. Drag and drop the block to the desired position in a drop-down section.

Text and an image can be linked to any page using the "Link" resource selector.

In the "Image" source selector, press "Select" to upload the necessary image for the desktop view.

To display the text, edit the "Heading" field. Leave the field blank if no text is required.

In the "Heading size" drop-down, one can select what option to apply to the text size. Use the "Extra large", "Large", "Medium", or "Small" options.

The "Heading color" can be changed from transparent to any other by pasting the color hex code.

To change the position of the heading to the left or center, use the "Align" drop-down that includes two options for choosing: "Start" and "Center".

Button

If you need to show a button below the headline, fill in the "Label" field. Leave the field empty to hide a button.

To redirect customers to the desired page, edit the "Link". Use the link from the source selector, or paste the one if you use an external link.

Use the "Style" drop-down to change the button's appearance in the sections. The theme includes six styles that can work out in your store: "Primary", "Secondary", or "Link style". Each button style can be viewed on the following .

Use the "Color" picker to change the button background color for the "Primary" style. For the "Secondary" style the colorized text and border inside the button will be added. If you used the "Link style", the color will be applied to the text link.

In the following example, you can view how the "Featured promotion" block might look in the "Mega menu" section:

Tip: If you need to showcase a promotion banner on mobile, use the "" block in the Header.

Featured promotion (Mobile)
Mega menu
help page