MINIMOG theme
Try Minimog freeResourcesOther solutions
  • What is Minimog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Minimog theme
      • Install Minimog in 1-click fast way
      • Install Minimog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Theme license
      • Activate license
      • Extend/ Renew Theme Support
      • Transfer license
    • Update Minimog theme
    • FoxHome
  • Build for success series
    • Home page for Fashion stores like SKIMS 🔥
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
    • Scaling logo
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Cascading collection
    • Cascading product
    • Collapsible tabs
    • Collection image showcase
    • Collection showcase
    • Collage tab
    • Collection list
    • Collection tab
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Gallery images 🔥
    • Google Maps
    • Hotspot image
    • Instagram
    • Image with slider
    • Image cards
    • Image with text overlay
    • Image with text
    • Lookbook
    • Multiple image with text 🔥
    • Newsletter
    • Press
    • Product bundles
    • Product tabs
    • Product list banner
    • Promotion banner
    • Promotion countdown timer 🔥
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animations
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Currency format
    • Drawer & pop-up
    • GDPR settings
    • Intergrated apps
    • Integration
    • Product card
    • Product inventory
    • Product options design
    • Product options swatches
    • Social sharing
    • Search
    • Section
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Custom product templates
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
      • Product description
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
    • Customize password page
  • FAQS
    • Generic
      • Add a Cookie Banner
      • Add a gift wrap option to my cart
      • Add/ Remove Social icons on footer
      • Customize search results
      • Hide sections on mobile/ desktop view
      • JavaScript events for developers
      • Set up an Age Verifier Pop-up
      • Show Payment icons on the Footer
      • Sticky header when scrolling
    • Collection page
      • Add custom badges to my product card
      • Change the default product order in collection
      • Move the collection description to under the product listing
      • Set up Filters for the collection pages
    • Product page
      • Add recipient fields to my gift card product
      • Remove the tax-included information in product page
      • Set up Local Pickup option
    • Shopify functions
      • Does Minimog support Section groups?
      • Migrate data in the Section groups supported version
    • Foxify freebie code - All you need to know
  • TROUBLESHOOTING
    • Can't upload my Minimog theme to Shopify
    • Contact form submissions not found
    • Currency format display
    • FoxKit features are duplicated
    • FoxKit stops working
    • Missing images when installing demos
    • Translation missing issue
    • Translation apps incompatibility
    • Why is my activated Show Account Icon option not showing?
    • I can't install FoxKit on March 2023
Powered by GitBook
On this page
  • Section settings
  • General settings
  • Color settings
  • Block settings
  • Image block settings
  • Announcement block settings
  • Link an image/text
  • Testimonial block settings
  1. Theme sections

Scrolling promotion

A guide to set up an auto-scroll section

PreviousRich textNextSlideshow

Last updated 1 year ago

A scrolling promotion section lets you display an eye-catching auto-scroll row of texts or images without any extra custom code. You will find it is really helpful in showcasing your promotion, brand lists, featured products, or any information.

In this article, we will show you how to add and customize a scrolling promotion section.

Steps:

  1. In the theme editor (Customize), click Add section.

  2. Select Scrolling promotion.

  3. Make necessary changes.

  4. Save the settings.

Section settings

General settings

With section settings, you can control the direction of the auto-scroll (Left/Right), its speed, and the gap between items. To create a mobile-friendly storefront, this section lets you adjust the item gap overall (on both desktop and mobile view) or respectively.

The auto-scrolling speed can be set between 2s and 60s. The smaller the value, the faster the speed.

Color settings

The color settings are for you to choose the section's background color and text color (For announcement blocks with text added.

Block settings

In a scrolling promotion section, there are 3 kinds of blocks:

  • Image block: to add image and image link.

  • Announcement block: to add text/icon and link.

  • Testimonial block: to add text, product link, image, and icon.

Image block settings

Select your image and adjust its height (between 0px and 200px).

Announcement block settings

This block lets you display text and/ or add an SVG icon to the scroll.

To add an SVG icon, add this custom code and insert the image link (from your Shopify files).

<div>
<img src="image_link">
</div>

For example:

Link an image/text

Select a page from your Shopify or add an external link to your image/announcement block to direct visitors to your desired destination.

If you are linking your button to an external site, you need to include the full URL of that page, including the URL's HTTPS protocol.

Testimonial block settings

This block lets you feature quotes from customers.

Use the provided text fields to add a suitable Text/Author's name.

  • Leave any of them blank if you do not want to display them.

To show the product link on the Testimonial block

> click Select product to add the chosen products.

Click Select image to choose the image for the author or product.

Click Icon to select the number of stars or quote icons for the block (None/Quote/1 star/2 stars/3 stars/ 4 stars/5 stars).

  • Select None if you do not want to display them.

For example:

Select the colors you like using the color palette or add a .

Pro tip: Simply copy the link right from the address bar of your browser.

💡
🐭
color code
✨
Explore FoxEcom Affiliate Program now