What is the slideshow section?
The Slideshow section provides a great opportunity to showcase beautiful imagery, which is a core principle of our Showcase theme. It can display up to eight images in a slideshow format and can be useful in advertising key products or services by using a combination of images, text and buttons. There is the option to either auto rotate the slides or to display a static image until the customer manually advances the slideshow.
How to set up the slideshow section
Steps
- Open the Theme Editor and add the Slideshow section to the page.
- Click Add Slide or use one of the three Slideshow blocks that are present upon install.
- There are three Slide height settings to choose from.
Adapt to first image: All images will be the same height as the first image.
Full screen: The image will take up the full screen, excluding the space occupied by the header.
Fixed height: The slider can be used to select a specific px height for both mobile and desktop. - Choose whether to Show text below image on mobile to differentiate the viewing experience for mobile users.
- Within each slide block, add desktop and mobile images and choose the Desktop and Mobile text alignment.
FAQs
Why is my image being cropped?
By it's nature, a slideshow contains several different images, all of which are shown in the same sized space. You may find that you can set up your slideshow such that the first image displays perfectly, but if subsequent images have different dimensions - parts of the images will be cropped.
This is illustrated below:
The best chance to avoid this is to set the Image height to the Adapt to first image, and then make all images within the slideshow the same dimensions.
To read more about aspect ratios, refer to the Shopify Understanding image aspect ratio guide.
Focal points may also affect image cropping. Focal points allow you to choose the part of the image which should remain in view, no matter what the screen size. This means that parts of the image may be cropped to ensure that the focal point remains visible. Read Shopify's Focal points guide for more on this.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us