⭐ Sections

Scrolling logos

The Scrolling logos section allows you to display a row of logos (e.g. partner brands, certifications, or guarantees) that automatically scroll across the page. This adds trust and credibility to your store while keeping the design dynamic.

Scrolling Logos

Adjust Scrolling Logos

These settings allow you to customize the appearance and functionality of the Scrolling logos section, ensuring it fits seamlessly within your store’s design and effectively showcases the logos of the brands.

Within the Scrolling Logos settings, the following fields can be adjusted:

How to Set It Up

  1. In the theme editor, open the Scrolling logos section.
  2. Click Add logo and upload the images you want to display (e.g. partner logos, awards, payment icons).
  3. (Optional) Add a Heading, Subheading, or Description to display text above the scrolling logos section.

Scrolling Options

  • Direction – choose whether the logos scroll Left to Right or Right to Left
  • Style – pause on hover or keep scrolling
  • Scroll speed – adjust how fast the logos move

Layout & Design

  • Logo spacing – set the distance between logos
  • Logo size – adjust the size of logos (each image can also be fine-tuned)
  • Background color – choose a background color for the section
  • Text theme – select Dark or Light text
  • Logo opacity – adjust transparency (100% = fully visible)
  • Top/Bottom padding – control spacing above and below the section

Section padding

  • Top padding: Adjust the space at the top of the slideshow section. Measured in pixels (px), this allows you to control the vertical spacing above the section for better layout and design consistency.

  • Bottom padding: Adjust the space at the bottom of the slideshow section. Measured in pixels (px), this allows you to control the vertical spacing below the section for better layout and design consistency.

Custom CSS

  • Add custom CSS to further style and customize the slideshow section according to your specific design needs and preferences.

Available blocks

  1. Image

    • Click Select to upload your logo or choose one from free images.

  2. Logo scale

    • Use the slider to adjust the size of your logo.
    • Higher numbers = larger logo.

  3. Link (optional)

    • Paste a URL if you want the logo to be clickable.
    • Example: link to a partner’s website, certification page, or product category.

  4. Open in new tab

    • Turn this on if you want the link to open in a new browser tab.
Previous
Rich Text
Next
Slideshow