1. Open the existing section
-
From your Shopify admin, go to Online Store > Themes.
-
Find the theme that you want to edit and click Customize.
-
Click the Slideshow section.
2. Add a Slideshow section
-
From your Shopify admin, go to Online Store > Themes.
-
Find the theme that you want to edit and click Customize.
-
Click Add section > Slideshow > Add.
-
Use the settings to customize your Slideshow section.
-
Click Save.
3. Settings
A. Colors
B. Font settings
Set the font for heading and subheading.
C. Font sizes on mobile
Adjust the font size for heading, subheading, and button on the mobile screen.
D. Font sizes on desktop
Adjust the font size for heading, subheading, and button on the desktop screen.
E. Font sizes on fullscreen
Adjust the font size for heading, subheading, and button on the fullscreen.
F. Text box position
Set the position of texts on mobile, desktop, and fullscreen.
G. Text alignment
Align texts on mobile, desktop, and fullscreen.
H. Heading gutter top and heading gutter bottom
Adjust gutter between texts.
I. Slider settings
- Autoplay: turn on/off the autoplay sliding feature.
- Autoplay speed: adjust the time to run a slide when you turn on the autoplay feature.
J. Slider pagination
Set the sider pagination format on the mobile, desktop, and fullscreen.
Text & images
Dot indicators
Arrows
K. Layout
Set the slideshow layout. There are 3 values: Full width, Wide display, and Box display.
- Overlay image: turn on/off the background overlay.
- Overlay opacity: adjust the opacity background if the overlay feature is turned on.
4. Add/Edit/Remove a slideshow item:
An item is a section block. Please refer to this guide for managing blocks in a section. Below are details of settings in an item:
- Image: pick or upload your image.
- Image on mobile: pick or upload your image to display on the mobile screen. If empty, the above image will be shown.
- Heading: add your heading text.
- Subheading: add your subheading text.
Comments
0 comments
Article is closed for comments.