Feature product
Last updated
Was this helpful?
Last updated
Was this helpful?
Add a Featured product section to any page to allow customers to view and add an item directly to their cart.
Customize the layout with options for the media gallery and product detail blocks, and add custom content blocks.
In the editor side panel, click (+) Add section and select Featured product. Click and hold the drag handles ⋮⋮ to re-order sections.
Click the section to open the settings. Click Select product for the Featured product option.
Click the section to edit general section styles for colors and spacing, available in all sections:
The Sticky effect makes either the gallery or product details remain at the top of the screen when scrolling down. You may want to enable this option to keep the add-to-cart button visible or keep the product images visible.
Sticky gallery only applies to thumbnail gallery layouts.
Sticky product details applies when the gallery is longer than the product details.
Select No sticky effect to disable this option.
Click the Featured product section to customize the layout of your product media.
The Featured product section contains all the blocks that make up your product form, including product information, variant selectors, buy buttons, and additional feature blocks.
In the editor side panel, click (+) Add block to insert into the Featured product. Click and hold the drag handles ⋮⋮ to re-order blocks, and hide or delete blocks using the icons.
The default blocks show essential product information and purchasing options. Click a block to find its settings.
Add more blocks with custom content and features to the featured product section.
Editing templates will change all pages that use the same template. for different page layouts, or in the same template.
Products are created and edited in your Shopify admin. Learn more about managing products in .
Title
Vendor
SKU
Section colors
Section width
Section padding
Gallery layout
Change the layout, size, position, and shape of your images
Media grouping
Reveal images for the selected variant only.
Collapsible row
Complementary products
Custom options
Featured icon with text
Icon with text
Image
Inventory status
Popup
Product rating
Share icons
Text
Custom Liquid
Description
Price
Quantity selector
Show or hide quantity label
Variant selector
Buy buttons
(product guide)
