Can we enable WoCommerce Catalog Mode without Plugin? If yes, How?

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:

Remove add to cart using code || WooCommerce Catalog Mode

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 );
Add the above code snippet to the themes>>Functions.php file.
Hide Price || WooCommerce Catalog mode

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 

Popular Tags

Blog Business Case Code Snippet Documentation ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce ELEX Amazon Payments Gateway for WooCommerce ELEX Authorize.net Payment Gateway for WooCommerce ELEX Bulk Edit Products, Prices & Attributes for WooCommerce ELEX Dynamic Pricing and Discounts Plugin for WooCommerce ELEX EasyPost Auto-Generate & Email Labels Add-On ELEX EasyPost Shipping Method Plugin for WooCommerce ELEX Google Product Feed Plugin ELEX Hide WooCommerce Shipping Methods Plugin ELEX ShipEngine Multi-Carrier Shipping & Label Printing Plugin for WooCommerce ELEX Stamps.com Shipping Plugin with USPS Postage for WooCommerce ELEX Stamps.com USPS Auto-Generate & Email Labels Add-On ELEX WooCommerce Abandoned Cart Recovery with Dynamic Coupons ELEX WooCommerce Australia Post Bulk Label Printing Add-On ELEX WooCommerce Australia Post Shipping Plugin with Print Label & Tracking ELEX WooCommerce Catalog Feed for Facebook & Instagram ELEX WooCommerce Catalog Mode, Wholesale & Role Based Pricing ELEX WooCommerce Choose Your Delivery Date Plugin ELEX WooCommerce DHL Express / eCommerce / Paket Shipping Plugin with Print Label ELEX WooCommerce DHL Express Bulk Label Printing Add-On ELEX WooCommerce Discount per Payment Method Plugin ELEX WooCommerce EasyPost Bulk Label Printing Add-On ELEX WooCommerce EasyPost Return Label Add-On ELEX WooCommerce Name Your Price Plugin ELEX WooCommerce Product Price Custom Text (Before & After Text) and Discount Plugin ELEX WooCommerce Stamps.com Bulk Label Printing Add-On ELEX WooCommerce USPS Shipping Plugin with Print Label ELEX WooCommerce Request a Quote plugin for WooCommerce ELEX WordPress Embed YouTube Video Gallery ELEX WordPress Embed YouTube Video Gallery Plugin FAQ Getting Started Knowledge Base Open Source HelpDesk & Customer Support Ticketing System – Simple & Flexible Plugin Integrations ReachShip WooCommerce Multi-Carrier & Conditional Shipping Plugin Shipping Plugins Uncategorized WooCommerce WSChat - WordPress Live Chat Plugin WSDesk - WordPress Helpdesk Plugin