Want to make your eCommerce look like an impelling product catalog? Then you can find more than one way to enable WooCommerce catalog mode on your WooCommerce store.Although there are plenty of plugins available on WordPress that support your needs, like the ELEX WooCommerce Catalog Mode plugin. Here are some interesting ways to enable WooCommerce Catalog mode without a plugin.
What is Catalog Management?
A catalog is simply a depiction of products with the price, image, and title of the product. Catalogs are an ideal way to showcase your products on the page without quoting the price. It will also help you to invite your customers to your individual site using links or for quoting the price, which will generate leads for your eStore.
How to enable WooCommerce Catalog mode on your eCommerce website?
Catalog mode is easy to set up using a plugin. Simple and easy to use plugins are available on WordPress, which facilitate the same. ELEX WooCommerce Catalog mode plugin is one such plugin, which helps you achieve the same. Irrespective of using a plugin, there are plenty of ways to achieve the same on your WooCommerce eStore.
Add-to-cart button can be hidden via CSS, PHP or JS. If you google your query on how to remove the add to cart button, then you will end up reading a lot about it on existing methods. Most of the time WooCommerce store owners want to hide the add to cart button temporarily or maybe permanently to avoid order problems because the product is out of stock.
Remove add to cart using code snippets
When we google it, we can see that most of the options to remove add to the cart button recommend that you remove two actions:
- woocommerce_template_loop_add_to_cart
- woocommerce_template_single_add_to_cart
On adding this code to the functions.php file in the themes folder :
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');
we can easily remove the add to cart button. After the addition of the code, the page looks like this:
The add to cart button is removed from the shop page.
Also, we can tell WooCommerce to hide the price in the same way using the code snippets.
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 ); remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
How to set prices at the individual product level or role-based
Even in catalog mode, if you want to make changes to the individual product level on a role basis, then you can make use of the plugin ELEX WooCommerce Catalog Mode Wholesale & role-based pricing.
Conclusion
Getting your website to look more like a catalog is easier using a plugin if you are not good with codes.
Further Reading
