Slideshow, marquee and carousel sections for Shopify
Sections that move: a full-width slideshow, a seamless logo marquee, a ticker strip, cards you flick through and a gallery that travels sideways as the page scrolls.
Movement draws the eye, which is why it works best in small doses. An infinite marquee is the classic place to show press logos, stockists or a line of short promises without taking up a whole section. The ticker strip runs short updates past in a single line.
For bigger moments, the slideshow runs full-width slides with fade, slide, Ken Burns or card transitions, and you set how long each one holds. The card stack lets shoppers drag or flick through cards. The scroll-triggered gallery pins in place and moves sideways as the page scrolls down. Automatic motion stops for shoppers whose device asks for reduced motion.
Free sections are in every plan, the free plan included.
Premium sections need a paid plan.
Draggable Card Stack
FreeCarousel
Cards you push through by dragging or flicking sideways.
4 designs:
Stack, Fan, Deck, Rail.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 52
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 480–1600pxphone & desktop
Layout
Card widthSlider, 200–700pxphone & desktop
GapSlider, 4–64pxphone & desktop
Card paddingSlider, 8–64pxphone & desktop
Image heightSlider, 0–520pxphone & desktop
Content
Heading
KickerText
HeadingText
Intro textText, several lines
Cards
CardsA list of cards (up to 20): Image, Title, Body, Meta
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Heading
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 10–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.9–2.4phone & desktop
Kicker letter spacingSlider, -3–8pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 10–96pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.9–2.4phone & desktop
Heading letter spacingSlider, -3–8pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro text fontGoogle Font and weightphone & desktop
Intro text sizeSlider, 10–96pxphone & desktop
Intro text colorColourphone & desktop
Intro text line heightSlider, 0.9–2.4phone & desktop
Intro text letter spacingSlider, -3–8pxphone & desktop
Intro text alignmentDesign default · Left · Center · Rightphone & desktop
Card style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 10–96pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.9–2.4phone & desktop
Title letter spacingSlider, -3–8pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
Body fontGoogle Font and weightphone & desktop
Body sizeSlider, 10–96pxphone & desktop
Body colorColourphone & desktop
Body line heightSlider, 0.9–2.4phone & desktop
Body letter spacingSlider, -3–8pxphone & desktop
Body alignmentDesign default · Left · Center · Rightphone & desktop
Meta fontGoogle Font and weightphone & desktop
Meta sizeSlider, 10–96pxphone & desktop
Meta colorColourphone & desktop
Meta line heightSlider, 0.9–2.4phone & desktop
Meta letter spacingSlider, -3–8pxphone & desktop
Meta alignmentDesign default · Left · Center · Rightphone & desktop
Card backgroundColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Scrollbar colorColourphone & desktop
Circular Carousel
FreeCarousel
Cards stand round a circle that turns, bringing each to the front in its turn.
4 designs:
Ring, Ring, seen from above, Drum, turning over, Flat wheel.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 55
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Moving through them
After the last comes the firstOn / off
Move on by itself everySlider, 0–12s0 leaves it to the shopper. It waits while they point at it or have focus in it, and never runs for someone who has asked for less motion.
Seconds a move takesSlider, 0–2sphone & desktop
Show the arrowsOn / off
Show the dotsOn / off
Layout
Width of a cardSlider, 160–560pxphone & desktop
HeightSlider, 240–760pxphone & desktop
Padding round the wordsSlider, 0–40pxphone & desktop
Space between the cardsSlider, 0–120pxphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Cards
CardsA list of cards (up to 14): Picture, Title, A few words (optional), Link words (optional), Link
Moving through them
Name of the back arrowTextRead out by screen readers.
Name of the forward arrowText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Card style
Card backgroundColourphone & desktop
Link colorColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 9–48pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
A few words style
A few words fontGoogle Font and weightphone & desktop
A few words sizeSlider, 9–28pxphone & desktop
A few words colorColourphone & desktop
A few words line heightSlider, 0.8–2.4phone & desktop
A few words letter spacingSlider, -8–12pxphone & desktop
A few words alignmentDesign default · Left · Center · Rightphone & desktop
Controls
ArrowsColourphone & desktop
Arrows' chevronColourphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Circular Text Marquee
FreeLooping
Words set round a circle, turning without end, with a picture or a word in the middle.
4 designs:
Badge, Two rings, opposite ways, Seal, filled in, Outlined letters.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 47
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Motion
Seconds for one turnSlider, 4–120sphone & desktop
Stop while it is pointed atOn / offAnd while a shopper has focus in it.
It turnsClockwise · Anticlockwise
Layout
SizeSlider, 100–560pxphone & desktop
Where it sitsIn the middle · To the left · To the right
Content
Heading
KickerText
HeadingText
IntroText, several lines
The ring
Words round the ringText
Between each time it is saidText
Times it is saidSlider, 1–8Enough to go all the way round. The letters are spread to meet at the join.
Words round the inner ringText
The middle
Picture in the middleImage
Words in the middleText
Link for the whole badge (optional)Link
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Ring style
Size of the ring's lettersSlider, 8–30
Weight of the ring's lettersSlider, 300–900phone & desktop
Ring's lettersColourphone & desktop
SealColourphone & desktop
Words in the middle style
Words in the middle fontGoogle Font and weightphone & desktop
Words in the middle sizeSlider, 9–64pxphone & desktop
Words in the middle colorColourphone & desktop
Words in the middle line heightSlider, 0.8–2.4phone & desktop
Words in the middle letter spacingSlider, -8–12pxphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Coverflow Carousel
PremiumCarousel
The card in the middle faces you, large; the cards either side stand at an angle, turned in.
4 designs:
Angled, Flat, shrinking, Overlapping, On an arc.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 54
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Moving through them
After the last comes the firstOn / off
Move on by itself everySlider, 0–12s0 leaves it to the shopper. It waits while they point at it or have focus in it, and never runs for someone who has asked for less motion.
Seconds a move takesSlider, 0–2sphone & desktop
Show the arrowsOn / off
Show the dotsOn / off
Layout
Width of a cardSlider, 160–560pxphone & desktop
HeightSlider, 240–760pxphone & desktop
Padding round the wordsSlider, 0–40pxphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Cards
CardsA list of cards (up to 16): Picture, Title, A few words (optional), Link words (optional), Link
Moving through them
Name of the back arrowTextRead out by screen readers.
Name of the forward arrowText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Card style
Card backgroundColourphone & desktop
Link colorColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 9–48pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
A few words style
A few words fontGoogle Font and weightphone & desktop
A few words sizeSlider, 9–28pxphone & desktop
A few words colorColourphone & desktop
A few words line heightSlider, 0.8–2.4phone & desktop
A few words letter spacingSlider, -8–12pxphone & desktop
A few words alignmentDesign default · Left · Center · Rightphone & desktop
Controls
ArrowsColourphone & desktop
Arrows' chevronColourphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
3D Cube Slider
PremiumCarousel
Slides turn like the faces of a cube: one swings away as the next swings in.
4 designs:
Cube, turning sideways, Cube, tumbling, Six-sided, Flip over.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 59
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Layout
Shape of a slideWide (16:9) · Landscape (4:3) · Square · Portrait (4:5)
Moving through them
After the last comes the firstOn / off
Move on by itself everySlider, 0–12s0 leaves it to the shopper. It waits while they point at it or have focus in it, and never runs for someone who has asked for less motion.
SlidesA list of slides (up to 16): Picture, Title, A few words (optional), Link words (optional), Link
Moving through them
Name of the back arrowTextRead out by screen readers.
Name of the forward arrowText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Slide style
Darken the pictureSlider, 0–90%phone & desktop
Slide with no pictureColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 9–80pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
A few words style
A few words fontGoogle Font and weightphone & desktop
A few words sizeSlider, 9–32pxphone & desktop
A few words colorColourphone & desktop
A few words line heightSlider, 0.8–2.4phone & desktop
A few words letter spacingSlider, -8–12pxphone & desktop
A few words alignmentDesign default · Left · Center · Rightphone & desktop
Controls
ArrowsColourphone & desktop
Arrows' chevronColourphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Button
Button text sizeSlider, 11–28pxphone & desktop
Button backgroundColourphone & desktop
Button text colorColourphone & desktop
Button corner radiusSlider, 0–40pxphone & desktop
Button alignmentDesign default · Left · Center · Rightphone & desktop
Diagonal Marquee
FreeLooping
A band of words crosses the section on a slant, running without end.
4 designs:
One band, Two, crossing, Three, alternate ways, Outlined letters.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 41
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Motion
Seconds for one passSlider, 4–120sphone & desktop
Stop while it is pointed atOn / offAnd while a shopper has focus in it.
Layout
SlantSlider, -20–20°phone & desktopBelow nought it rises to the right; above, it falls.
Thickness of a bandSlider, 4–48pxphone & desktop
Gap between phrasesSlider, 8–96pxphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Words
WordsA list of phrases (up to 20): Phrase
Between the phrasesText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Band style
BandColourphone & desktop
Second bandColourphone & desktop
Second band's wordsColourphone & desktop
Words style
Words fontGoogle Font and weightphone & desktop
Words sizeSlider, 9–120pxphone & desktop
Words colorColourphone & desktop
Words line heightSlider, 0.8–2.4phone & desktop
Words letter spacingSlider, -8–12pxphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Filmstrip Carousel
FreeLooping
Pictures run past without end, as frames on a strip of film.
4 designs:
Film, with sprocket holes, Plain, Two strips, opposite ways, Prints, pinned up.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 41
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Motion
Seconds for one passSlider, 4–120sphone & desktop
Stop while it is pointed atOn / offAnd while a shopper has focus in it.
It runsTo the left · To the right
Layout
Fade out at both endsOn / off
Height of a frameSlider, 100–520pxphone & desktop
Gap between framesSlider, 0–60pxphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Frames
FramesA list of frames (up to 30): Picture, Caption (optional), Link (optional)
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Strip style
Corner radiusSlider, 0–32pxphone & desktop
The filmColourphone & desktop
Sprocket holesColourphone & desktop
Caption style
Caption fontGoogle Font and weightphone & desktop
Caption sizeSlider, 9–24pxphone & desktop
Caption colorColourphone & desktop
Caption line heightSlider, 0.8–2.4phone & desktop
Caption letter spacingSlider, -8–12pxphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Gravity Cards
FreeMotion
Cards that drop into place one after another, bounce, and settle.
4 designs:
Drop, Loose pile, Hanging, Tumble.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 53
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 480–1600pxphone & desktop
Layout
Cards per rowSlider, 1–4phone & desktop
Gap between cardsSlider, 0–60pxphone & desktop
Padding inside a cardSlider, 8–64pxphone & desktop
Motion
Seconds to landSlider, 0–2.5sphone & desktop0 shows the cards without dropping them.
Delay between cardsSlider, 0–500msphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Cards
CardsA list of cards (up to 12): Small label, Title, Text, Link text (optional), Link
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Card style
Card backgroundColourphone & desktop
Card corner radiusSlider, 0–40pxphone & desktop
Accent colorColourphone & desktop
Small label style
Small label fontGoogle Font and weightphone & desktop
Small label sizeSlider, 10–24pxphone & desktop
Small label colorColourphone & desktop
Small label line heightSlider, 0.8–2.4phone & desktop
Small label letter spacingSlider, -8–12pxphone & desktop
Small label alignmentDesign default · Left · Center · Rightphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 10–48pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
Text style
Text fontGoogle Font and weightphone & desktop
Text sizeSlider, 10–28pxphone & desktop
Text colorColourphone & desktop
Text line heightSlider, 0.8–2.4phone & desktop
Text letter spacingSlider, -8–12pxphone & desktop
Text alignmentDesign default · Left · Center · Rightphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 10–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 10–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 10–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Liquid Slider
FreeCarousel
Slides that change like liquid: the next one spreads over the last as a blob, a tide or a drip.
4 designs:
Ink, spreading from the middle, Tide, from the side, Drip, from above, Picture in a blob.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 60
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Layout
HeightSlider, 260–800pxphone & desktop
Moving through them
After the last comes the firstOn / off
Move on by itself everySlider, 0–12s0 leaves it to the shopper. It waits while they point at it or have focus in it, and never runs for someone who has asked for less motion.
SlidesA list of slides (up to 16): Picture, Title, A few words (optional), Link words (optional), Link
Moving through them
Name of the back arrowTextRead out by screen readers.
Name of the forward arrowText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Slide style
Darken the pictureSlider, 0–90%phone & desktop
Slide with no pictureColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Blob behind a missing pictureColourphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 9–80pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
A few words style
A few words fontGoogle Font and weightphone & desktop
A few words sizeSlider, 9–32pxphone & desktop
A few words colorColourphone & desktop
A few words line heightSlider, 0.8–2.4phone & desktop
A few words letter spacingSlider, -8–12pxphone & desktop
A few words alignmentDesign default · Left · Center · Rightphone & desktop
Controls
ArrowsColourphone & desktop
Arrows' chevronColourphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Button
Button text sizeSlider, 11–28pxphone & desktop
Button backgroundColourphone & desktop
Button text colorColourphone & desktop
Button corner radiusSlider, 0–40pxphone & desktop
Button alignmentDesign default · Left · Center · Rightphone & desktop
Infinite Marquee
FreeLooping
A row that scrolls forever without a seam. Use it for logos, images or short lines of text.
4 designs:
Logos, Text, Images, Mixed.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 32
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 480–1600pxphone & desktop
Layout
Seconds per loopSlider, 5–120sphone & desktop
DirectionRight to left · Left to right
Gap between itemsSlider, 8–160pxphone & desktop
Image heightSlider, 12–140pxphone & desktop
Pause on hoverOn / off
Item style
Item opacitySlider, 0.1–1phone & desktop
Content
Heading
HeadingText
Intro textText, several lines
Items
ItemsA list of items (up to 40): Text, Image, Link
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Heading
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 10–96pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.9–2.4phone & desktop
Heading letter spacingSlider, -3–8pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro text fontGoogle Font and weightphone & desktop
Intro text sizeSlider, 10–96pxphone & desktop
Intro text colorColourphone & desktop
Intro text line heightSlider, 0.9–2.4phone & desktop
Intro text letter spacingSlider, -3–8pxphone & desktop
Intro text alignmentDesign default · Left · Center · Rightphone & desktop
Item style
Item text fontGoogle Font and weightphone & desktop
Item text sizeSlider, 10–96pxphone & desktop
Item text colorColourphone & desktop
Item text line heightSlider, 0.9–2.4phone & desktop
Item text letter spacingSlider, -3–8pxphone & desktop
Fade edge colorColourphone & desktop
Orbit Carousel
FreeLooping
Items circle a product or a logo in the middle, like moons round a planet.
4 designs:
One ring, Two rings, opposite ways, Tilted, passing behind, Each at its own pace.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 48
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Motion
Seconds for one turnSlider, 4–120sphone & desktop
Stop while it is pointed atOn / offAnd while a shopper has focus in it.
Layout
Size of the wholeSlider, 260–820pxphone & desktop
How far out the ring isSlider, 24–46%phone & desktop
Size of a thing in orbitSlider, 40–160pxphone & desktop
Size of the middleSlider, 16–50%phone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
The middle
Picture in the middleImage
Words in the middleTextShown under the picture, or alone if there is none.
In orbit
Things in orbitA list of things (up to 14): Picture (optional), Name, Link (optional)
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Orbit style
Things in orbitColourphone & desktop
The ringsColourphone & desktop
The middle, with no pictureColour
Name style
Name fontGoogle Font and weightphone & desktop
Name sizeSlider, 9–24pxphone & desktop
Name colorColourphone & desktop
Name line heightSlider, 0.8–2.4phone & desktop
Name letter spacingSlider, -8–12pxphone & desktop
Words in the middle style
Words in the middle fontGoogle Font and weightphone & desktop
Words in the middle sizeSlider, 9–48pxphone & desktop
Words in the middle colorColourphone & desktop
Words in the middle line heightSlider, 0.8–2.4phone & desktop
Words in the middle letter spacingSlider, -8–12pxphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Perspective Gallery
PremiumCarousel
Pictures stand one behind another in depth; each step brings the next forward out of the distance.
4 designs:
Into the distance, Along a wall, Fanned, like pages, Falling forward.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 54
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Moving through them
After the last comes the firstOn / off
Move on by itself everySlider, 0–12s0 leaves it to the shopper. It waits while they point at it or have focus in it, and never runs for someone who has asked for less motion.
Seconds a move takesSlider, 0–2sphone & desktop
Show the arrowsOn / off
Show the dotsOn / off
Layout
Width of a cardSlider, 160–560pxphone & desktop
HeightSlider, 240–760pxphone & desktop
Padding round the wordsSlider, 0–40pxphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Pictures
PicturesA list of pictures (up to 16): Picture, Title, A few words (optional), Link words (optional), Link
Moving through them
Name of the back arrowTextRead out by screen readers.
Name of the forward arrowText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Card style
Card backgroundColourphone & desktop
Link colorColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 9–48pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
A few words style
A few words fontGoogle Font and weightphone & desktop
A few words sizeSlider, 9–28pxphone & desktop
A few words colorColourphone & desktop
A few words line heightSlider, 0.8–2.4phone & desktop
A few words letter spacingSlider, -8–12pxphone & desktop
A few words alignmentDesign default · Left · Center · Rightphone & desktop
Controls
ArrowsColourphone & desktop
Arrows' chevronColourphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Scroll Triggered Gallery
FreeScroll
A gallery that travels sideways as the page scrolls down.
Live demo
Settings you can change 36
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Max widthSlider, 480–1800pxphone & desktop
Layout
Panel widthSlider, 200–900pxphone & desktop
GapSlider, 0–64pxphone & desktop
Viewport heightSlider, 40–100vhphone & desktop
Content
Heading
KickerText
HeadingText
Intro textText, several lines
Panels
PanelsA list of panels (up to 20): Image, Caption
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Heading
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 10–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.9–2.4phone & desktop
Kicker letter spacingSlider, -3–8pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 10–96pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.9–2.4phone & desktop
Heading letter spacingSlider, -3–8pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro text fontGoogle Font and weightphone & desktop
Intro text sizeSlider, 10–96pxphone & desktop
Intro text colorColourphone & desktop
Intro text line heightSlider, 0.9–2.4phone & desktop
Intro text letter spacingSlider, -3–8pxphone & desktop
Intro text alignmentDesign default · Left · Center · Rightphone & desktop
Panel style
Caption fontGoogle Font and weightphone & desktop
Caption sizeSlider, 10–96pxphone & desktop
Caption colorColourphone & desktop
Caption line heightSlider, 0.9–2.4phone & desktop
Caption letter spacingSlider, -3–8pxphone & desktop
Caption alignmentDesign default · Left · Center · Rightphone & desktop
Corner radiusSlider, 0–32pxphone & desktop
Scrollbar colorColourphone & desktop
Scroll Controlled Story
PremiumScroll
The page holds still while scrolling turns the chapters: each with its own picture, heading and text.
4 designs:
Picture beside, Full picture, Stacking cards, With a progress rail.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 53
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 480–1600pxphone & desktop
Layout
Scrolling per chapterSlider, 40–200%phone & desktopA share of the screen height. More is slower.
Space for a fixed headerSlider, 0–200pxphone & desktop
Show the progress dotsOn / off
Show the chapter numberOn / off
Darken the pictureSlider, 0–90%phone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
Chapters
ChaptersA list of chapters (up to 10): Small label, Heading, Text, Picture
CardsA list of cards (up to 20): Picture, Title, A few words (optional), Link words (optional), Link
Buttons
Word for yesText
Word for noText
Name of the button that brings one backText
At the end
HeadingText
TextText, several lines
If nothing was likedText
Button to start overText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Card style
Card backgroundColourphone & desktop
YesColourphone & desktop
NoColourphone & desktop
Link colorColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Title style
Title fontGoogle Font and weightphone & desktop
Title sizeSlider, 9–48pxphone & desktop
Title colorColourphone & desktop
Title line heightSlider, 0.8–2.4phone & desktop
Title letter spacingSlider, -8–12pxphone & desktop
Title alignmentDesign default · Left · Center · Rightphone & desktop
A few words style
A few words fontGoogle Font and weightphone & desktop
A few words sizeSlider, 9–28pxphone & desktop
A few words colorColourphone & desktop
A few words line heightSlider, 0.8–2.4phone & desktop
A few words letter spacingSlider, -8–12pxphone & desktop
A few words alignmentDesign default · Left · Center · Rightphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Button
Button text sizeSlider, 11–28pxphone & desktop
Button backgroundColourphone & desktop
Button text colorColourphone & desktop
Button corner radiusSlider, 0–40pxphone & desktop
Button alignmentDesign default · Left · Center · Rightphone & desktop
Ticker Strip
FreeLooping
A single line of short updates running past. Type them in, or feed it from the Panely app.
4 designs:
Ticker, Static, Stacked, Badge.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 23
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–60pxphone & desktop
Padding bottomSlider, 0–60pxphone & desktop
Max widthSlider, 480–1800pxphone & desktop
Feed
Use a cached feed instead of the entries aboveOn / off
Layout
Seconds per loopSlider, 5–90sphone & desktop
Gap between entriesSlider, 8–140pxphone & desktop
Pause on hoverOn / off
Content
Entries
EntriesA list of entries (up to 30): Text, Marker, Link
Feed
Feed keyText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Entry style
Entry fontGoogle Font and weightphone & desktop
Entry sizeSlider, 10–96pxphone & desktop
Entry colorColourphone & desktop
Entry line heightSlider, 0.9–2.4phone & desktop
Entry letter spacingSlider, -3–8pxphone & desktop
Marker fontGoogle Font and weightphone & desktop
Marker sizeSlider, 10–96pxphone & desktop
Marker colorColourphone & desktop
Marker line heightSlider, 0.9–2.4phone & desktop
Marker letter spacingSlider, -3–8pxphone & desktop
Marker backgroundColourphone & desktop
Separator colorColourphone & desktop
Vertical Marquee
FreeLooping
Columns of cards run up or down without end, behind a window.
4 designs:
Cards, Plain, Quotes, Big words.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 49
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Layout
ColumnsSlider, 1–4The items are dealt out across them in turn. A phone shows the first two.
Height of the windowSlider, 240–900pxphone & desktop
GapSlider, 0–60pxphone & desktop
Padding inside a cardSlider, 0–56pxphone & desktop
Motion
Seconds for one passSlider, 4–120sphone & desktop
Stop while it is pointed atOn / offAnd while a shopper has focus in it.
They runUp and down, in turn · Up · Down
Content
Heading
KickerText
HeadingText
IntroText, several lines
Items
ItemsA list of items (up to 40): Words, Who said it (optional), Picture (optional)
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Card style
Card backgroundColourphone & desktop
Accent colorColourphone & desktop
Corner radiusSlider, 0–40pxphone & desktop
Words style
Words fontGoogle Font and weightphone & desktop
Words sizeSlider, 9–96pxphone & desktop
Words colorColourphone & desktop
Words line heightSlider, 0.8–2.4phone & desktop
Words letter spacingSlider, -8–12pxphone & desktop
Words alignmentDesign default · Left · Center · Rightphone & desktop
Who said it style
Who said it fontGoogle Font and weightphone & desktop
Who said it sizeSlider, 9–28pxphone & desktop
Who said it colorColourphone & desktop
Who said it line heightSlider, 0.8–2.4phone & desktop
Who said it letter spacingSlider, -8–12pxphone & desktop
Who said it alignmentDesign default · Left · Center · Rightphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
Wave Marquee
FreeLooping
Words or pictures run past on a wave, each rising and falling as it goes.
4 designs:
Wave, Wave, leaning with the slope, Two waves, opposite ways, Big words.
Pick one in the app, then fine-tune it with the settings below.
Settings you can change 39
Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.
Layout
Section
Padding topSlider, 0–200pxphone & desktop
Padding bottomSlider, 0–200pxphone & desktop
Max widthSlider, 320–1600pxphone & desktop
Motion
Seconds for one passSlider, 4–120sphone & desktop
Stop while it is pointed atOn / offAnd while a shopper has focus in it.
Layout
Waves along the stripSlider, 1–6phone & desktopHow many crests there are in one pass of the things.
Height of the waveSlider, 0–120pxphone & desktop
Room for each thingSlider, 80–420pxphone & desktop
Content
Heading
KickerText
HeadingText
IntroText, several lines
On the wave
Things on the waveA list of things (up to 24): Words, Picture (optional)
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Wave style
Behind each thingColourphone & desktop
Corner radiusSlider, 0–999pxphone & desktop
Words style
Words fontGoogle Font and weightphone & desktop
Words sizeSlider, 9–120pxphone & desktop
Words colorColourphone & desktop
Words line heightSlider, 0.8–2.4phone & desktop
Words letter spacingSlider, -8–12pxphone & desktop
Kicker style
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 9–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.8–2.4phone & desktop
Kicker letter spacingSlider, -8–12pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading style
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 9–120pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.8–2.4phone & desktop
Heading letter spacingSlider, -8–12pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro style
Intro fontGoogle Font and weightphone & desktop
Intro sizeSlider, 9–40pxphone & desktop
Intro colorColourphone & desktop
Intro line heightSlider, 0.8–2.4phone & desktop
Intro letter spacingSlider, -8–12pxphone & desktop
Intro alignmentDesign default · Left · Center · Rightphone & desktop
How to add a Panely section to your Shopify store
Install Panely from the Shopify App Store. It works with Online Store 2.0 themes, and your theme files are never edited.
Pick a section and press Add. Choose a design, and change the settings in the editor with a live preview beside them. You get a short section code.
Place it once. In the theme editor, add the Panely block where you want the section, and paste the code into its Section code field.
Edit any time. Change the section in Panely and save. Your store shows the change on its next page load, with nothing to paste again.
Each Add is its own copy with its own settings, so you can use the same section on as many pages as you like.
Panely must stay installed for its sections to show. If you uninstall, they disappear, and your theme is left
exactly as it was.
Questions about motion & carousel sections
How do I add a scrolling logo bar to Shopify?
Add the Infinite Marquee section in Panely, choose the Logos design and add your logo images, each with an optional link. It loops without a visible seam, in whichever direction you choose.
Can I control slideshow timing?
Yes. Set how many seconds each slide holds, choose the transition, and add arrows, dots or both so shoppers can move between slides themselves.
Add these sections to your store
Install Panely from the Shopify App Store, pick a section and place it in your theme in a couple of minutes. A free plan is available.