> ## Documentation Index
> Fetch the complete documentation index at: https://varaahi.vritservicespro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Product page

> The product template — media gallery, buy box, variant selection, trust row and block-driven content.

# Product page

The Main product section is the standard product template. It is **block-driven**: the
buy box is assembled from blocks you enable, reorder, and configure.

![Main product section](https://mintlify.s3.us-west-1.amazonaws.com/vr-it-services-pro-c6bfa2fc/images/placeholder/section-main-product.png)

Product page with gallery and block-driven buy box

***

## The blocks

| Block | What it does |
| - | - |
| **Title** | The product title, with an optional highlighted word |
| **Vendor** | The product vendor, optionally linked |
| **Rating** | The average rating, rendered as stars plus a numeric value |
| **Price** | Price, compare-at price and percentage saved |
| **Description** | The product description, with full rich-text support |
| **Highlight** | A feature bullet — icon, heading, and body |

> [!NOTE]
>
> Blocks with the same name across sections are the same concept. A **Highlight** block
> in the product page behaves exactly like one in the Hero Product section, so what you
> learn once applies everywhere.

***

## Buy box settings

| Setting | Notes |
| - | - |
| **Show stock / SKU header** | The stock pill and SKU row above the buy box |
| **Stock status text** | Overrides the automatic in-stock / sold-out copy |
| **Always show SKU** | Render the SKU row even when the product has no SKU |
| **SKU label** | Prefix for the SKU |
| **Availability label** | Label above the availability line |
| **Show wishlist button** | Adds a wishlist button next to add to cart |
| **Wishlist button label** | Its accessible label |
| **Show stock meter** | The scarcity bar |
| **Stock meter label** | Label above the bar |
| **Units remaining** | Numerator |
| **Units label** | Noun for the remaining units |
| **Units in batch** | Denominator |

***

## The media gallery

Product media renders as a vertical gallery on desktop and a swipeable carousel on
mobile. Images and videos are both supported.

| Media type | Behaviour |
| - | - |
| Image | Click to zoom, with a full-screen lightbox |
| Video | Native `<video>` with a poster frame and native controls |

***

## The wishlist button

The wishlist is browser-local — items are stored in the visitor's own browser via
`localStorage`. It persists across visits on the same device, but not across devices
or browsers.

> [!WARNING]
>
> If you need true cross-device wishlists, install a wishlist app. Shopify's native
> customer accounts do not include a wishlist, and the theme's button is a
> deliberate, lightweight stand-in — not a substitute for the real thing.

***

## What to put on a product page

A VARAHI product page is at its strongest with this stack:

**1. Main product**

The gallery and the buy box. Enable Title, Rating, Price, Description, and two or
three Highlights.

**2. Acoustic architecture**

The engineering teardown, if you have the frames.

**3. Comparison table**

The spec argument against alternatives.

**4. Companion app**

If your product has an app.

**5. Product reviews**

Social proof.

**6. Related products**

The cross-sell.

***

> **[Collection page](https://varaahi.vritservicespro.com/sections/main-collection.md)**
>
> The grid and the filtering system.

> **[Cart drawer](https://varaahi.vritservicespro.com/sections/cart-drawer.md)**
>
> What happens after add to cart.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.