# Product Page

This page is one of the most important parts of your theme, as it directly affects how customers view and interact with product details, pricing, variants, and purchase options.

In this section, you can decide which **content blocks** and **layout elements** appear on the product page — such as the main product gallery, product information, sidebar modules, tabs, and related product recommendations. You can also adjust design and functionality options to match your brand style and optimize the shopping experience.

***

## **Accessing the Product Page**

To open and customize the product page in the **Theme Editor**:

1. In your **Shopify admin**, go to **Online Store → Themes**.
2. Click **Customize** next to your active theme.
3. At the top of the **Theme Editor**, open the **page selector dropdown** (usually labeled “Home page”).
4. From the list, select **Products**, then choose **Default product** (or any custom product template you’ve created).

The editor will load your product page layout, displaying all available **sections** and **blocks** that can be customized.

For detailed guidance on managing products, visit Shopify’s documentation on adding and updating products  [documentation](https://help.shopify.com/en/manual/products/add-update-products).

***

In the following examples, you can view how the Product page might be displayed on desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FU3vhgfDrdMwi3HhDuU9y%2Fpr_mob.png?alt=media&#x26;token=a0aafc3f-a401-40aa-b69d-71277d00cb9c" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FaIt8gVUVsOgA6C28IA9z%2Fpr_m.png?alt=media&#x26;token=aa88da91-e997-4627-a513-757d70f1546a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wokiee.gitbook.io/docs/product-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.