Product Blocks

Product blocks control the content shown in the product information area.

Available Product Blocks

Title
Price
Variant picker
Buy buttons
Pickup availability
Complementary products
Description
Divider
Icon
Inventory Status
SKU
Custom liquid
Collapsible tab
Product rating
App block
Text
Product images
File download

Reorder Product Blocks

Open the product template.
Open the Product section.
Drag blocks into the order you want.
Hide or remove blocks you do not need.
Save.

Title Block

The Title block displays the product title.

Settings:

Show vendor: Shows the product vendor above or near the title.
Show breadcrumb: Shows breadcrumb navigation where supported. This helps customers move back to a collection or parent area.

Use this block once near the top of the product information area.

Price Block

The Price block displays the selected product or variant price. It also supports sale and sold-out badge behavior from the theme.

This block has no settings.

Variant Picker Block

The Variant picker lets customers choose product options such as size, color, finish, or material.

Settings:

Type: Choose Buttons or Dropdown. Buttons are faster for options like Small / Medium / Large ; Dropdown is cleaner when there are many options.
Show variant labels: Shows option labels such as Size, Color, Finish, or Material above the picker. Keep this enabled unless the option values are already obvious.

Use Buttons for a small number of options. Use Dropdown when products have many variant values.

Buy Buttons Block

The Buy buttons block displays purchase controls.

Settings:

Show dynamic checkout buttons: Shows accelerated checkout options such as Shop Pay, Apple Pay, PayPal, or other available payment methods. These buttons are controlled by Shopify and payment availability.
Show quantity selector: Lets customers choose quantity before adding to cart. Disable it for products usually purchased one at a time.

Keep this block below the Variant picker so customers choose a variant before purchasing.

Pickup Availability Block

The Pickup availability block displays local pickup information for the selected variant.

This block has no settings. Pickup availability depends on Shopify locations, inventory, and pickup settings.

Complementary Products Block

The Complementary products block displays recommended products selected through Shopify’s recommendation tools.

Settings:

Heading: Heading shown above the complementary product list. Example: Pair it with , Complete the set , or Recommended with this item .

If no complementary products appear, confirm that recommendations have been configured in Shopify and that the product has available recommendation data.

Description Block

The Description block displays the product description from Shopify admin.

This block has no settings. Edit the content from the product itself in Shopify admin.

Divider Block

The Divider block adds a visual separator between product blocks.

This block has no settings.

Icon Block

The Icon block displays a small icon with text.

Settings:

Icon SVG code: Paste SVG code directly for a crisp icon.
Icon image: Upload an icon image instead of using SVG code.
Text: Text shown with the icon. Example: Made to order , Ships in 2 weeks , or Solid oak .

Use Icon blocks for short trust messages such as shipping, warranty, handmade, recycled materials, or local pickup.

Inventory Status Block

The Inventory Status block displays stock status for the selected variant.

Settings:

Inventory threshold: Quantity at or below which the product is considered low stock. Example: if this is set to 5 , variants with 5 or fewer available units show the low stock state.
Low stock text: Text shown when inventory is low. Example: Low stock , Only a few left , or Limited availability .

Inventory messaging depends on variant inventory tracking in Shopify.

SKU Block

The SKU block displays the selected variant SKU.

Settings:

SKU text: Label shown before the SKU. Example: SKU , Item code , or Reference .

If no SKU appears, confirm the selected variant has a SKU in Shopify admin.

Custom Liquid Block

The Custom liquid block lets you add Liquid, HTML, snippets, or app code inside the product information area.

Settings:

Custom liquid: Code field for the custom content.

Use trusted code only. Custom Liquid can affect the product page layout.

Collapsible Tab Block

The Collapsible tab block adds expandable product information.

Settings:

Heading: Tab title. Example: Materials , Care , Shipping , or Dimensions .
Tab content: Rich text content inside the tab.
Open by default: Opens the tab when the product page loads. Use this for the most important tab, or leave tabs closed to keep the product page compact.

Use tabs for care instructions, shipping notes, product details, materials, sizing, or FAQs.

Product Rating Block

The Product rating block displays rating stars.

Settings:

Show empty stars: Shows an empty rating state when no rating exists. Turn this off if you only want ratings to appear once a product has review data.

Ratings use Shopify’s standard review metafields, usually populated by a reviews app.

App Block

App blocks display content from Shopify apps.

Settings are controlled by the app developer.

Text Block

The Text block displays custom rich text.

Settings:

Text: Rich text content. Use this for short messages such as shipping notes, preorder notes, or product-specific notices.

Use this block for small supporting messages that are not part of the product description.

Product Images Block

The Product images block displays images from the product metafield:

custom.product_images

This block has no settings. If no images appear, check that the product metafield exists and has image values.

File Download Block

The File download block displays a link to a downloadable file from the product metafield:

custom.pdf_download

Settings:

Link text: Text shown for the download link. Example: Download specification sheet , Download care guide , or View catalogue .

Use this block for specification sheets, care guides, catalogues, or product documents.