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.

STEPS

In your theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. Under Template, click (+) Add section and select Featured product.

    Click and hold the drag-and-drop handles ⋮⋮ to re-order your sections.

  3. Click the Featured product section to open the settings.

  4. Click Select product to choose one of your products to feature.

  5. Click Save.

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 blocksDescription

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 blocksDescription

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.

SettingDescription

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

SettingDescription

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

SettingDescription

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

Product page template

Last updated