---
title: Product Setup
description: Shopify product configuration for the Product Detail Page - variants, swatches, recommendations, bundles, and SEO.
url: "https://shop-docs.labs.vercel.dev/docs/shopify/pdp"
docs_index: /llms.txt
lastUpdated: 2026-10-13
type: reference
prerequisites:
  - /docs/anatomy/pages/pdp
---

> For an index of all documentation, see [/llms.txt](/llms.txt).

Configure a Shopify product so shoppers can find it, choose a variant, and add it to the cart. For storefront behavior, see [Anatomy → PDP](/docs/anatomy/pages/pdp).

## Publish the product

Add a title, description, featured image, and at least one variant. Assign the product to a collection if it should appear on a collection page, then publish it to the **Headless** sales channel.

Open its storefront URL and confirm that the product loads and an available variant can be added to the cart.

## Add option swatches

Configure color or image swatches for the product's option values in Shopify Admin. The storefront displays those swatches when available. Color options can also use variant images; other options use text buttons. A single-value option is shown as a label rather than a picker.

## Configure recommendations

Shopify provides related products automatically. To show complementary products as “Pairs Well With,” install [Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery) and assign recommendations under **Product recommendations**. The section stays hidden when no complementary products are assigned.

## Publish a fixed bundle

Create the bundle with [Shopify Bundles](https://apps.shopify.com/shopify-bundles), then publish it to **Headless**. A bundle available only on **Online Store** does not appear in Vercel Shop.

Publish the component products to Headless as well. If the bundle still does not appear, see [Troubleshooting → A bundle returns 404](/docs/reference/troubleshooting#a-bundle-returns-404).

## Set search and sharing details

Set the product's search engine title and description in Shopify Admin when the defaults are not suitable. Otherwise, the storefront uses the product title and description.

---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/llms.txt](/llms.txt)

For agent-facing discovery, including API and MCP surfaces, see [/agents.md](/agents.md)