# Shop Page Settings

Customize the layout and features of your main Shop page to deliver a more engaging and visually appealing shopping experience for your visitors. Tailor the design to match your brand and showcase products more effectively

{% hint style="success" %}

* Log in to your **WordPress Dashboard**.
* Navigate to **Appearance** > **Customize**.
* Click on the theme **Woo Commerce Options**.
* Select **Shop Page**.
  {% endhint %}

#### **Configurable Options:** <a href="#configurable-options" id="configurable-options"></a>

Product Style Template: Select the desired display style from the drop-down for products on the **Shop page**.

<figure><img src="/files/8XBIX2KI1UC6gDCbaQUC" alt=""><figcaption></figcaption></figure>

* **Products Per Page:** Set the number of products to display per pag&#x65;**.** *For example: 9*
* **Columns*****:*** Set the number of product columns to display in the grid layout.
* **Disable Breadcrumb:** Hide the breadcrumb navigation bar on the Shop page.
* **Apply Isotope:** Enable Isotope layout functionality to support dynamic filtering and animated layout transitions.

**Sorter Settings – Header:**

Enable and configure the sorting options shown at the top of the Shop page.

**Show Sorter On Header:** Enable the sorting bar at the top of the Shop page.

**Sorter Header Elements:** Select the elements you want to display in the sorter header:

* **Result Count** – Shows the number of products found.
* **Filter – Order By** – Allows users to sort products by criteria.
* **Filters – Widget Area** – Displays the filter widgets area, if configured.
* **Display Mode Options** – Let users switch between different views (e.g., grid or list).
* **Display Mode** – Controls the default product view mode.
* **Pagination** – Enables navigation for the Shop Page.

**Sorter Settings – Footer:**

Enable and configure the sorting options shown at the bottom of the Shop page.

**Show Sorter On Footer:** Enable the sorter bar at the bottom of the Shop page.

**Sorter Footer Elements:**

* **Pagination** – Enables navigation for the Shop Page.
* **Filter** – Displays sorting options like “Order By.”
* **Result Count** – Shows the total number of products found.
* **Display Mode** – Sets the default product view (e.g., grid or list).
* **Display Mode Options** – Allows users to switch between different layout views.

**Template Hooks**

* Insert Elementor templates into specific sections of the Shop page for advanced layout customization.

**Template Hooks - Page Top:**

* Select the Elementor template you want to display at the top of the Shop page. *Default: None*

**Template Hook – Page Bottom:**

Select the Elementor template you want to display at the bottom of the Shop page. *Default: None*

**Template Hooks – Content Top:**

Select the Elementor template you want to display at the top of the content area on the Shop page. *Default: None*

**Template Hooks – Content Bottom:**

Select the Elementor template you want to display at the bottom of the content area on the Shop page. *Default: None*


---

# 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://buddhathemes-test.gitbook.io/chillout/theme-shop-setup/shop-page-settings.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.