WHO IS JSONTHEME STUDIO

Documentation / Product pages & variants

JSON GUIDE

Product pages & variants

Arrange information around the buying decision.

Product blocks

Open a product template and its Product section. Reorder blocks to suit the product. Vendor appears only when added and a vendor exists. Price moves price, unit price, and tax information out of Product name and price. Description moves the description out of Details and delivery, preventing duplicates. Blank descriptions and vendors do not create empty content.

Options and swatches

Create variants and assign variant images in the product admin. The theme uses the product’s option names and shows sizing tools only for size-related options. Native color and texture swatches depend on Shopify swatch data assigned to your option values. Test each option combination, including unavailable variants. A valid variant URL preserves that variant; otherwise the first purchasable variant is selected when available.

Buy controls

In the Add to cart block, Show quantity selector can be disabled to add one item per action. Show accelerated checkout displays eligible Shopify payment buttons. Shopify chooses the actual branded button according to the store, customer, device, and provider availability. Shop Pay installment messaging also depends on Shopify eligibility.

Pickup and purchase options

Show pickup availability uses locations configured for pickup and their real inventory. Show purchase options displays selling plans created by a compatible app; it does not create subscription plans. If an app provides its own selector, check for duplicate controls and disable the theme selector if needed.

Media and additional content

Add images, supported videos, or 3D models to the product’s media in Shopify admin, then test them in the product gallery and quick view. Use Custom Liquid for trusted snippets and app blocks for compatible apps. Duplicate your theme before editing code.

Gift cards and pricing

On a gift card product, customers can enter recipient details when the gift-card recipient controls are available. Amount is the denomination label used in the demo. Unit price requires unit-pricing data on the variant; tax messages reflect Shopify’s store settings. Change prices, taxes, and gift card amounts in Shopify admin, not in theme text.