Product page

Tarz theme documentation · Updated August 2026

Built from blocks

The main product section is composed of independent blocks — reorder them or hide what you don't need, straight from the theme editor.

Media gallery

Thumbnails have four modes: none, below, start, or end — start and end are logical sides, so they sit on the correct side in Arabic automatically. On desktop, hovering magnifies the image under the cursor; on touch devices the image opens in a full-screen viewer.

Colour swatches (the #1 setup question)

1. In the admin, open the product and edit its Colour option.
2. For each colour value, assign the matching colour from Shopify's colour taxonomy and save.
3. The variant picker shows swatches automatically — and the same linking powers the visual colour filters on collection pages (see Collections & filters).

Selling blocks

Quantity breaks render tiered price cards whose tiers you set in the block's settings; the maths always renders isolated, left-to-right. The size guide connects to a page of your choice and opens as a popup. The shipping info block shows the delivery window you configure, and pickup availability appears when one of your locations offers it.

Review star ratings

The stars read Shopify's standard product-rating metafields (reviews.rating and reviews.rating_count) — the fields review apps such as Judge.me, Yotpo and Stamped write automatically. Enable the option in your review app and the stars, plus the rating structured data, render with no code.