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.

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.

Section settings

Settings
Type
Description

Product

product

Choose a specific product to be featured in this section.

Product description

Enable sticky form

checkbox

When enabled, the product form (e.g., add to cart button) will stick to the screen as the user scrolls, keeping it visible for easy access.

Image layout

Desktop layout

select

Choose the layout for product images on desktop: Grid, Carousel with thumbnails, or Stacked.

Image width

select

Adjust the width of the product image for the desktop layout: Standard or Large.

Hide product thumbnails (carousel layout only)

checkbox

Hides the product thumbnails when using the carousel layout.

Equal image aspect ratio

checkbox

Ensures all images in the grid layout have the same aspect ratio, creating a more uniform look.

Media

Enable zoom

checkbox

Allows users to zoom in on the product image when hovered over for a closer look.

Enable video looping

checkbox

When enabled, any product videos will loop continuously when played.

Colors

Background color

color

Choose a background color for the section.

Overlay gradient

color_background

Choose an overlay gradient to apply over the background.

Section spacing

Width

select

Adjust the width of the section: Full width padded or Page width.

Padding top and bottom

range

Adjust the top and bottom padding for the section, controlling the space above or below the product.

Last updated