- Video
- Slideshow
- Instagram shop
- Banner image
- Banner with text
- Blog posts
- Collection list
- Collection packery
- Custom content
- Collection Link
- Scrolling text
- Divider
- Faq
- Gallery
- Google map
- Image box
- Lookbook
- Newsletter
- Product single
- Collection tab
- Custom HTML
- Products deal
- Products grid
- Products list
- Products list carousel
- Products recently viewed
- Testimonials
- Tiktok video
- Shop the Look
- Spacing
- Age verifier popup
- Animation
- Counter
- Shopable video
Products carousel
Written by ThuHuong_FE_NextSky
Last updated
A guide to display product list under slider format
Create your online store today with Shopify
Steps
In the theme editor (Customize), click Add section
Locate Products carousel
Save
Products carousel
1. Section header and general:
Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.
Layout: You can choose between Container, Wrapped container, Full width for the banner layout.
Color schema: You are allowed to change text color, background color with preset color.
2. Products settings
Specify the quantity of products to display, the number of products per row, and the gap between two adjacent products.
3. Carousel settings
You have the flexibility to enable Autoplay for automatic carousel scrolling and Infinity for continuous looping. Additionally, you can navigate through pagination or use Show arrows and Dots for navigation.
Include a View All option that allows users to navigate to a dedicated page showcasing all available products.
4. Banner settings
Choose to add a small image or video that will be on the left or right side of the product.
5. Section padding
Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.
