Product page
The Product page template of Combine: gallery layouts, sticky add to cart, and the blocks for variants, buy buttons, siblings, size guides and more.
Applies to: Combine 4.2.0 and later. Added in: Combine 1.0.0. Last checked: 2026-10-13 against Combine 4.2.0.
The Product page section shows one product: its media gallery on one side and its blocks (title, price, variant picker, buy buttons and more) on the other. It is the main section of the product template. The Product recommendations section sits under it in the same template.
Where to find it: Online Store → Themes → Customize → template picker → Products → Default product → Product page.
Product gallery

- Style & layout sets the desktop gallery: a 1 column slider, a 1 column scroll or a 2 columns scroll (default). Mobile always uses a 1 column slider.
- Enhance first image (2 columns scroll only) shows the first image at full width above the others.
- Desktop media width gives the gallery one half or two thirds of the page.
- Mobile media width and Add padding to the gallery on mobile let the next image peek in on mobile, or add space around the slider.
- Media aspect ratio crops every image to one shape. Turn on Fit images inside container when your images have different shapes: they are no longer cropped.
- Gallery inner spacing, Gallery background and Gallery border style the space around fitted images.
- Media border radius rounds the image corners.
- Show thumbnails adds thumbnails under the gallery. Enable image zoom opens the images full screen.
- Enable video looping and Enable video autoplay play product videos in a loop, or on their own (muted, without controls). Fill videos to match the aspect ratio of the images crops videos to the image shape.
Functionality
- Select the first available variant by default selects a variant when the page opens. Turn it off to make customers choose a variant before they can buy.
Sticky add to cart

