Product detail page (PDP): what it is, 7 parts and examples

What is a product detail page?

A product detail page is everything a shopper can learn about one product, on one page.

On Shopify, your theme builds it from sections you edit in the theme editor. The main one, "Product information", holds the photos, title, price and description. Further down sits a row of more products, "Related products" in Dawn and "Recommended products" in Horizon. A product listing page, your collection or search results, sends the shopper here.

Baymard finds nearly every shopper goes through a product page before deciding whether to buy. Yet in its 2026 benchmark of more than 155 leading US and European sites, only 48% of desktop sites and 38% of mobile sites have a product page rated "decent" or "good".

What does a Shopify product page give you for free?

Photos, a price, a size picker, Add to cart, a description and a row of more products. Shopify's free Dawn and Horizon themes both come with them, and their defaults differ in places.

Checked November 4, 2026, on Dawn 16.1.1 and on Horizon 4.3.0, each as it comes. A store that installed its theme earlier, or edited it, may differ.

Both themes come with most of the page. They leave out the delivery and returns answer next to the button, and the stars. The seven parts below, top to bottom: photos, title and price, size and color, what sits next to Add to cart, the description, reviews, and the row of more products.

What photos should a product page show?

Photos that answer fit and size. In testing Baymard published in 2020, 56% of shoppers began a product page by exploring its photos. Its 2026 report adds that 42% of test shoppers try to judge size from the photos, yet 37% of sites have no photo that shows scale. And 23% show clothing and other worn products without a person wearing them.

Both themes let a shopper zoom into a photo. Once she picks a color, both show only that color's photos, if you gave each color its own.

For the sizes to upload, see Shopify product image size.

What should a product page show under the price?

Both themes add one line under the price once you have a shipping policy: "Shipping calculated at checkout." That line tells a shopper a cost is coming, not what it is.

If you sell by weight or volume, click "Unit price" under the product's price in your admin and enter its total weight or volume. Shopify works out the price per 100 g or per liter, and Online Store 2.0 themes, Dawn and Horizon among them, show it on the page by themselves. Baymard finds 81% of sites skip it for products sold in different amounts.

A low stock line can sit here too. Dawn's "Inventory status" block and Horizon's "Product inventory" block show one once stock is at or below a number you set, 10 by default. Neither block is on the default page.

How should a product page show sizes and colors?

As buttons. Baymard's benchmark finds 57% of sites don't use buttons for size, and both themes start with them.

Horizon's default product page comes with "Swatches", small samples of each color, switched off. Colors show as words until you switch it on and give your colors swatches. Dawn shows round color swatches once your colors have them.

A size guide fits in Dawn's "Pop-up" block, a link that opens a page you wrote, such as your size chart, in a window. Horizon's "Popup link" opens a window too, filled with the text or pictures you add to it.

What should sit next to the Add to cart button?

The delivery cost and your returns policy. A shopper with her thumb over Add to cart still wants both, and 60% of shoppers in Baymard's survey look for the return policy on the product page.

Many sites leave them out. In Baymard's 2026 benchmark, 67% of sites show no estimate of the total cost near the buy button, and 44% don't show or link the return policy from the product page.

Neither theme's default page has a spot for delivery or returns. The "Return and refund policy" you write under Settings, then Policies, shows in your footer and at checkout by default. To show delivery and returns next to the button in Dawn, add a "Collapsible row", a heading that opens to show text, and point the row at a page you wrote for shipping or returns. In Horizon, add an "Accordion" with one row for each. Express checkout buttons are already on in both.

The CRO guide's product page section covers what else turns views into add to carts, and ecommerce returns explains how to write the policy itself.

What belongs in the product description?

What the photos can't show: the fabric, whether it runs small or large, the measurements in centimeters or inches, and how to care for it. Both themes show the description under the buttons.

Since June 2026, Shopify has a "Disclosures" spot for safety warnings the law asks you to show, such as a choking hazard notice. It comes with Dawn 15.5.0 and Horizon 4.1.0 or later, and Shopify leaves it to you to decide when a product needs one.

Do Shopify product pages show reviews?

Not by themselves. Dawn's "Product rating" block carries a note in the theme editor: "An app is required for product ratings." Horizon's "Review stars" block works the same way, and the default page carries neither.

Reviews are a product page's social proof. Baymard finds 89% of sites don't reply to a bad review, and 63% don't let shoppers move from one review's photos to the next.

To get the first ones, ask buyers for a review once their order has arrived. A helpful one names a size, a shade or a number of washes, as in these customer review examples.

What goes at the bottom of a product page?

A row of related products. Both themes show 4 that Shopify picks by itself, from what's often bought together, similar descriptions or related collections.

Complementary products, the ones bought alongside this one, show only after you pick them in the free Search & Discovery app, up to 10 per product, and only while they're in stock. Neither theme's default page shows them. In Dawn, add the "Complementary products" block. The product recommendations guide says which kind belongs where, and frequently bought together shows how to find pairs in your own orders.

Product detail page examples

Three kinds of store, each leading with the part its shoppers check first.

To check your own best sellers part by part, run check 4 of a Shopify store audit.

What does Sledge add to a product page?

Sledge is a Shopify app for search, filters, offers and reviews, and its product page tools sit inside your theme's product page. You can show a bundle, a quantity break or "Add-ons", small extras the shopper ticks. The quantity break and the add-ons sit between the size buttons and Add to cart. Shoppers tap "Add a review" to leave a star rating and a written review on the page. Related Products and Frequently Bought recommendations can fill a row of suggestions, and a "Product Countdown" shows when a sale on that product ends.

When a product runs out, a "Pre-order" button lets shoppers keep buying it. On the Accelerate and Ultimate plans, a "Get notified when it's back" form takes an email instead.