How to customize the shop page on WooCommerce

Hello everyone!

We continue this new series of tutorials of Woo Shortcodes Kit, with the guide about How to customize the shop page on WooCommerce. The second of 12 videos in which you will learn to master this complement and his functions in a very simple way.

You can check the last tutorial about how to build a dynamic navigation for WooCommerce

We continue using an environment created with:

• WordPress 5.3.2
• WooCommerce 3.9.1
• Hello Elementor (Theme)
• Elementor Builder (Free version)
• Woo Shortcodes Kit 1.8.3

But it is also compatible with other templates such as GeneratePress, Divi, Storefront, The7, BeTheme among others and builders such as Visual Composer, Divi builder among others, with which we will do more series testing the functions of WSHK.

On this second video of the guide MODDING WOOCOMMERCE with Woo Shortcodes Kit, we will see:

• How to display or exclude products of specific categories
• Manage the products per page on the shop
• Add a conditional and customized add to cart button

SUMMARY

How to display products of specific categories on the shop page

By default your WooCommerce shop page is prepared to display all the products availables in your shop.
But with Woo Shortcodes Kit, you can manage the products that you want display on the shop page, filtering by the product categories.

With this funcion you can choose up to 3 differents product categories to display in the shop page, and just all the products of these categories will be displayed.

How to exclude products of specific categories on the shop page

If you have a lot of product categories, maybe the previous function will be useless for you.
But with Woo Shortcodes Kit, you can manage too, the products that you want exclude on the shop page, filtering by categories.

With this funcion you can choose up to 3 differents product categories to exclude in the shop page, and the products of these categories will be hidden.

Products per page manager

This is another function that WooCommerce does not offer by default, but with Woo Shortcodes Kit you can manage the products that you want display on each page, in the shop page.

Is very easy to configure, just need to write the number of products that you want display.

Conditional “Add to cart button” if the customer has purchased the product

This function let know to the customer if have the product purchased, automaticly from the shop page, without need to go to his account.

Is very easy to configure, just need write the text to modify the by default “Add to cart” button text, and it will appear after the customer buy a product.

Change “Add to cart” button text by product type

This function let you modify the “add to cart” button text depending if the product is simple, variable, external or grouped. You can combine the previous function with this and too can modify all the products or only the product type that you want.

In the next video we will see how to build from scratch a custom shop page on WooCommerce easily with Woo Shortcodes Kit.

Write all in the comments i will see you there!