Featured product

Versatile and dynamic component that allows you to showcase a single product prominently in your store. This section is designed to enhance the visual appeal of a product while providing a seamless shopping experience for your customers.

Section settings

• Product: Select the featured product to display using the product picker. Add a header above the product description section. You can also enable the sticky form, which, when activated, ensures that the product form remains visible on the screen as users scroll, with the default setting set to 'true'.

• Image layout: Allowing you to choose between grid, stacked, or carousel. Select the image width. You can hide product thumbnails in the carousel layout and enable an equal image aspect ratio for the grid layout.

• Media: Include zoom for product images and video looping for continuous video playback.

Shopify has a limit of showing up to 20 unique product handles per page. Please keep this in mind when using sections with a product select option such as the Featured Product section.

Blocks

• Title and price: Includes a subheading, adjust the title and price sizes. You can also bold the product price.

• Form: Include a size chart link, variant labels, a quantity selector, and a dynamic checkout button.

• Description: Includes an option to expand the description to full width below the product gallery and allows adjustment of bottom padding from 0 to 50px.

• Cutline: Choose a text color and adjust the bottom padding.

Read more for others blocks

• Accordion: Display product info interactively with options like showing the description, enabling a read more button, and expanding to full width. Customize the background color, text color, and border thickness. Set a heading, add content, and link to a page.

• Upsell: Displays related products to encourage add-ons or upgrades. Show a slider or single upsell product using metafields. Use the metafield to allow upsells in the cart, or limit to the product page.

• Share button: Let customers share the product page on social media. Set the button text and adjust the bottom padding. A paragraph explains that shared links show the page's featured image as a preview.

• Custom code: Add HTML or Liquid code for custom features.

• Text: Allows you to add custom-rich text content on the product page.

• Icon: Displays a customizable icon with text. Choose a color, upload a custom image, set the width, and add a heading.

• Icon row: Customize up to four icons on a single row.

• Siblings: Splits colors into separate products, allowing you to customize the label, select related products, and choose between showing images or swatches. Learn more about Siblings here.
• Inventory countdown: Shows a low inventory alert with a customizable threshold and an option to hide the inventory count.

• Popup text: Clickable text that opens a popup with more info. You can customize the text and link it to a page.

• Line item property: Collects custom information from buyers for the product order. It allows you to set a label, choose between 'text' or 'checkbox' input types, and configure settings for each type, including long text input for text or defining checked/unchecked values for checkboxes.

• Divider: Adds a divider line between content blocks.

• Feature: Block with an icon, title, and description. It allows selecting an icon or uploading an image, adjusting the icon width, setting a title, and adding rich text for the description. Color settings for background and text are available.

• Complementary products: Shows product recommendations based on the 'Shopify Search & Discovery' app. Learn more about this app here.
• Badges: Displays sale and custom badges, with options to control their visibility and position over gallery images.

• Timer: Countdown for an offer or event, with a customizable end date, time, message, and font styles. You can adjust the size of the digits, heading, and text, as well as colors, and text alignment.

• Fit guide: The fit guide block displays sizing labels with customizable headings, active segments, and label texts.