Who This Is For / When to Use
This feature is for store owners who want to:
Highlight a specific product on landing pages or content pages
Promote a flagship or seasonal product
Create custom product layouts outside the default product detail page (PDP)
What Is the Featured Product Element
The Featured Product element is a drag-and-drop component that displays one static product with complete details, including:
Product images
Variants (size, color, capacity, etc.)
Pricing and discounts
Quantity selector
Add to Cart and Buy Now buttons
Description, reviews, and related products
It works independently from your default or custom PDP layouts.
Add the Featured Product Element to a Page
Step 1: Open the Page Builder
Open the page where you want to display the product.
Click Add Element.
Navigate to Store elements.
Select Featured Product.
Step 2: Assign a Product
Select the Featured Product element.
In the Settings panel, choose the product you want to display.
The product loads instantly with its details.
Customize the Featured Product Layout
You can fully customize the appearance of the Featured Product element.
Customization Options
Typography (font family, size, weight)
Price and discount styling
Button styles
Background color
Media alignment (Left or Right)
Section width and spacing
All changes apply only to this element.
Control What Customers See
You can toggle visibility for individual product components, including:
Add to Cart button
Buy Now button
Product description
Reviews and ratings
Related products
This allows focused layouts for promotions or upsells.
How Publishing Works
Add and configure the Featured Product element.
Click Save.
Click Publish to make changes live.
The product displays exactly as configured on that page.
Important Behavior and Limitations
The Featured Product element supports only one static product
It does not support collections or dynamic product lists
Customizations do not affect:
Default PDP
Custom PDP
Changes are isolated to the page where the element is used
Linking and Navigation Options
You can direct traffic to the featured product by:
Linking directly to the page containing the Featured Product
Using a website URL redirect with the page’s preview URL
This is useful for ads, buttons, and email campaigns.
FAQ
Can I use the Featured Product element to show multiple products?
No. The Featured Product element supports only one static product.
Does this replace my default product detail page?
No. It works independently and does not affect default or custom PDPs.
Can I change product details from this element?
No. Product data is read-only. Changes must be made from the product management section.
Can I hide Add to Cart or Buy Now buttons?
Yes. Visibility for CTAs can be toggled individually.
Can I use this on non-store pages?
Yes. The Featured Product element can be added to any website or store page.