# Category Page

Customize the appearance and functionality of product category pages to match your shop’s design and enhance user navigation.

{% hint style="success" %}

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

**Configurable Options:**

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

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/HnzlzfC5SFmM369pXdRw/2.jpg" alt=""><figcaption></figcaption></figure>

Products Per Page: Set the number of products to display per page in each categor&#x79;**.** *For example: 12*

Column&#x73;*:* Choose the number of product columns displayed on the category grid.

Disable Breadcrumb: Can choose to hide the breadcrumb trail on category pages.

**Sorter Settings – Header:**

Enable and configure sorting options at the top of the Category page.

**Show Sorter On Header :** Enable or disable the sorter bar at the top of the category page.

**Sorter Header Elements:**

Choose which elements you want to display in the sorter bar:

* **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).
* **Result Count**: Shows the total number of products found.
* **Pagination**: Enables navigation for the Category Page.
* **Display Mode**: Controls the default product view mode.

**Sorter Settings – Footer:**

Enable and configure the sorting options at the bottom of the Category page.

Show Sorter On Foote&#x72;**:** Enable the sorter bar at the bottom of the Category page.

Sorter Footer Elements:

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.