Featured product
Last updated
Last updated
The Featured product section displays an entire product form on your page so customers can buy your products on the spot.
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.
Editing a template changes all pages that use that template. To edit specific pages, you can you can create new templates or insert dynamic content with metafields.
Click Featured product section to find settings
Select product
Choose one of your products to feature. The section will use details and settings from in your Shopify admin.
Product image size
Change the size of the main product image. Select Small, Medium, Large, or Extra large.
Thumbnail size
Change the size of the thumbnail product images. Select Small, Medium, or Large.
Enable video looping
Choose to play videos in your product media gallery continuously.
Enable image zoom
Allow visitors to view product images in a larger view.
Show thumbnails in zoom gallery
Choose to show thumbnail images when product media are viewed in the zoom gallery.
Image aspect ratio
Choose to crop all product images to be a single uniform shape. Select Portrait (2:3), Portrait (4:5), Square (1:1), Landscape (5:4), or Landscape (3:2). Select Natural to display images in their original shape (without cropping). Learn more about aspect ratios in our Image settings guide.
Default blocks include essential product details and purchase options. Click the blocks to find additional settings.
Display title, price, vendor, star rating, and badges.
Display product description as a paragraph or accordion.
Quantity selector
Let customers add more quantities of a product.
Add-to-cart button with optional Sticky Add-to-Cart bar and Dynamic checkout button. Includes Local pickup banner.
Social links for sharing your product page.
Add Feature product blocks to organize additional product information and design the page layout.
Add block with custom HTML or Liquid
Spacer
Add space between product blocks.
Click Featured product section to find settings
Top spacing
Increase or decrease the amount of space above the section.
Bottom spacing
Increase or decrease the amount of space below the section.
Enable animation
Choose whether to display visual effects when scrolling, hovering, or interacting with the section. Go to our Animation guide to learn more.
Related links
Display variants of product options. Includes options for , , and .
