Products

The product page is built from blocks in the Product information section. Most of what they show comes from your product data in the Shopify admin.

Product page blocks

Add, reorder and hide blocks in the Product information section: title, price, variant picker, quantity, buy buttons, description, details rows, tabs, specifications, stock, pickup availability, countdown, quick order list, Pairs well with, custom Liquid and app blocks. Theme settings › Product information sets how they look in every product section; turn a block's Follow Theme settings off to set it on its own.

The Featured product section takes the same blocks, to show a product on any page.

Photos, videos and 3D models

Add media in the product's Media box in the admin. Pictures open in a full-screen viewer with zoom. Videos play with their controls. A 3D model loads when the shopper presses it, and on phones that support augmented reality View in your space places it in the room.

To show only the chosen color's pictures, type the option's name (Color, for example) in Theme settings › Product information › Images follow this option. Then keep each color's pictures together in the Media box and give the first of them to that color's variants as the variant image. Pictures before the first variant image show for every color.

Labels

Theme settings › Product labels turns on Sold out, Sale, Low stock and New, and sets when each shows. For your own labels, tag a product label: followed by the words, for example label:Limited edition, and turn on Show labels from tags. Labels at most limits how many show at once.

Color swatches

1. Set the product's category, and connect its color option to the category's Color (or Pattern) metafield. Each value's color or pattern is set in Content › Metaobjects.
2. Give each color's variants a picture.

On the product page up to five colors show in their row; more open a sheet with all of them. Theme settings › Product information › Swatches chooses Product photos (each variant's picture), Colors or None. Product cards show the colors too (Theme settings › Cards and grids › Show color swatches); choosing one shows its pictures.

Size guides

1. Create a page for each kind of product you size (Online Store › Pages) and assign it one of the size guide templates: size-guide-apparel, size-guide-footwear, size-guide-headwear or size-guide-jewelry.
2. Open the page in the theme editor and enter your sizes in its Size chart blocks.
3. Pick each page in Theme settings › Size guide.

A product finds its guide by its Shopify product category: clothing uses the apparel guide, shoes the footwear guide, hats the headwear guide and jewelry the jewelry guide. A product without a category uses the first guide set. Only products with an option listed in Size option names (Size, by default) show the guide.

A guide with tabs for women and men opens on the tab that matches the product's Target gender metafield (Open on the product's gender). Find your size lets shoppers enter their measurements and suggests a size.

Stock

The Stock block shows how many are left, using Shopify's inventory for the chosen variant. It counts only variants where Track quantity is on and Continue selling when out of stock is off; otherwise it shows nothing, or In stock with Say In stock above it on. Quantity pickers never offer more than is in stock. A variant shows Sold out only when Shopify won't sell it.

Pairs well with

The Pairs well with block lists complementary products. Choose them per product in the Search & Discovery app › Product recommendations › Complementary products.

Specifications and details

The Specifications block lists the product's category metafields (material, fit, care instructions and others) set in the product's Category metafields box. A Details row is a collapsible row whose content you write, or connect to a metafield of your own with the editor's dynamic source button.

Tabs

The Tabs block holds Tab blocks, each showing the product's description, a page or text of its own. A page suits text every product shares, such as delivery and returns. An empty tab doesn't show.

Countdown

A Countdown block counts down to a date and time in your store's time zone (Settings › General). Enter the date as 2026-12-24 and the time as 18:00. At the end it hides, or shows its message.

Quick buy

Theme settings › Cards and grids › Enable quick buy adds a small button to every product card. A product with one variant goes straight into the bag; others open a drawer or pop-up with their options. Quick buy opens and Quick buy icon set how it looks.

Wholesale and Shopify Plus features

• Quick order list: add the Quick order list block for products bought several variants at a time.
• Quantity rules and volume pricing (B2B): a signed-in business customer sees the minimum, increments and price breaks set in their catalog. Nothing to set in the theme.
• Combined listings: with Shopify's Combined Listings app, choosing an option that is another product opens that product. Nothing to set in the theme.

Apps on the product page

Add an app's block to Product information or Featured product with Add block › Apps. Datum has no wishlist of its own; each product card keeps a free slot at the top right of its picture for a wishlist app. If your app asks for a place to put its button, give it the selector .card__app.