Product tabs
Featured products from hand-picked collections
You can display products from a selected collection in an engaging and attractive section.
How to add a Product tabs section to your Shopify store
Steps
In the theme editor (Customize), click Add section.
Locate Product tabs.
Make necessary changes.
Save.
How to edit a Product tabs section
Section settings
✍️ Section header
⚙️ Grid settings
Layout
Choose to display the section header with the View all button in horizontal or vertical layout.
Products to show
Limit the number of products displayed.
Number of columns on desktop
Set how many products display per row (2–12 columns).
Column / Row gap
Control spacing between items in the grid.
🎠 Carousel settings
Enable carousel on desktop
Turns the static grid into a scrollable carousel (only if items > columns).
Show navigation / pagination
Adds arrows or page dots to the carousel.
🛍️ Product card settings
Image ratio
Inherit global settings or choose a fixed ratio for product cards' image.
Show vendor
Toggle whether to display the product’s vendor name.
To set up other addons, such as badges, buttons, etc. to the product cards, check out this article:
Product card🔘 View all button
Show on heading section
Enables the “View all” link next to your heading.
Button label
Customize the CTA.
📱 Mobile layout
Enable swipe on mobile
Allow horizontal swipe navigation.
Number of columns
Choose 1 or 2 columns on mobile.
Block settings
You can add multiple tabs to the section. In each tab:
Give the tab name. Leave it blank to use the collection name.
Select a Collection.
Best practices
✅ Keep tabs focused and minimal: Use 2–4 tabs maximum to keep the interface clean and intuitive.
✅ Avoid showing too many products in each tab to avoid excessive DOM size. Instead, include the button to direct customers to the product listing page.
Last updated
Was this helpful?