HYPER theme
Try Hyper freeResourcesOther solutions
  • What is Hyper theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Hyper theme
    • Set up my store as Hyper demo
    • Update Hyper theme
    • Theme license & Transfer
  • Page's global sections
    • Announcement bar
    • Top bar
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Cart drawer
    • Popup
    • Product compare
    • Quick view
    • Spotlight picks
  • Theme sections
    • Banner with hotspots
    • Before/after image slider
    • Brand logos 🔥
    • Button group
    • Collapsible tabs
    • Collection list
    • Collection list slider
    • Collection tabs
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products 🔥
    • Featured blogs
    • Featured collection
    • Featured countdown timer 🔥
    • Featured product
    • Horizontal products list 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider 🔥
    • Lookbook slider
    • Multicolumn
    • Multicolumn with icon
    • Press 🔥
    • Products bundle 🔥
    • Promotion banner
    • Recently viewed products
    • Rich text
    • Shop the feed 🔥
    • Scrolling banner
    • Scrolling gallery images
    • Scrolling promotion
    • Slideshow
    • Tabs content
    • Testimonials
    • Testimonials masonry 🔥
    • Video
    • Video hero
  • Theme settings
    • General
    • Animations
    • Blog cards
    • Buttons
    • Cart
    • Color swatches
    • Colors
    • Currency format
    • Custom CSS
    • Layout
    • Logo
    • Product badges
    • Product cards
    • Product compare
    • Quick view
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumbs
      • Product information
      • Quick comparision table
      • Quick order list
      • Related products
    • Collection page
      • Collection template
      • Collection banner
      • Product grid
    • Collections list page
  • Other pages
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Add Highlighted text to your Headings
    • Add gift wrap option to my cart
    • Combined listings app
    • Set up Local Pickup option
    • Set up quantity rules and volume pricing in B2B
    • Show Payment icons
Powered by GitBook
On this page
  • How to add a Scrolling promotion section to your Shopify store
  • How to edit a Scrolling promotion section
  • Section settings
  • Block settings
  1. Theme sections

Scrolling promotion

Learn how to create an auto-scrolling promotion section

PreviousScrolling gallery imagesNextSlideshow

Last updated 3 months ago

A scrolling promotion section lets you display an eye-catching auto-scroll row of logos or images.

You will find it helpful in showcasing your promotions, brand lists, featured products, or any trust-boosting information.

In this article, we will show you how to add a Scrolling promotion section.

How to add a Scrolling promotion section to your Shopify store

Steps:

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

  2. Select Scrolling promotion.

  3. Make necessary changes.

  4. Save the settings.

How to edit a Scrolling promotion section

Section settings

Settings

This is where you can update scroll direction, pause scroll on hover, and adjust scroll speed, item gap on desktop, and item gap on mobile.

  • Vertical alignment: Set how the text is aligned - Top/Middle/Bottom

  • Direct: The scroll direction of the section - from left to right or vice versa.

  • Pause scroll on hover: When hovering over the section, the scrolling stops.

  • Show divider between items: Add borders between the section's blocks.

  • Speed: The speed of the section when scrolling (0.1x to 3x).

  • Horizontal spacing: The spacing between items in a section.

  • Vertical spacing: The padding between the items and the section's container.

Block settings

There are three block types can be added to this section:

  • Image

  • Text

Image

Add an Image to promote your vendor, brand, featured products, etc.

Adjust the Image height on the desktop between 20px and 400px.

Select the Image rounded checkbox if you want the image to have rounded borders.

Then, provide the image with a specific Link to the desired page where you want to direct customers when they click it.

Additionally, you can change the Image height on the mobile device from 20px to 200px.

Text

Add a text, link the text and adjust how it show on the section.