Default blocks
Product pages
Last updated
Product pages
Last updated
The Product overview section includes default blocks. These blocks include essential components like the product title, price, description, variant and quantity selectors, buy buttons, and share icons.
This guide gives an overview of the default product blocks. See the product page template guide to find featured product blocks and product page layout settings.
The Product header block displays basic details of your product entered in your Shopify admin settings, including the title and pricing.
**Shopify |**This block displays product details controlled by the Shopify admin. See Shopify's product guide ↗ to learn more.
| Setting | Description |
|---|---|
The Description block displays the product description as added in your Shopify admin.
You can change the Style to display the description as a Paragraph, Open accordion, or Close accordion. Click on the Description block to find the settings.
Shopify | Product descriptions are added to the Shopify admin. Themes cannot modify product descriptions. See Shopify's product guide ↗ to learn more.
The Variant selector block displays available product options (e.g. Size or Material) with selectable variants.
Click on the variant selector block to find options for an Information popup (Size guide), Variant swatches, Variant chips, and Sibling product swatches.
Shopify | Product options and variants are a Shopify feature controlled in the admin. See Shopify's Variants manual ↗ to learn more.
The Quantity selector lets customers add more than one of the product to the cart at one time.
Click on the Quantity selector block to choose whether to show the "Quantity" label.
The Buy button block shows the "Add to cart" button with an optional dynamic checkout button. A Local pickup banner automatically appears below the buy buttons when local pickup is set up in your Shopify admin.
The add-to-cart button has the default text "Add to bag". You can customize this text using the Default theme content editor. In your theme editor or dashboard, click Actions (...) > Edit default theme content. Search this text to replace it with your own. Click Save.
See our guide to learn more about editing default theme content.
You can show a the Sticky add-to-cart bar to allow customers can add your product directly to their cart anywhere on the product page. When the product form's add-to-cart button is not visible, the sticky bar appears at the bottom of the page with an add-to-cart button.
The sticky bar displays the product title, price, image, and variant. Next to the variant, visitors can click the 'Change' link to jump to the variant selectors in the product form.
Click the Buy button block to enable the sticky add-to-cart bar. You can display a border at the top of the sticky bar. Select on of 4 Separator styles, or select No border.
The Dynamic checkout button lets customers quickly buy the product they're viewing with a "Buy it now" button that skips directly to the cart or a branded button with the customer's preferred payment method.
To enable this option, click on the Buy buttons block to access its settings and check the Show dynamic checkout buttons checkbox.
Shopify | The Dynamic checkout button is a Shopify feature. The theme includes an option to enable the dynamic checkout button, but settings, icons, and functionality are controlled by Shopify. See Shopify's Dynamic checkout button guide here ↗.
If you've set up local pickup in your Shopify admin, the theme automatically displays a banner below the buy buttons that tells customers whether the product is available at your location.
Shopify | Local pickup is a Shopify feature and is not controlled by the theme. See Shopify's Local pickup guide ↗ to learn more.
Display social media icons that let customers share the product on their Facebook, Pinterest, or X (Twitter).
There are no block options. To disable Share icons, click on the Share block and click Remove block.
\
Related links
Product template Product page layout Product overview blocks
| Setting | Description |
|---|---|
Show divider
Show border line beneath the product details.
Show vendor
Show the vendor name beneath the product title.
Show SKU
Show the "Stock-keeping unit" (SKU) number of the product.
Show discount
Show discount amount as set up in the 'compare at price' setting in the Shopify admin.
Discount format
Choose to display discounts by percentage or currency amount.
Show product rating
Show star rating from your product rating app. See product review guide to learn more.
Show sale badge
Show sale label for products that have a Compare at price set in your Shopify admin.
Show custom badges
Show custom badges added to your theme settings. See the Product badges guide.
Title
Enter text to display as a heading. (Default: "Description")
Text size
Change the text size to Small, Regular, or Large.
Column
Display the description in the Left or Right column.
Display as collapsible row
Show an expandable title that reveals the description when clicked.
Expand by default
Display the collapsible row as open with the description revealed.
