# 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:**

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

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/HZP7WTLdImNEcb6bYGSo/woo-image-13.jpg" alt=""><figcaption></figcaption></figure>

* **Products Per Page:** Set the number of products to display per pag&#x65;**.** *For example: 9*
* **Columns&#x20;*****:*** 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*