Slide Show Section
A slideshow section is popular with prop companies even though it has fallen out of fashion with modern web designers. This is because customers viewing websites tend to not read past the first slide and instead scroll down the page.
Slideshows also slow down the page speed because they consume extra bandwidth and processing power, even when lazy-loading the images. In an age when Google ranks faster loading web pages higher in search results, and most website visitors are on mobile devices where it's even less likely they advance past the first slide, the slideshow is a suboptimal choice, especially above the fold.
Nevertheless, our customers want slideshows, so here ya go.
Btw, if you want a modern "above the fold" section that uses an H1 tag and is not a Slide Show Section or Banner Section, please contact us.
When to Use
Use a slideshow at the top of your page to quickly introduce your business to customers. In a few words, tell them what you do and give them one or two call to action buttons to sign up and view your inventory. Subsequent slides allow you to feature different inventory categories, artists, or pages on your website.
This should be the first or second section on the page because the title uses an H1 tag.
The alternative is the Banner Section, which also uses an H1 tag, or a Markdown Section which allows you to use any tag(s).
Data Structure
Position
Where the section appears in the order of all page sections.
Class
The slide show offers four different layouts which are the section Class:
whiteSlidesfullscreenSlidesimageSlides- anything else selects the default slideshow
Position
Where the section appears in the order of all page sections.
Slides
A slideshow is composed of up one or more slides. It's essentially a section that is a group of other sections (the slide sections).
Pro Starter Plan subscribers can have one slideshow section per Sections template page with up to two slides.
Pro Standard Plan subscribers can have unlimited slideshow sections with up to ten slides.
Slide Data Structure
Title
This is an H1 tag.
Description
Text below the title that uses a P tag. Example "Sign up to shop our collection of props".
Description when logged in This is usually only used for the first slide. Example "Shop our collection of props". Notice the "Sign up to" part is omitted because the user is already logged in.
Main Button Text
The text for the CTA button.
Main Button Path
The pathname of the page clicking the CTA button links to.
Main Button Class
See the available button classes (coming soon).
Alt Button Text Optional
The text for the alternate CTA button that appears to the right of the previous button.
Alt Button Path
The pathname of the page clicking the CTA button links to.
Alt Button Class
See the available button classes (coming soon).
If the Alt Button is used, then it becomes the primary button when the user is logged in, and the Main Button is hidden.
This is usually relevant on the first slide when the Main Button is to "Sign Up" and the Alt Button is to "Browse Inventory". When the user is logged in, the "Sign Up" button disappears and "Browse Inventory" becomes the primary CTA.