Scrolling logos and scrolling text

Both sections move sideways in a loop, and repeat their content so the row is never empty. They stop when a visitor points at them or tabs into them, each has a pause button, and they stand still for visitors whose device asks for reduced motion.

Scrolling logos

A row of logos: the brands you sell, partners, or places you have been featured. Add one Logo block per logo.

• Logo: a PNG with a transparent background, or an SVG. Every logo is shown at the same height, so wide and narrow logos sit well together.
• Name is read out by screen readers, and shown as text if you leave the logo empty.
• Link is optional. A useful link for a brand is its collection, for example /collections/vendors?q=Solen, which lists every product by that brand.
• Speed goes from 1 (slowest) to 10 (fastest). Direction sets which way the row moves.
• Logo height and Space between logos set the size of the row.
• Show logos in one color turns every logo the color of the section's text, so logos from different brands look like a set. Turn it off to keep each logo's own colors.
• Fade out at the edges softens the row where it meets the sides of the screen.

Scrolling text

Large lines of text that move across the page, such as a promise, an offer or a few words about your shop. Add up to three Line blocks.

• Each line has its own Direction and Speed. Two lines moving in opposite directions, one a little slower, is a good place to start.
• Style: Solid letters, or Outline only for letters that are drawn rather than filled. Outline works best at the larger text sizes.
• Link is optional and makes the line's words a link.
• Text size, Font (the primary font or the display font from Theme settings) and Use capital letters apply to every line.
• Mark between repeats is the small symbol between each repeat of the text: a star, dot, slash, dash, plus, or none.
• Put the section on a dark color scheme to make it a band that stands out from the page.