How to Enable Catalog Mode in WooCommerce: A Comprehensive Guide

In the world of eCommerce, WooCommerce is a flexible platform that allows businesses to manage online stores effortlessly. However, there are situations where you may want to showcase products without selling them online. Enabling catalog mode in WooCommerce is the perfect solution. This guide walks you through how to activate catalog mode so your store can function as a product showcase while maintaining a professional appearance.


What is Catalog Mode in WooCommerce?

Catalog mode transforms your WooCommerce store into a product showcase by removing or hiding purchasing options like the “Add to Cart” button. This mode is ideal for businesses that:

  • Want to display products without selling them online.

  • Need to temporarily disable sales during maintenance or stock updates.

  • Operate primarily offline but still want an online presence to showcase their offerings.

By enabling catalog mode, customers can browse your products and access essential information without seeing sales options.


Benefits of Using Catalog Mode

Enabling catalog mode offers several advantages:

  • Enhanced User Experience: Visitors can browse without the pressure to buy immediately.

  • Improved Brand Presentation: Showcase products in a visually appealing way without focusing on sales.

  • Flexibility: Easily switch between catalog and e-commerce modes based on your business needs.


How to Enable Catalog Mode in WooCommerce

You can enable catalog mode in WooCommerce using plugins, custom code, or CSS. Here are the most effective methods:


Method 1: Using a Dedicated Plugin

The easiest way to enable catalog mode is by using a plugin:

  1. Install a Catalog Mode Plugin
    Go to Plugins > Add New in your WordPress dashboard. Search for “WooCommerce Catalog Mode” and choose a reliable plugin, such as:

  2. Activate the Plugin
    Click Activate to start customizing settings.

  3. Configure Plugin Settings
    In the WooCommerce settings, you can:

    • Remove the Add to Cart button.

    • Hide product prices if desired.

    • Add custom messages or contact forms for inquiries.

  4. Save Changes
    Apply the catalog mode settings across your WooCommerce store.


Method 2: Customizing WooCommerce Code

If you’re comfortable with code, you can modify your theme’s functions.php file:

  1. Access Theme Editor
    Go to Appearance > Theme Editor.

  2. Edit functions.php
    Add the following code snippet:

// Remove add to cart buttons
remove_action(‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10);
remove_action(‘woocommerce_single_product_summary’, ‘woocommerce_template_single_add_to_cart’, 30);

// Optionally hide prices
add_filter(‘woocommerce_get_price_html’, ‘custom_remove_prices’);
function custom_remove_prices($price) {
return ”;
}

  1. Save Changes
    Your WooCommerce store will now display products in catalog mode.


Method 3: Using Custom CSS

For a non-intrusive approach, use CSS to hide certain elements:

  1. Navigate to Customizer
    Go to Appearance > Customize in WordPress.

  2. Add Custom CSS

/* Hide add to cart button on shop page */
.add_to_cart_button { display: none !important; }

/* Hide add to cart button on single product page */
.single_add_to_cart_button { display: none !important; }

  1. Publish Changes
    This effectively enables catalog mode without modifying code or using a plugin.


Best Practices for Catalog Mode

To ensure a smooth experience for your visitors:

  • Clear Communication: Use banners or messages to explain that purchasing is disabled and provide alternative contact options.

  • Optimize Product Descriptions: Since customers cannot buy online, provide detailed and engaging product information.

  • Implement Contact Forms: Include inquiry buttons or forms to make it easy for potential customers to reach you.


Conclusion

Enabling catalog mode in WooCommerce is a strategic solution for businesses that want to showcase products without direct sales. Whether you choose a plugin, custom code, or CSS, make sure the transition enhances user experience, aligns with your brand goals, and allows easy communication with potential customers.

With catalog mode, your WooCommerce store becomes a flexible, visually appealing product display, helping you attract visitors and maintain a strong online presence, no matter your business model.

What should you do next?

Thanks for reading till the end. Here are 4 ways we can help you grow:

Want to learn more?

Explore our full collection of How-To guides to master every feature and functionality.

Check out How-To Guides →

Looking to grow your store?

Browse our WooCommerce plugins to discover tools that can improve performance and boost your sales.

Browse WooCommerce Plugins →

Curious about related topics?

Visit our blog for more tutorials, expert insights, and the latest trends in e-commerce.

Visit Our Blog →

Still confused about this topic?

Submit your question or contact our support team directly. We are here to help!

Contact Support Team →

Latest Articles

Shopping Cart