Featured product
Theme section
The Featured product section displays an entire product form on your page so customers can buy your products on the spot.
Set up section
Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.
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.
Product blocks
Just like the Product template, this section contains the elements or blocks that make up your product form. You can rearrange or edit these blocks to create new styles or layout.
Below you'll find a list of all the Featured product blocks, along with associated settings and features. Follow the link for setup instructions.
| Default blocks | Description |
|---|---|
Display title, price, vendor, star rating, and badges. | |
Display product description as a paragraph or accordion. | |
Display variants of product options. Includes options for Information popup, Variant swatches, and Variant chips. | |
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. |
| Features blocks | Description |
|---|---|
Add expandable tabs that reveal more text when clicked. | |
Show customers related products that they can add to the cart. | |
Add block with custom HTML or Liquid | |
Let customers add personalized text, notes, or options. | |
Tell customers about your support policy and how they can contact you. | |
Add a featured image block. | |
Add a featured image with promotional text. | |
Add popup product information (ex. Size guide). | |
Show security message and payment icons. | |
Show badges with text label and icon. | |
Spacer | Add space between product blocks. |
Display stock level bar with 'low inventory' alert. | |
Add a short block of text. | |
Add multiple columns with text and icons. | |
Add a list with icons. |
Settings reference
Click the Featured product section to find the following settings.
| Setting | Description |
|---|---|
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. |
Gift card
| Setting | Description |
|---|---|
Show recipient information form for gift cards | Choose to let customers fill out details for a gift card, including the scheduled date and a personal message. |
Section style
| Setting | Description |
|---|---|
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
Last updated