New Sections Configuration
Shop by Design Section Settings
Select SHOP BY DESIGN SECTION
Global Section Settings
Title - Heading of section
Subheading - blurb of text that displays under heading
Background color - can choose a background color to show behind this section
Global Slideshow Settings
Enable slide arrows (desktop) - when enabled, displays arrows to scroll through
Enable slide arrows (mobile) - when enabled, displays arrows to scroll through on mobile
Slide / Fade animation - how fast you want the duration of the slider to change
Enable infinite slides - when enabled, slides will always loop back to the start when reaching the end of the deck
Enable autoplay - when enabled, this allows the images to scroll automatically
Special Settings
Disable slides on mobile - this stacks the slides on mobile
Enable duo slide on mobile - this makes the slides on mobile show 2x2
Padding between slides - this applies when duo slides are enabled - can adjust the spacing between each slide
Overflow padding - when duo slides are enabled, this allows you to set the padding for the next/previous slides
How to add slides
Select ADD TITLE
Image - image you want displayed as a slide
Title - title of the slide
URL - the link you want the slide to bring the user to
Shop by __ Section Settings
Select SHOP BY __ SECTION
Title - title of the section
Find the perfect fit for your space checkbox - this enables to show the images smaller (like in the Find the perfect fit for your space section.)
Number of images per row - you can select how many images you want to show (3-6 is the range)
How to add categories
Select ADD SHOP BY
Shop by image - image you want to show for the category
Shop by URL - the link you want the user to be directed to
Shop by subheading - main heading of the category
Shop by subheading text - blurb text to show under the main heading
NEW Side by Side Section Settings
Select ADD SIDE BY SIDE IMAGES
Image - add image to show (the first one you add shows on the left) Image specs: 1200x700
Heading text - main heading text
Subheading - small blurb text that shows ABOVE the heading
Button text - text that displays in the button
Button link - URL that you want the user to be brought to
Add background overlay - enables a darker overlay to show over the images
Color selector - can choose what color you want the overlay to be
Opacity - can control how light or dark you want the opacity to be
Content alignment - this allows you to control the placement of the text on the images