> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/sply-shopify-theme/sply-starter/sections-and-features/product-pages.md).

# Product Pages (PDP)

The no-reload product view.

Tapping a product in the grid (or the centred product in ROAM) opens it in SPLY's product view without a page reload. Customers swipe vertically to move between products and horizontally through a product's images, and add to cart in place.

## How to access

**Product** template

## Settings

### Image transition

Choose: Slide, Fade.

### Show image arrows on mobile

On / off toggle.

### Desktop magnifier (2× hover lens)

Shows a 2× zoomed lens that follows the cursor over the product image. Desktop only.

> **Tip** — The desktop magnifier shows a 2× lens that follows the cursor over the product image. A **Size Chart** button also appears when the product has the size-chart metafield set — see [Size Chart](/sply-shopify-theme/sply-starter/metafields/size-chart.md).

> **Note** — When a product is sold out, its price is replaced with **SOLD OUT** in the product view.