How to control woocommerce product display easily?

Continue to share wordpress website builder tutorials, today we share how to woocommerce product display. Whether we do product catalog display wordpress website or mall website, we may use woocommerce this plugin. Generally we will display some products on the home page or other pages, which can be the latest products, or other products. This display of products generally only in a fixed order or rule, if we want to arbitrarily specify the product display should do? Next by me for you in detail.

As shown in the image above, for example, we need to display these fixed products above over a period of time, there is more than one way to achieve this, which is formally shared next.

方法一：手动指定

Specifying manually is the easier way. As shown above, open the template page (page) in the Gutenberg editor, add a [Hand-picked Products] module, and then just select the products you need to display in the window.

Method 2: Modify the product release date

If you don’t want to modify the template page, then we can also modify the products that need to be displayed in an easier way. Let’s say you have a wordpress site with a home page that calls for the 8 newest sites, sorted by release date.

Then you can modify the release date of the product directly in the background product management, and set the date of the 8 products you need to show as the latest one. As in the picture above, point [Quick Edit] under the product, then modify the date, and finally update it.

Method 3: Use short code to call selected products

This method requires the use of woocommerce shortcode, although it may seem a bit troublesome, but after setting up, the later management will be more convenient.

[products limit="8" columns="4" visibility="featured" orderby="date"]

Preferred we need to use the above code to call products on the home page or other template pages. The above shows one line showing 4 products, 8 in total, calling selected products and sorted by release date. This method works with both Gutenberg editor and elementor.

Next we open the wordpress website builder background product management, point [display options], check the [Featured] tab.

Then we will see the product list shows a five-pointed star symbol, we just need to highlight the five-pointed star can be added to the selected products, and then the product will be released in accordance with the time sorting display to the home page or other templates page, at the same time we can also refer to method two to modify the release time to control the sorting.

Summarize

The content shared today should be mainly for the convenience of your later product management. In general after wordpress website is done we should try to modify the template page as little as possible, so the above method method you can try to use the latter two.