How to Configure and Optimize Product Catalog Display in WooCommerce

existWooCommercein which you can configure the customizer through theProduct CatalogThis article explains in detail how to configure the display of product pages. In this article, we will explain in detail how to configure the display content of the product page, the sorting method, the number of products to be displayed per line, and the number of rows of products to be displayed per page.

1. Access to catalog settings

To edit the settings of the product catalog, navigate to:
exterior condition > customizable > WooCommerce > Product CatalogThe

In the "Product Catalog" menu, you can configure the following settings:

2. Configure the content of the store page

The store page can displayofferings,formorBoth show. We recommend choosing a product orformto help customers quickly find the items they want.

Configure the store page:

• exist The store page shows In the drop-down menu, selectofferingsmaybeformThe

• Once selected, you can preview the effect of your selection on the right side.

• strike (on the keyboard) post Save the settings and make them effective.

3. Configure the content displayed on the category page

Similar to the store page, thecategorizationThe page can displayofferings,subcategoryorBoth show. It is recommended that only one of these options be selected.

Configure the category page:

• exist Category Display In the drop-down menu, selectofferingsmaybesubcategoryThe

• Once selected, you can preview the effect of your selection on the right side.

• strike (on the keyboard) post Save the settings and make them effective.

4. Setting the default product sorting

default (setting)Product SortingAllows you to control the order in which products are displayed, affecting the default order in which products are listed on store and category pages. Customers can still choose other sorting methods.

Default sorting options:

• Default Sort (Custom Sort + Name): Displays the products in alphabetical order by name.
• Sort by Sales: Sort by number of sales from highest to lowest.
• Sort by average rating: Sorted from highest to lowest based on average ratings.
• Sort by most recently added: Sort by time added to store from newest to oldest.
• Sort by price (ascending/descending): Sort by price from lowest to highest or highest to lowest.

Select Default Sort:

• surname Congpull-down menuChoose one of the options.

• Preview your selection and click post Save the settings.

5. Number of products shown per line

On store and category pages, you can choose how many products to display per row. Consider the following factors to set the appropriate number:

• Size of product images
• Display space on computer/laptop, tablet or mobile device
• Provide customers with the best browsing and buying experience

Set the number of products to display per line:

• Use the arrows to increase or decrease the number of products displayed per line.

• Preview your selection and click post Save the settings.

• The following are examples of different views using the same settings.

The scaling of the image size and appearance will vary depending on the theme you are using.

6. Number of lines per page

"Rows per page" allows you to choose how many rows of products to display on store and category pages. Consider the following factors to set the appropriate number of rows:

• Size of product images
• The number of products you sell
• Display space on computer/laptop, tablet or mobile device
• Provide customers with the best browsing and buying experience

Sets the number of lines displayed per page:

• Use the arrows to increase or decrease the number of lines displayed per page.

• Preview your selection and click post Save the settings.

Ensure that your setup displays well on different devices. Test the look of the store page using different screen sizes, such as viewing the results on a computer, tablet, and phone.

summarize

utilizationWooCommerceCustomizers that you can flexibly configurestore pagerespond in singingcategory pageof what is displayed, how it is sorted, and the number of products per row and page. These settings help to provide a good page presentation and ensure that the way products are displayed matches the store's needs.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off