The sticky add to cart bar (since Combine 2.4.0) shows the product title, the price and a button while the main buy buttons are off screen.
- On desktop, the bar appears once the add to cart button has scrolled above the top of the screen.
- On mobile, it appears whenever the add to cart button is not on the screen, before and after it.
- Enable add to cart for multiple variants makes the bar's button add the selected (or first available) variant. When it is off, products with variants show a Choose options button that scrolls back to the variant picker.
- Style is Wide (a full-width bar) or Floating (a box). Background color and Text color set its colors.
Product page blocks
The default product template starts with the Vendor, Title, Price, Variant picker, Buy buttons, Description and Share blocks. Select Add block in the Product page section to add more, and drag them into order. App blocks from your apps can go between them.
Product information blocks
Vendor, Title and Price
- Vendor shows the product vendor. Title shows the product title as the page heading.
- Price shows the price of the selected variant, with the compare-at price and unit price when the product has them. Use it near the top when the buy buttons sit further down.
Product badges
- Shows the sold out, discount and custom badges of the product. On the product page the discount badge shows the exact saving of the selected variant. The badges are set in Theme settings → Product card → Product badges. See Product badges theme settings.
Tax information
- Shows "Tax included." when your prices include tax, and a link to your shipping policy when the store has one.
- Open links in opens the shipping policy in a popup, in the same window or in a new window.
SKU / barcode
- Shows the SKU and barcode of the selected variant.
Description
- Shows the product description.
- Truncate description shows a small, medium or large excerpt instead of the whole text.
- Collapsible (whole description only) folds the description under the Title you write; customers open it with one click.
Product rating
- Shows the star rating from your reviews app, chosen in Theme settings → Product card → Product rating. See Product review apps.
Text
- Shows your own text. Text size, Text style (Regular or Opacity), Text color and Text transform (uppercase) set its look. Connect Text to a product metafield (dynamic source) to show a different text on each product.
Share
- Shows share links. Show Facebook, Show X and Show Pinterest pick the networks. Show custom link adds a share button that opens the device's own share menu.
Divider
- Draws a line between blocks, with its own Height, Color and Style (Solid, Dotted, Dashed, Double).
Image
- Shows an image with an optional Link, for example a banner or a size chart image (since Combine 2.4.0).
- Mobile image (optional) replaces it on mobile. Image border radius rounds the corners.
Custom HTML / Liquid
- Runs your own HTML or Liquid code inside the product information. Krown support does not help with custom code. See Custom work and code changes.
Variant and buy blocks
Variant picker
- Shows the product options. Title is the line above them (default "Choose variants").
- Variants style shows the values as Blocks or in a Dropdown. Show variant labels shows the option names.
- Show color swatches turns color options into round swatches. See Color swatches.
- Metaobject swatch metafields adds a small image or color to the values of other options, for example Material, from metaobject entries (Blocks style only, since Combine 4.0.0). See Setting up metaobject swatches.
- Container background is Primary, Secondary or No background.
- Handle unavailable variants shows sold out variants, disables them, or hides them.
Buy buttons
- Shows the add to cart button. Show quantity selector adds a quantity field.
- Show "pre-order" button label changes the button text to "Pre-Order". It is only a label: to sell sold out products, turn on Continue selling when out of stock on the product in Shopify admin.
- Show dynamic checkout buttons adds the express buttons, for example Shop Pay or PayPal. Shopify builds them; their look cannot be changed in the theme.
- Show recipient information form for gift card products lets customers send a gift card to someone else, with a name, a message (up to 200 characters) and a send date. See Gift card page.
- Show price shows a price box with the saving above the button. Container background sets the box style: Primary, Secondary or No background.
- Background (Custom colors) sets the color of the add to cart button.
On gift card products with the recipient form, the dynamic checkout buttons are hidden, so that the recipient details always go through the add to cart button.
Inventory level
- Shows the stock of the selected variant. Inventory notification shows it always, or only below the Low inventory threshold (1 to 20).
- Show progress bar adds a bar under the text. The variants need inventory tracking in Shopify admin.
Pickup availability
- Shows whether the selected variant can be picked up at your locations, with the details of each location in a drawer. Local pickup is a Shopify setting (Shopify admin → Settings → Shipping and delivery).
Back in stock alert
- Shows an email form when the selected variant is sold out (since Combine 3.1.0). See Setting up a back in stock alert.
Custom property
- Adds a field (text, checkbox or dropdown) whose value goes with the product to the cart and the order (since Combine 2.6.0). See Setting up a custom property.
Product siblings
- Shows other products as linked thumbnails, for example the same shoe in other colors, each a separate product (since Combine 3.1.0). See Setting up product siblings.
Variant metafield
- Shows a metafield of the selected variant and updates when the customer changes the variant (since Combine 2.5.0). See Showing a variant metafield.
Information blocks
Collapsible tab
- Shows a Heading that customers open with one click to see its content: Tab content (your text), Tab content from page (the content of a page) and Tab image. All three can be combined.
- Hide block if dynamic content is not present hides the tab when it has no text, page or image, for example when its dynamic source is empty on a product.
Size guide
- Shows a link with an optional icon (Show icon) that opens the Size guide page (since Combine 2.4.0). See Setting up a size guide.
Icons list
- Shows up to 6 icons with labels, under a Title (up to 2 Icons list blocks per page). Each icon has an Icon image (128 x 128 px) and a Label.
- Connect the icons and labels to product metafields (dynamic sources) to show different icons per product. Hide block if dynamic content is not present hides the block when Icon 1 has no image and no label.
- The icons in product grids come from Theme settings instead. See Dynamic icons list.
Coupon code
- Shows a discount code that customers copy with one click (since Combine 4.0.0). Code is the code, Caption a line under it, and Link label / Link an optional link.
- The code must exist in Shopify admin → Discounts. The block only shows it. Custom text color and Custom background color set its colors.
Disclosures
- Shows the disclosures attached to the product with Shopify's product disclosures, for example safety warnings, under a Title (since Combine 4.1.0). The disclosures are set in Shopify admin on each product.
Cross-selling blocks
Products list
- Shows up to 8 products you pick, as small linked items with price, vendor and rating (Show price, Show vendor, Show rating). Connect Select products to a product list metafield to show different products on each product page.
Cross selling product
- Shows one product with a variant dropdown and an add to cart button, under a Title (up to 5 per page). Connect Select product to a product metafield for a different product per page.
Product promotion
- Shows one product as a small promotion, with a Description line (up to 2 per page). Show free price label shows "FREE" with the price struck through.
- The block has no add to cart button. It does not make the product free: create a Shopify discount, for example Buy X get Y, for a free gift.
Complementary products
- Shows the complementary products you set for this product in Shopify's Search & Discovery app, with price, vendor and rating options. Without complementary products in the app, the block shows nothing.
Setting up product siblings
Product siblings link separate products, for example one product per color, as thumbnails on each product page.
Create the metafield
In Shopify admin, open Settings → Metafields and metaobjects → Products → Add definition. Name it, for example "Siblings" (custom.siblings), and choose the type Product, as a list of products.
Fill it on each product
Open each product of the group and select all the products of the group in the metafield, the product itself included.
Add the block
In the theme editor, open Products → Default product → Product page and select Add block → Product siblings.
Connect the metafield
Next to Products, select the dynamic source icon and choose the Siblings metafield. Set Heading and Media aspect ratio, and turn on Reduce opacity for unavailable products to fade sold out siblings.
The current product is marked in the list. The block shows nothing on products whose metafield is empty.
Setting up a size guide
Create the size guide page
In Shopify admin, open Online Store → Pages → Add page. Write the size guide, with a table or an image, and save.
Add the block
In the theme editor, open the product template and select Add block → Size guide. Select the page in Size guide page.
Choose how it opens
Set Open options to Popup (the page content in a window over the product page), Same window or New window. Change Text if needed (default "View size chart").
For a different size guide per product, connect Size guide page to a page reference metafield of the product and turn on Hide block if dynamic content is not present.
Setting up a back in stock alert
The Back in stock alert block shows an email form on sold out variants. It sends you, the store owner, an email through Shopify's contact form.
Add the block
In the product template, select Add block → Back in stock alert. Place it near the buy buttons.
Write the texts
Set Text, Button label and Success message. Email message is the line you receive with the customer's email address.
Notify the customers yourself
When the product is back in stock, email the customers who asked for it. The emails arrive at your store's sender email (Shopify admin → Settings → Notifications).
The block does not notify customers automatically. Combine sends you their requests; you contact them. For automatic restock emails, use a back in stock app.
Setting up a custom property
A custom property collects a detail from the customer, for example an engraving text, and adds it to the cart line and the order.
Add the block
In the product template, select Add block → Custom property. Write the Label, for example "Engraving".
Choose the type
Set Type to Text, Checkbox or Dropdown. For Text, set Allow long text and Maximum characters. For Checkbox, set Value (the word on the order, default "Yes"). For Dropdown, write the Values separated by commas.
Set the rules
Turn on Required to make customers fill the field before adding to cart. Turn on Hide at checkout to keep the value out of the checkout order summary.
For a Dropdown, Default value checked means that no value is selected in advance: customers see "----" and choose one.
Showing a variant metafield
Create the variant metafield
In Shopify admin, open Settings → Metafields and metaobjects → Variants → Add definition, for example "Material details" (custom.material_details).
Fill it on each variant
Open each product, select a variant and fill the metafield.
Add the block
In the product template, select Add block → Variant metafield. Type the metafield in Variant metafield key as namespace.key, and add a Title if you want one.
The block updates when the customer selects another variant, and shows nothing for variants without a value. See Show variant metafields on the product page.
Different content per product
All products use the Default product template unless you assign another one. There are two ways to show different content on some products: an alternate template, or dynamic sources.
Create the template
In the theme editor, open the template picker and select Products → Create template. Base it on Default product.
Change its blocks
Add, remove or change the blocks of the new template. The Default product template does not change.
Assign it to products
In Shopify admin → Products, open a product and select the new template under Theme template. Save.
With dynamic sources, one template shows different content per product. Connect a block setting to a product metafield, for example the Collapsible tab content, the Icons list icons, the Size guide page or the Cross selling product. Turn on Hide block if dynamic content is not present so the block disappears on products without a value.
See Use dynamic sources for unique product pages.
You can watch a tutorial about how to use page templates & dynamic content for rich customizations in our Kingdom theme update: Kingdom theme update, at 27:42
Why does my sticky add to cart not show?
Because Enable sticky add to cart is off, the product is sold out, or the main add to cart button is still on the screen. The bar needs the Buy buttons block on the page and appears only once that button scrolls out of view. On desktop it appears only after the button has passed the top of the screen.
Why does the sticky bar say "Choose options"?
Because Enable add to cart for multiple variants is off and the product has variants. The button then scrolls back to the variant picker. Turn the setting on to add the selected or first available variant directly.
Does the Product promotion block add a free product?
No. The block only shows the product with an optional "FREE" label. Create the free gift as a Shopify discount (for example Buy X get Y) in Shopify admin → Discounts, and describe it in the block.
All Product page settings
Every setting of this section, with its type and default.
Accepts these blocks: Coupon code, Disclosures, Divider, Text, Vendor, Product badges, Title, Price, Tax information, SKU / barcode, Variant picker, Back in stock alert, Product siblings, Custom property, Buy buttons, Inventory level, Description, Product rating, Share, Collapsible tab, Pickup availability, Icons list, Custom HTML / Liquid, Image, Complementary products, Product promotion, Size guide, Cross selling product, Products list, Variant metafield and app blocks.
Product page section: Product gallery
Where to find it: Products → Default product → Product page → Product gallery
Style & layout (dropdown, default: Scroll: 2 columns): Sets the desktop gallery: a 1 column slider, a 1 column scroll or a 2 columns scroll. Mobile always shows a 1 column slider. Options: Slider: 1 column, Scroll: 1 column, Scroll: 2 columns.
Enhance first image (checkbox, default: off): Shows the first image at full width above the two columns of the other images. Shown only when Style & layout is Scroll: 2 columns.
Desktop media width (dropdown, default: Two thirds): Sets how much of the page width the gallery takes on desktop; the product blocks take the rest. Options: One half, Two thirds.
Mobile media width (slider 80 to 100, step 5, default: 100): Sets the width of each slide on mobile, in percent of the screen. Below 100, the next image peeks in.
Add padding to the gallery on mobile (checkbox, default: off): Adds space on the sides of the gallery on mobile.
Media aspect ratio (dropdown, default: Cropped: Square (1:1)): Sets the shape every image is cropped to, unless Fit images inside container is on. Options: Cropped: Short (4:3), Cropped: Square (1:1), Cropped: Tall (5:6), Cropped: Taller (2:3).
Fit images inside container (checkbox, default: off): Shows each image whole inside the aspect ratio box instead of cropping it.
Gallery inner spacing (slider 0 to 15 %, default: 0 %): Adds space between the image and the edge of its box, in percent.
Gallery background (color, default: transparent): Only visible if the images are set to fit inside the container.
Gallery border (color, default: transparent): Draws a border around each gallery item. Transparent shows none.
Media border radius (slider 0 to 30 px, default: 0 px): Rounds the corners of the gallery images.
Show thumbnails (checkbox, default: off): Adds a row of thumbnails under the gallery.
Enable image zoom (checkbox, default: on): Lets customers open the images full screen and zoom in.
Enable video looping (checkbox, default: off): Plays product videos in a loop.
Enable video autoplay (checkbox, default: off): The video will be muted and without controls.
Fill videos to match the aspect ratio of the images (checkbox, default: off): Crops product videos to the gallery aspect ratio, so they match the images.
Product page section: Functionality
Where to find it: Products → Default product → Product page → Functionality
Select the first available variant by default (checkbox, default: on): Selects the first available variant when the page opens. When off, customers must choose a variant before the add to cart button works.
Product page section: Sticky add to cart
Where to find it: Products → Default product → Product page → Sticky add to cart
Enable sticky add to cart (checkbox, default: on): Shows a bar with the title, price and a button while the main add to cart button is off screen: on desktop after it scrolls above the top, on mobile whenever it is not visible. Sold out products show no bar.
Enable add to cart for multiple variants (checkbox): When enabled, the 'Add to cart' button will add the first available or selected variant directly to the cart. If disabled, it will display a 'Choose options' button instead.
Style (dropdown, default: Floating): Sets the bar shape: Wide is a full-width bar, Floating a box. Options: Wide, Floating.
Background color (color, default: #2e2e2e): Sets the background color of the sticky add to cart bar.
Text color (color, default: #ffffff): Sets the text color of the sticky add to cart bar.
Coupon code block
Where to find it: Products → Default product → Product page → Add block → Coupon code
Code (text field, default: "SAVE10"): The discount code customers copy with one click. Create the same code in Shopify admin → Discounts: the block only shows it.
Caption (text field): Sets a short line shown with the code, for example the offer.
Link label (text field).
Link (link). Shown only when Link label is set.
Open link in a new window (checkbox, default: off). Shown only when Link label is set.
Coupon code block: Custom colors
Where to find it: Products → Default product → Product page → Add block → Coupon code → Custom colors
Custom text color (color, default: transparent).
Custom background color (color, default: transparent).
Disclosures block
Where to find it: Products → Default product → Product page → Add block → Disclosures
Displays the disclosures attached to this product through Shopify's Product Disclosures. Shopify Help Center.
Title (text field, default: "Disclosures"): Sets the title above the product disclosures from Shopify's product disclosures.
Product disclosures can be configured with metafields at product level.
Divider block
Where to find it: Products → Default product → Product page → Add block → Divider
Height (slider 1 to 10 px, default: 1 px).
Divider block: Divider Design
Where to find it: Products → Default product → Product page → Add block → Divider → Divider Design
Color (color, default: rgba(0,0,0,1)).
Style (dropdown, default: Solid). Options: Solid, Dotted, Dashed, Double.
Text block
Where to find it: Products → Default product → Product page → Add block → Text
Text (rich text, default: "Text block").
Text size (dropdown, default: Regular). Options: Small, Regular, Large.
Text style (dropdown, default: Regular): Sets the text shade: Regular uses the text color, Opacity a lighter one. Options: Regular, Opacity.
Text color (color, default: transparent).
Text transform (uppercase) (checkbox, default: off).
Vendor block
Where to find it: Products → Default product → Product page → Add block → Vendor
One Vendor block per section.
The Vendor block has no settings in Combine 4.2.0.
Product badges block
Where to find it: Products → Default product → Product page → Add block → Product badges
One Product badges block per section.
The Product badges block has no settings in Combine 4.2.0.
Title block
Where to find it: Products → Default product → Product page → Add block → Title
One Title block per section.
The Title block has no settings in Combine 4.2.0.
Price block
Where to find it: Products → Default product → Product page → Add block → Price
One Price block per section.
The Price block has no settings in Combine 4.2.0.
Tax information block
Where to find it: Products → Default product → Product page → Add block → Tax information
One Tax information block per section.
Open links in (dropdown, default: Popup): Sets how the shipping policy link opens: in a popup over the page, in the same window or in a new window. Options: Popup, Same window, New window.
SKU / barcode block
Where to find it: Products → Default product → Product page → Add block → SKU / barcode
One SKU / barcode block per section.
The SKU / barcode block has no settings in Combine 4.2.0.
Variant picker block
Where to find it: Products → Default product → Product page → Add block → Variant picker
One Variant picker block per section.
Variant picker block: Design
Where to find it: Products → Default product → Product page → Add block → Variant picker → Design
Title (text field, default: "Choose variants"): Sets the line shown above the product options.
Variants style (radio buttons, default: Blocks): Shows the option values as buttons (Blocks) or as a dropdown list. Options: Blocks, Dropdown.
Show variant labels (checkbox, default: on): Shows the option names, for example Size, above the values.
Show color swatches (checkbox, default: on): Shows color options as round swatches. Which options count as colors is set in Theme settings → Product card → Product variants → Color swatches labels.
This theme also offers support for color swatches created with category metafields. Shopify Help Center.
Metaobject swatch metafields (text field): Product metafields (list of metaobject entries) whose entries add an image or a color next to matching option values, typed as namespace.key and separated by commas. The entry label must match the option value exactly. Blocks style only.
Container background (dropdown, default: Primary): Sets the background of the variant picker box. Options: Primary, Secondary, No background.
Variant picker block: Functionality
Where to find it: Products → Default product → Product page → Add block → Variant picker → Functionality
Handle unavailable variants (dropdown, default: Show): Sets what sold out variants do: Show keeps them selectable, Disable greys them out, Hide removes them. Options: Disable, Hide, Show.
Back in stock alert block
Where to find it: Products → Default product → Product page → Add block → Back in stock alert
One Back in stock alert block per section.
This back in stock alert form will show up when the product is out of stock.
Store owner will receive an email when a customer fills in this form. Store owner must manually notify the customer once the product is back in stock.
Text (formatted text, default: "Enter your email address below to be notified when this product is back in stock."): Sets the text above the email field. The form shows only when the selected variant is sold out.
Button label (text field, default: "Notify me").
Success message (text field, default: "Thanks! We will notify you when this product becomes available!"): Sets the message customers see after they send the form.
Email message (text field, default: "I would like to be notified when this product is back in stock."): Sets the line of the email you receive through Shopify's contact form, with the customer's email address.
Product siblings block
Where to find it: Products → Default product → Product page → Add block → Product siblings
To assign a different list to each product, use a product reference list metafield as a dynamic source.
Heading (text field, default: "Sibling products"): Sets the title above the sibling thumbnails.
Products (products picker): The products shown as siblings. Connect a product list metafield as a dynamic source to show a different list on each product, the product itself included.
Media aspect ratio (dropdown, default: Square (1:1)): Sets the shape of the sibling thumbnails. Options: Short (4:3), Square (1:1), Tall (5:6), Taller (2:3).
Container background (dropdown, default: Primary). Options: Primary, Secondary, No background.
Reduce opacity for unavailable products (checkbox, default: off): Fades the thumbnails of sold out siblings.
Custom property block
Where to find it: Products → Default product → Product page → Add block → Custom property
Line item properties allow you to gather customization details for a product added to the cart.
Label (text field, default: "Custom property"): Sets the field name shown to customers and saved with the cart line and the order.
Type (dropdown, default: Text): Sets the kind of field: a text field, a checkbox or a dropdown. Options: Text, Checkbox, Dropdown.
Required (checkbox, default: off): Makes customers fill the field before they can add the product to the cart.
Hide at checkout (checkbox, default: off): Keeps the value out of the checkout order summary (the property name gets a leading underscore).
Custom property block: Text property settings
Where to find it: Products → Default product → Product page → Add block → Custom property → Text property settings
Allow long text (checkbox, default: off): Shows a multi-line text area instead of a one-line field.
Maximum characters (number): Sets the maximum number of characters customers can type.
Custom property block: Checkbox property settings
Where to find it: Products → Default product → Product page → Add block → Custom property → Checkbox property settings
Value (text field, default: "Yes"): Sets the word saved on the order when the checkbox is ticked.
Custom property block: Dropdown property settings
Where to find it: Products → Default product → Product page → Add block → Custom property → Dropdown property settings
Values (text field, default: "Value 1,Value 2,Value 3"): The dropdown choices, separated by commas.
Default value (checkbox, default: on): When checked, no value is selected in advance: the dropdown shows "----" until the customer chooses.
Buy buttons block
Where to find it: Products → Default product → Product page → Add block → Buy buttons
One Buy buttons block per section.
Show quantity selector (checkbox, default: on): Adds a quantity field next to the add to cart button.
Show "pre-order" button label (checkbox, default: off): Changes the add to cart button text to "Pre-Order". It is a label only: overselling is set per product in Shopify admin.
Show dynamic checkout buttons (checkbox, default: on): Adds Shopify's express checkout buttons, for example Shop Pay or PayPal. Shopify builds them and their look cannot be changed in the theme.
Show recipient information form for gift card products (checkbox, default: off): Adds a form on gift card products to send the card to a recipient, with a name, a message and a send date. The dynamic checkout buttons are then hidden on those products.
Buy buttons block: Price
Where to find it: Products → Default product → Product page → Add block → Buy buttons → Price
Show price (checkbox, default: on): Shows a price box with the saving above the add to cart button.
Container background (dropdown, default: Primary): Sets the background of the price box. Options: Primary, Secondary, No background.
Buy buttons block: Custom colors
Where to find it: Products → Default product → Product page → Add block → Buy buttons → Custom colors
Background (color, default: transparent): Sets the background color of the add to cart button. The text turns light or dark to stay readable.
Inventory level block
Where to find it: Products → Default product → Product page → Add block → Inventory level
One Inventory level block per section.
Inventory notification (dropdown, default: Display always): Shows the stock of the selected variant always, or only when it falls below the threshold. Inventory tracking must be on for the variants. Options: Display always, Display only when inventory falls below threshold.
Low inventory threshold (slider 1 to 20, default: 5): Sets the stock level below which the low stock message shows.
Show progress bar (checkbox, default: on): Adds a bar under the stock message.
Description block
Where to find it: Products → Default product → Product page → Add block → Description
One Description block per section.
Truncate description (dropdown, default: Don't truncate): Shows the whole description, or a short, medium or long plain excerpt. Options: Don't truncate, Truncate: Show a small excerpt, Truncate: Show a medium excerpt, Truncate: Show a large excerpt. Shown only when Collapsible is off.
Collapsible (checkbox, default: off): Puts the whole description inside a toggle, with the title below. Shown only when Truncate description is Don't truncate.
Title (text field, default: "Description"). Shown only when Collapsible is on.
Product rating block
Where to find it: Products → Default product → Product page → Add block → Product rating
One Product rating block per section.
To display ratings, add a product rating app. Learn more.
Share block
Where to find it: Products → Default product → Product page → Add block → Share
One Share block per section.
If you include a link in social media posts, the page's featured image will be shown as the preview image. Shopify Help Center.
A store title and description are included with the preview image. Shopify Help Center.
Show Facebook (checkbox, default: on).
Show X (checkbox, default: on).
Show Pinterest (checkbox, default: on).
Show custom link (checkbox, default: off): Adds a share button that opens the device's own share menu, where the browser supports it.
Collapsible tab block
Where to find it: Products → Default product → Product page → Add block → Collapsible tab
Heading (text field, default: "Collapsible tab"): Include a heading that explains the content.
Tab content (rich text, default: "Write relevant information about your products here."): Sets the text of the tab. It shows together with the page content and the image.
Tab content from page (page picker): Adds the content of a page to the tab, for example a shipping page.
Tab image (image): Adds an image under the tab content.
Collapsible tab block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Collapsible tab → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the tab when it has no text, no page and no image, for example when its dynamic source is empty on a product.
Pickup availability block
Where to find it: Products → Default product → Product page → Add block → Pickup availability
One Pickup availability block per section.
The Pickup availability block has no settings in Combine 4.2.0.
Icons list block
Where to find it: Products → Default product → Product page → Add block → Icons list
Up to 2 Icons list blocks per section.
Title (text field, default: "Icons list"): Sets the title above the icons.
Use dynamic sources to highlight unique attributes by creating product metafields for the icon list.
Icons list block: Icon 1
Where to find it: Products → Default product → Product page → Add block → Icons list → Icon 1
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Icon 2
Where to find it: Products → Default product → Product page → Add block → Icons list → Icon 2
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Icon 3
Where to find it: Products → Default product → Product page → Add block → Icons list → Icon 3
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Icon 4
Where to find it: Products → Default product → Product page → Add block → Icons list → Icon 4
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Icon 5
Where to find it: Products → Default product → Product page → Add block → Icons list → Icon 5
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Icon 6
Where to find it: Products → Default product → Product page → Add block → Icons list → Icon 6
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Icons list → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the block when Icon 1 has no image and no label, for example when its dynamic sources are empty on a product.
Custom HTML / Liquid block
Where to find it: Products → Default product → Product page → Add block → Custom HTML / Liquid
Custom Liquid (Liquid): Runs your own HTML or Liquid code in the product information. Krown support does not help with custom code.
Image block
Where to find it: Products → Default product → Product page → Add block → Image
Image (image).
Mobile image (optional) (image): Replaces the image on mobile.
Image border radius (slider 0 to 30 px, default: 0 px).
Link (link).
Open link in a new window (checkbox, default: off). Shown only when Link is set.
Complementary products block
Where to find it: Products → Default product → Product page → Add block → Complementary products
One Complementary products block per section.
To select complementary products, add the Search & Discovery app. Shopify Help Center.
Title (text field, default: "Complementary products"): Sets the title above the complementary products, which come from Shopify's Search & Discovery app.
Show price (checkbox, default: on).
Show vendor (checkbox, default: off).
Show rating (checkbox, default: on).
Container background (dropdown, default: Primary). Options: Primary, Secondary.
Product promotion block
Where to find it: Products → Default product → Product page → Add block → Product promotion
Up to 2 Product promotion blocks per section.
Title (text field, default: "Product promotion").
Select product (product picker): The product shown in the promotion, linked to its page. Connect a product metafield as a dynamic source for a different product per page.
Show free price label (checkbox, default: on): Shows "FREE" with the product price struck through. It does not change the price: create a Shopify discount for a free gift.
Description (text field, default: "Add product promotions or upsell individual items."): Sets the line shown under the promoted product.
Container background (dropdown, default: Primary). Options: Primary, Secondary.
Product promotion block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Product promotion → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the block when no product is selected, for example when its dynamic source is empty.
Size guide block
Where to find it: Products → Default product → Product page → Add block → Size guide
One Size guide block per section.
Text (text field, default: "View size chart"): Sets the text of the size guide link.
Show icon (checkbox, default: on): Shows a ruler icon before the link text.
Size guide page (page picker): The page shown as the size guide. Connect a page reference metafield as a dynamic source for a different guide per product.
Open options (dropdown, default: Popup): Sets how the size guide opens: Popup shows the page content over the product page, Same window and New window open the page. Options: Popup, Same window, New window.
Size guide block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Size guide → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the link when no page is selected, for example when its dynamic source is empty.
Cross selling product block
Where to find it: Products → Default product → Product page → Add block → Cross selling product
Up to 5 Cross selling product blocks per section.
Title (text field, default: "Cross sell").
Select product (product picker): The product offered, with a variant dropdown and an add to cart button. Connect a product metafield as a dynamic source for a different product per page.
Container background (dropdown, default: Primary). Options: Primary, Secondary.
Cross selling product block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Cross selling product → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the block when no product is selected, for example when its dynamic source is empty.
Products list block
Where to find it: Products → Default product → Product page → Add block → Products list
One Products list block per section.
Title (text field, default: "Products list").
Select products (products picker, up to 8): The products listed, up to 8, each linked to its page. Connect a product list metafield as a dynamic source for a different list per product.
Show price (checkbox, default: on).
Show vendor (checkbox, default: off).
Show rating (checkbox, default: on).
Container background (dropdown, default: Primary). Options: Primary, Secondary.
Variant metafield block
Where to find it: Products → Default product → Product page → Add block → Variant metafield
This theme can show a variant metafield on the product page.
Variant metafield key (text field): The variant metafield shown, typed as namespace.key (for example custom.variant_metafield). It updates when the customer selects another variant.
Title (text field): Sets a title shown before the metafield value.
Related pages
- Product recommendations section: the related products under the product page.
- Quick view template: the product popup that opens from product grids.
- Featured product section: one product with buy buttons on any page.
- Color swatches: color swatches and metaobject swatches in the variant picker.
- Dynamic icons list: the icons of product grids.