Product pages
Variant picker, sizing guide, subscriptions, gift cards, pickup, 3D models, information panels and the floating product card.
The Product section is built from blocks. Add, remove and reorder them in the theme editor.
Blocks
| Block | Notes |
|---|---|
| Vendor, Title, Price | Price shows compare-at prices, unit prices, tax notes, Shop Pay Installments, low stock and quantity rules automatically. |
| Variant picker | Buttons for each option. Color options with Shopify swatches show color circles (see Color swatches). Values that are sold out or unavailable are struck through. |
| Quantity | Follows B2B quantity rules (minimum, maximum and increments) when a catalog sets them. |
| Buy buttons | Dynamic checkout buttons shows Shop Pay and other accelerated checkouts. |
| Description | The product description. |
| Collapsible row | Heading, Content or Page, and Open by default. Rows with no content are hidden. |
| Product information | A link that opens a side drawer with tabs. See below. |
| Share, Pickup availability, Custom Liquid | As named. |
Sizing guide
In the Variant picker block, choose a Sizing guide page (create it first in Online Store → Pages) and a Sizing guide label. The link appears next to options named Size or containing Ring. Turn on Show sizing guide on products without a size option to show it on every product.
Product-specific details
To show different details on each product, create a product metafield (Settings → Custom data → Products, for example a rich text field called Details), fill it in on each product, then connect it to a Collapsible row’s Content with the dynamic source icon. Products without a value hide the row.
Product information drawer
Each Product information block becomes a tab in a side drawer. The content comes from the first filled source, in this order: Custom Liquid, Product metafield (for example custom.materials), Page, then Content. Icon chooses Box, Drop, Cube, None or Automatic (picked from the heading).
Subscriptions
Install a subscription app such as Shopify Subscriptions and add a plan to a product. The product page then shows Purchase options with a one-time purchase and each plan. The price updates to the plan price, and the plan name is shown in the cart and on customer orders. Products that can only be bought by subscription hide the one-time option.
For step-by-step plan setup, testing and troubleshooting, see Sell subscriptions with Shopify Subscriptions.
Gift cards
Gift card products show a Send as a gift option with recipient email, name, message and send date. Metonia includes a gift-card product template without shipping and warranty rows; assign it under Theme template on the gift card product. The gift card page customers receive shows the balance, a QR code, a copy button, Apple Wallet (when available) and a print button.
Pickup availability
Add the Pickup availability block and enable local pickup for a location in Settings → Shipping and delivery. The location needs a full address. Availability updates when customers change variants and stays hidden when no pickup location is set.
3D models and video
Upload videos, YouTube or Vimeo links and 3D models (.glb) in the product’s media. 3D models can be rotated in the gallery, and on supported phones a View in your space button opens augmented reality.
Product recommendations
The Related section below the product shows recommended products. Its Recommendation type setting chooses Related products or Complementary products, and the default product template includes one of each. To choose the products yourself, see Search and product recommendations.
Floating product card
When the Add to cart button scrolls out of view, a compact card with the price, options and Add to cart appears at the bottom of the screen. When a subscription plan is selected, the card shows the plan price. Turn it off globally with Theme settings → Typography → Show floating product card, or per template with the section’s Floating product card setting.
Quick view
Theme settings → Typography → Enable quick view adds a Select options drawer to product cards so customers can add products from collection pages. Products with subscription plans show the same Purchase options as the product page.