Featured product

The ' Featured Product section' is a powerful tool to showcase your key products, best-sellers, or newly launched items on your website. With its high customization capabilities, you can create a visually appealing and engaging product display, capturing customer attention at first sight.

1. Media

In the Media block, you’ll find the Stamp option. This option allows you to add a rotating circle in the top-right corner of the media. The stamp can display either text or an image.

For the media layout, we support three options on desktop: Thumbnail Left, Thumbnail Bottom, and Bar Bottom.

On mobile, there are also three media layout options available: Dots, Counter, and Thumbnail.

2. Information

The Information block includes multiple sub-blocks that display product details such as the title, name, vendor, price, variant, inventory, SKU description,...

2.1. Description

The Description block offers three display options that you can use: Full Description, Short Description, and Collapsible.

2.2. Inventory status

The Inventory Status section supports four different display styles.

2.3. Variant picker

The Variant Picker allows you to display product variants in multiple formats, including: Block, List, Dropdown, Color swatch, Variant image, Color Swatches

To display Color swatches, please follow this document for proper setup and configuration.

Within the Variant Picker, you can also configure a Size Chart. The size chart can be displayed using one of the following sources: An image or a page.

Please follow this document to configure Size chart

2.4. Buy buttons

The Buy Buttons block includes:

The dynamic checkout button allows customers to go directly from the product page to checkout and pay immediately for that product. It also supports accelerated checkout methods such as Shop Pay, Apple Pay, and Google Pay.

If no third-party accelerated checkout methods are enabled in your store, only the unbranded Buy it now button will be displayed.

To learn more about dynamic checkout, please refer to this document.

2.5. Collapsible row

This block allows you to add accordion-style content to the product information column, helping you organize additional product details in a clean and user-friendly way.

2.6. Complementary products

This block allows you to display complementary products.

Please follow this document to learn how to configure this feature properly.

2.7. Line item property

Line item properties are used to collect customization information when a product is added to the cart.

Supported input types include:

2.8. Pickup availability

This feature allows customers to pick up online orders at a physical store location.

To display pickup availability, you need to configure in-store pickup in your Shopify admin.

Please follow Shopify’s official guide to set this up.

2.9. SKU

This block displays the SKU of the product, if a SKU is available.

2.10. View details

When customers click the View details button, they will be redirected to the full product detail page.

2.11. Pop-up

When you click on the text, a popup will appear. The content of the popup is taken from the page you select.

2.12. Separator

It is a line used to visually separate different block.

2.13. Contact and share

Enables the contact form, allowing users to send messages or request information through the website.

Social share is a feature that allows users to share content from your website to various social media platforms.

2.14. Tax and shipping info

You will need to add a shipping policy in the Shopify settings for this block to work properly.