Blum Product Template

Theme: Blum · Section type: Template (product page)

The product template controls how every product page looks. Use it to choose how product media appears, which product details customers see, and what extra content (disclosures, complementary products, related products) helps them decide to buy.

Note: The default product template has a Product details section and a Product recommendation section, plus any other sections you add. Most Product details blocks can be added once. Custom Liquid and Custom text can be added several times.

What you can do

• Open the product template
• Choose how product media appears
• Add and arrange product information blocks
• Show safety and regulatory disclosures
• Show complementary products and pickup availability
• Let customers send a gift card to someone else
• Add an advanced description below the product
• Turn on the sticky purchasing bar
• Show related products below the product
• Take pre-orders on the product page
• See what customers see
• Change the Product details and Product recommendation settings
• Fix common problems

Open the product template

1. In the theme editor, open the page selector at the top.
2. Click Products > Default product.
3. In the left sidebar, click Product details to open the section settings.

Tip: Changes to the default product template apply to every product that uses it. To give some products a different layout, create a new product template and assign it to those products in the Shopify admin.

Choose how product media appears

1. Click Product details.
2. Under Media, choose the Media ratio and Thumbnail ratio.
3. Choose the Layout on large screen: thumbnails left, right, or below one large image, or a gallery grid (Collage, 1 column, or 2 columns).
4. Choose the Width on large screen: Wide or Compact.
5. Optional: select Enable zoom function, so customers can open the images full screen.
6. Click Save.

Add and arrange product information blocks

1. In the left sidebar, under Product details, click Add block.
2. Select a block, for example Size guide, Extra information, or Rating.
3. Drag the blocks up or down to change their order on the page.
4. Click a block to change its settings.
5. Click Save.

Tip: Keep Title, Price, Variant selector, and Purchasing near the top, so customers see the price and the buy button without scrolling.

Show safety and regulatory disclosures

The Disclosures block shows the safety warnings and regulatory notices that you add to a product in the Shopify admin. Available in Blum 3.9 and later.

1. In the Shopify admin, add the disclosures to the product, and choose to show them on the product page.
2. In the theme editor, under Product details, click Add block > Disclosures.
3. Enter a Heading, for example "Safety information".
4. Optional: clear Collapse content to show the disclosures open.
5. Optional: select Show below gallery on desktop to place the disclosures under the product images on large screens.
6. Click Save.

Note: The block appears only on products that have disclosures set to show on the product page. Disclosures set to show in the cart appear under the product in the cart and the cart drawer.

Show complementary products and pickup availability

Complementary products

1. In the Shopify admin, use the Search & Discovery app to choose the complementary products for each product.
2. In the theme editor, under Product details, click Add block > Product cross sell.
3. Enter a Heading, for example "Frequently bought together".
4. Set Maximum products to show, from 1 to 10.
5. Click Save.

Pickup availability

1. In the Shopify admin, set up local pickup for your store locations.
2. In the theme editor, click Add block > Pickup availability.
3. Choose the Accent scheme, and select Show expected pickup time if you want customers to see when the order is ready.
4. Click Save.

Let customers send a gift card to someone else

1. Under Product details, click the Purchasing block.
2. Select Show recipient information form for gift card products.
3. Click Save.

On gift card products, customers see a Send a gift check box. When they select it, they can enter the recipient's email, name, a message of up to 200 characters, and a send date. Other products don't show the form.

Add an advanced description below the product

The advanced description shows extra content under the product details, across the full width of the page.

1. Click Product details.
2. Under Advanced description, choose a Content source:
3. • Static page: select a page. Its content shows on every product that uses this template.
   • Product metafield: connect Product metafield name to a product metafield with the dynamic source button. Each product shows its own content.
3. Click Save.

Turn on the sticky purchasing bar

1. Click Product details.
2. Under Sticky purchasing bar, select Show sticky purchasing bar when scrolling down.
3. Choose what the bar shows: Show price, Show variants, and Show product information on mobile.
4. Choose the Button type: Add to cart or Dynamic checkout button.
5. Choose the Position: Bottom left or Bottom right.
6. Click Save.

Show related products below the product

The Product recommendation section shows products related to the one customers are viewing. Shopify picks them from product information and order history. To choose them yourself, use the Search & Discovery app.

1. In the left sidebar, click Product recommendation.
2. Enter a Heading.
3. Under Layout, choose the Style, the Items per row on desktop and on mobile, and Items to show.
4. Click Save.

Take pre-orders on the product page

Pre-order is available in Blum 3.9 and later. You set it up in Theme settings > Product information > Pre-order. See the article "Pre-order" for the full setup.

When pre-order applies to the selected variant, the Add to cart button and the sticky purchasing bar button show the pre-order Button label instead. In the cart, the item shows the pre-order Cart message, for example "Pre-order: Ships in 2 weeks".

What customers see

• Large screens: the media appears on the left and the product details on the right. With Enable sticky content when scrolling, the shorter column stays in view while customers scroll.
• Media: customers click an image to open it full screen and zoom, when Enable zoom function is on. On mobile, they swipe through the media and see a number counter or thumbnails.
• Variants: when customers pick a variant, the price, stock, image, and buy button update for that variant.
• Popups: Size guide and Popup content appear as links. Customers click them to open the page content in a popup.
• Sticky purchasing bar: when customers scroll down the product details, the bar appears at the bottom of the screen, so the buy button stays in reach. On screens 458 px wide or less, it spans the full width.
• Below the product: the advanced description, then your other sections, then the related products.

Settings reference

General

Layout

Media

Advanced description

Sticky purchasing bar

Title block settings

Vendor and SKU blocks

These blocks have no settings. They show the product vendor and the SKU of the selected variant.

Price block settings

Variant selector block settings

Purchasing block settings

Disclosures block settings

Basic description block settings

Extra information block settings

Size guide block settings

Pickup availability block settings

Popup content block settings

Custom Liquid and Custom text block settings

Product cross sell block settings

Share block settings

Rating block settings

Variations block settings

Product recommendation: General

Product recommendation: Layout

Troubleshooting

The Disclosures block doesn't show on my product.
The block appears only when the product has disclosures set to show on the product page. Add them to the product in the Shopify admin.

The Product cross sell block is empty.
The block shows the complementary products that you choose in the Search & Discovery app. Add complementary products for this product.

The Size guide link can't be clicked.
The link is turned off when it has no content. Select a page in Selected page, or connect Product metafield name to a metafield.

The sticky purchasing bar doesn't appear.
Check that Show sticky purchasing bar when scrolling down is selected. The bar appears only after customers scroll down the page, and it hides again at the end of the product details.

I can't add a second Price block.
Most blocks can be added once per section. Only Custom Liquid and Custom text can be added several times.

Related articles

• Blum Featured Product
• Blum How To Setup Product Siblings
• Blum Product Card
• Blum Cart template
• Blum Theme Settings

Updated on: 23/10/2026