Featured product
You can add a section that features a specific product.
Last updated
You can add a section that features a specific product.
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Featured product".
Setting | Description |
---|---|
Setting | Description |
---|---|
Displays the product's pricing information, such as price and compare at price.
It has no adjustable settings.
If you wish to use 'Color swatches', then the Variant picker type must be set to 'Pills'.
Displays a quantity selector that customers can use to change the number of the product that they want to purchase. The default quantity is 1.
It has no adjustable settings.
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Setting | Description |
---|---|
Product
Select a product you want to display.
Color scheme
Set the color for the section.
Show secondary background
Shows the background for this section's container. If this setting is disabled, this section will have a full background.
Desktop media width
Width of product images container on desktop:
Small
Medium
Large
Constrain media to screen height
Select this checkbox to constrain media to screen height.
Desktop media position
Position of the product images on desktop:
Left: the product images are on the left.
Right: the product images are on the right.
Desktop layout
The layout for the section on desktop:
Stacked
2 colums
Thumbnails
Thumbnail carousel
Image zoom
Turns on the zoom feature for main product images.
Hide other variants’ media after selecting a variant
When a variant is selected, images of other variants are hidden from view. Images reappear when variant is deselected.
Enable video looping
Allows the video to be played again.
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Text
The text for the this block.
Text style
Style of the text:
Body
Subtitle
Uppercase
Heading size
The size of the product's title:
Small
Medium
Large
Extra large
Text style
Style of the text:
Body
Subtitle
Uppercase
Type
Displays any variant options for the product:
Dropdown
Pills
Color selector type
Displays the color variants in swatches:
Text swatch
Color swatch
Variant image and color swatch
Show dynamic checkout buttons
Displays any dynamic checkout options that you've enabled in your Payments settings.
Show recipient information form for gift cards
Allows buyers to send gift cards on a scheduled date along with a personal message. Learn more.
Color scheme
Select the color for the Add to cart button.
Show share
Allows customers to share the product to their social media.
Liquid code
You can add your own Liquid code to create a custom block.
Layout
The layout for the block:
Horizontal
Vertical
First icon
Displays the icon for the first block. This icon will not be displayed if the First image is selected.
First image
Displays the image for the first block.
First heading
Displays the heading for the first block.
Second icon
Displays the icon for the second block. This icon will not be displayed if the Second image is selected.
Second image
Displays the image for the second block.
Second heading
Displays the heading for the second block.
Third icon
Displays the icon for the third block. This icon will not be displayed if the Third image is selected.
Third image
Displays the image for the third block.
Third heading
Displays the heading for the third block.