> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/autosoe/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/autosoe/setting/woocommerce/product-catalog.md).

# Product Catalog

Allows to set the number product per row and per page in the shopping page.

To set product per row, per page, you should tap "**WordPress Dashboard** -> **Customize** -> **WooCommerce" and** then edit **"Product Catalog"**

This page explains:

* **How to configure** what (products/categories) displays on the shop page.
* **How to configure** what displays on category pages.
* **How to sort products** in a Category.
* **How many products** to show in a single row.
* **How many rows** of products to display on a page.

## Shop Page

Your **Shop** Page can display **Products, Categories, or both**. We recommend selecting either Products or Categories to help your customers find the products they want to buy quickly. Here’s how you configure the shop page.

1. Select **Products** or **Categories** from the Shop page display dropdown menu.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FyFPzrA1E3J7FiiUgVKyn%2FScreen%20Shot%202024-11-05%20at%2011.06.42%20AM.png?alt=media&amp;token=67ad136d-d8d4-4f3c-8acc-50cea6701821" alt=""><figcaption></figcaption></figure>

2. **Preview** your selection on the right side of the screen:

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FynnaE7WhbfYPOjbS5aOx%2FScreen%20Shot%202024-11-05%20at%2011.09.40%20AM.png?alt=media&amp;token=62cc754c-5624-43c3-87cf-02d63c916a1a" alt=""><figcaption></figcaption></figure>

3. Click **Publish** to save and for the settings to go live.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2F2wwykDD2ga9xy816RnQX%2FScreen%20Shot%202024-11-05%20at%2011.11.31%20AM.png?alt=media&amp;token=456e293d-fa30-4070-9aa2-5454c533552f" alt=""><figcaption></figcaption></figure>

## Category Page <a href="#category-pages" id="category-pages"></a>

Much like the shop page, **Category** pages can display **Products or Subcategories within a Category, or both**. Again, we recommend selecting only one.

Follow these steps to configure the shop’s category pages

1. Select **Products** or **Subcategories** from the Category display dropdown.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2Fv4K6fZjXk0oYwC4MCjAF%2FScreen%20Shot%202024-11-05%20at%2011.07.13%20AM.png?alt=media&amp;token=c5b8710a-9590-46a4-bb90-629c7f94e0fe" alt=""><figcaption></figcaption></figure>

2. **Preview** your selection on the right side of the screen:

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FAp0MAqz0eYyOfjlUm41Y%2FScreen%20Shot%202024-11-05%20at%2011.12.58%20AM.png?alt=media&amp;token=fa96845a-b61d-44a3-bec9-c512ca0ca36e" alt=""><figcaption></figcaption></figure>

3. Click **Publish** to save and for the settings to go live.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FZTNBsuhuFgmfJzzlHdA6%2FScreen%20Shot%202024-11-05%20at%2011.11.31%20AM.png?alt=media&amp;token=d0a6f841-dd85-4e98-89cf-05b8f76d00f5" alt=""><figcaption></figcaption></figure>

## **Default Product Sorting**

**Default Product Sorting** allows you to control the order in which products are displayed, which influences how products are viewed by default on Shop and Category pages. Visitors still have the option to sort products in a different way, if desired.

**Default sorting (custom ordering + name)** – display products alphabetically by name. Where the product sort order [has been customized](https://woocommerce.com/document/managing-products/feature-filter-and-sort-products/#sorting-products), that custom order is considered first, and alphabetically by name second (if products share the same order positions). In your store, customers will see this as *Default Sorting*.

**Sort by Popularity (sales)** – display products according to amounts sold, from most to least. Customers see *Sort by Popularity*.

**Sort by Average rating** – display products based on average review ratings, from highest to lowest.

**Sort by most recent** – display products in the order they were added to the store, newest to oldest. Customer see *Sort by Latest*.

**Sort by price (asc / desc)** – sort product by price either lowest to highest (asc) or highest to lowest (desc). Customer see either *Sort by price: low to high*, or *Sort by price: high to low*.

1. **Select** an option from the dropdown:

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FR7GriGaYbNHsXsap9QXQ%2FScreen%20Shot%202024-11-05%20at%2011.16.19%20AM.png?alt=media&amp;token=58b122e9-bdd8-4b4b-9d11-8c6eefb138ea" alt=""><figcaption></figcaption></figure>

2. **Preview** your selection live. You can be viewing the **Shop** page or a **Category** page.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FzFVnX1CX0u7cISiVWw3p%2FScreen%20Shot%202024-11-05%20at%2011.17.38%20AM.png?alt=media&amp;token=3f8ba3fa-5404-4ef9-aa24-0c5627a1698d" alt=""><figcaption></figcaption></figure>

3. Click **Publish** to save and for the settings to go live.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FBf98oZNAQLlz23unsxrt%2Fimage.png?alt=media&amp;token=922133b7-3f0a-44b3-99c9-8f5ceedebff5" alt=""><figcaption></figcaption></figure>

## **Products per Row**

**Products per Row** allows you to choose the number of items that appear in a single row on the **Shop** and **Category** pages.

Be sensitive to:

* Size of a product image
* Space on a computer/laptop, tablet or mobile device
* The optimal experience for a customer viewing and buying your products

1. **Use arrows** to **increase/decrease** the number of products.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FSwOEiRJiZGxcmuOIyKPh%2Fimage.png?alt=media&amp;token=aded5837-2ecf-4854-872e-e6737b822a4c" alt=""><figcaption></figcaption></figure>

2. **Preview** your selection live. You can be viewing the **Shop** page or a **Category** page.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FJfT5vcHuPFeP7747dBYt%2FScreen%20Shot%202024-11-05%20at%2011.21.19%20AM.png?alt=media&amp;token=6db31239-af5f-40bf-9509-82631c1d99ab" alt=""><figcaption></figcaption></figure>

3. Click **Publish** to save and for the settings to go live.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2F0Dzi3kDQJMMUD845PbPH%2Fimage.png?alt=media&amp;token=6942109f-bb26-4892-b373-505161e42b54" alt=""><figcaption></figcaption></figure>

## **Rows per Page**

**Rows per Page** allows you to choose the number of rows that appear on **Shop** and **Category** pages.

Please consider the following:

* Size of product images
* Number of products you sell
* Space on a computer/laptop, tablet or mobile device
* The optimal experience for a customer viewing and buying your product.

1. **Use arrows** to **increase/decrease** the number of products.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FUKBKeMapwsMgBRrhNi3P%2Fimage.png?alt=media&amp;token=ac98a45f-d767-4466-bee6-16c28992616a" alt=""><figcaption></figcaption></figure>

2. **Preview** your selection live. You can be viewing the **Shop** page or a **Category** page.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2FBZsvBvOpUUTw6XNfsBIi%2FScreen%20Shot%202024-11-05%20at%2011.24.37%20AM.png?alt=media&amp;token=e361e018-cef4-4635-b24e-522a19ac80b1" alt=""><figcaption></figcaption></figure>

3. Click **Publish** to save and for the settings to go live.

<figure><img src="https://4269741563-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6ECUzGnacPoY0aomfUKV%2Fuploads%2Fo1MyN4NUnZ3jojDN0x04%2Fimage.png?alt=media&amp;token=3890683a-8386-47a9-acbc-50bc1b3f1006" alt=""><figcaption></figcaption></figure>