After creating your color schemes in theme settings — 'Colors' tab, you can apply them to different sections of your store.
In each section or block, you'll see a Color scheme dropdown.
Select the appropriate color scheme for each section, ensuring consistency with your brand's identity.
By managing your colors at this level, you can create a cohesive, visually appealing store design that maintains brand consistency across all pages.
Layout
Full width: The image banner will span the full width of the page.
Grid: The image banner will be sized to match the container of other sections.
Slide height
Choose slide height from the dropdown list:
Adapt to first image: All images in the carousel will match the height of the first image.
Small
Medium
Large
Auto-rotate slides (if enabled)
Set the carousel to play automatically.
Auto-rotate slides (if disabled)
The images are static, and you can rotate slides using slideshow navigation (arrows).
Change slides every
Choose in seconds how frequently your slides cycle. The range is from 3 to 9 seconds.
Desktop content position
Top:
Left: Positions the content at the top-left of the banner.
Center: Places content at the top-center.
Right: Aligns content to the top-right corner.
Middle:
Left: Aligns content to the middle-left.
Center: Centers the content in the middle of the banner (most commonly used for balance).
Right: Positions the content in the middle-right area of the banner.
Bottom:
Left: Puts the content at the bottom-left.
Center: Centers the content at the bottom.
Right: Aligns content to the bottom-right.
Slider button style
In Shopify, slider button styles can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store.
Animations
Setting
Description
Image behavior
Choose how the image behaves:
None
Ambient movement: This creates a subtle, slow movement effect, making the image appear dynamic.
Mobile layout
Setting
Description
Show content below images on mobile
Enabling this option will display text after the image on mobile screens. Disabling it will place the text directly on top of the image on mobile screens.
Hide buttons
Mark the checkbox to hide slider buttons on mobile.
Accessibility
Setting
Description
Slideshow description
Enhance accessibility by providing a description for your slideshow, catering to visually impaired customers.
Did this answer your question?Thanks for the feedbackThere was a problem submitting your feedback. Please try again later.
