How to Enable WooCommerce Catalog Mode Without Plugin

Not every WooCommerce store is built to sell right away. Sometimes, all you need is a clean, professional WooCommerce product showcase—no prices, no checkout, just information. Whether you’re managing a WooCommerce B2B store, going through updates, or offering products that require inquiries first, enabling a WooCommerce catalog mode without plugin is the perfect solution.

This approach disables online purchases and turns your store into a visually rich catalog. It’s especially useful when you’re preparing for a relaunch, need to pause transactions, or want to collect leads instead of sales.

In this guide, we’ll show you how to enable WooCommerce catalog mode using simple code, without relying on external plugins that can bloat your site or limit control. 

What Is WooCommerce Catalog Mode?

WooCommerce catalog mode is a customized store setup where your online shop acts like a digital catalog instead of a traditional eCommerce platform. In this mode, key selling features like the Add to Cart button, price display, and checkout process are disabled, creating a storefront focused on browsing, not buying.

Store owners often enable WooCommerce catalog mode without a plugin to showcase products without enabling purchases. This can be helpful for wholesalers, service-based businesses, or during website maintenance. It allows visitors to view product images, read detailed descriptions, and decide whether to reach out for more information.

For example, a WooCommerce B2B store might use catalog mode to list SKUs, specifications, and product variations without revealing prices. Another brand might use this setup to offer a WooCommerce product display without selling, prompting customers to inquire or request quotes instead.

Ultimately, catalog mode is a flexible way to shift your WooCommerce store from transactional to informational, especially when implemented cleanly with code instead of bulky plugins.

Benefits of Enabling WooCommerce Catalog Mode Without a Plugin

Going the plugin-free route to enable WooCommerce catalog mode comes with clear advantages, especially for developers and agencies who value control, speed, and clean code.

• First, by enabling WooCommerce catalog mode without plugin, you avoid bloating your website with unnecessary functionality. This means faster load times and fewer compatibility issues down the line. Removing plugins also reduces your site’s vulnerability to external exploits and updates gone wrong.
• Second, doing this manually lets you tailor the experience to your exact needs. You can hide specific elements, add custom messaging, or trigger catalog behavior only under certain conditions—all without being limited by plugin presets.

It’s also the ideal solution when you want a WooCommerce product showcase that’s lightweight and built to perform. Whether you’re preparing your site for a WooCommerce maintenance mode period or creating a public-facing catalog for B2B leads, coding it yourself offers unmatched flexibility.

• Lastly, this method is perfect for agencies managing multiple client stores. Combined with InstaWP’s management tools, you can deploy catalog setups fast, test them safely, and revert anytime—no plugin dependency needed.

Key Use Cases for WooCommerce Catalog Mode Without Plugin

Understanding when to use WooCommerce catalog mode without plugin can help agencies and developers deploy it more strategically. It’s not just a workaround—it’s a purposeful configuration with several high-impact applications.

1. WooCommerce Product Display Without Selling
   Sometimes you want to show off your inventory without inviting purchases. Catalog mode allows you to feature products, descriptions, and images, while removing pricing and cart functionality. This is ideal for new product launches, prototype showcases, or informational displays.
   
2. WooCommerce B2B Store Setup
   Many wholesale stores don’t display pricing publicly. Using catalog mode, you can hide both the Add to Cart button and prices, then add a Contact Us button that WooCommerce buyers can use to request a quote or initiate a conversation. This creates a negotiation-first experience tailored for B2B workflows.
   
3. WooCommerce Maintenance Mode
   Need to pause sales during a site upgrade or stock check? Temporarily activating catalog mode prevents transactions without taking the whole site offline. Users can still browse products while your store remains in a read-only state.
   
4. Lead Generation and Quote Requests
   If your business model benefits more from conversations than instant checkouts, catalog mode is a great way to capture interest. Instead of pushing direct sales, guide users toward inquiry forms, chatbots, or email outreach.
   

Each of these use cases benefits from a cleaner, plugin-free implementation, delivering a smoother experience and fewer moving parts to manage.

WooCommerce Catalog Mode Without Plugin vs With Plugin

When it comes to enabling WooCommerce catalog mode, you have two options: use a plugin or write custom code. While plugins offer convenience, they often come with trade-offs that can affect site performance, control, and compatibility, especially for agencies managing multiple stores.

When to Use the Plugin Route:

• You need quick role-based catalog mode restrictions (e.g., only hide prices for non-logged-in users)
  
• You’re managing a non-technical client site without development resources
  
• You want to toggle settings from the dashboard without touching code
  

Why Developers Prefer Code-Based Catalog Mode:

• It avoids plugin bloat and improves long-term performance
  
• It’s ideal for WooCommerce B2B store setups where layout needs to be custom
  
• It fits well with InstaWP’s sandbox + code editor workflow for easy staging, testing, and deployment
  

If you’re still exploring both approaches, you can set up a plugin-based and a code-based version using two separate InstaWP sandboxes. Compare layouts, speed, and compatibility side-by-side before deciding what fits your client’s needs.

Prerequisites Before You Start 

Before you begin setting up WooCommerce catalog mode without a plugin, a few essential prerequisites will ensure your workflow stays safe, clean, and manageable, especially when working on client stores or high-traffic websites.

1. Use a Child Theme to Protect Your Edits

If you’re editing the functions.php file directly, always work within a child theme. This prevents your changes from being lost during theme updates. A child theme acts as a separate layer where your customizations live, keeping the parent theme intact.

2. Take a Full Site Backup

Before making any code-level changes, take a backup of your site. Even a small syntax error can cause a white screen of death in WordPress. Use your preferred WordPress backup plugin—or better yet, use InstaWP to clone your site in one click and work on a disposable copy.

And, if you’re starting fresh, the fastest route to launch a WooCommerce store is to use InstaWP. No need to configure hosting, install WooCommerce manually, or set up logins. It gets you editing-ready in under a minute—perfect for developers and agencies building WooCommerce product showcases.

Already running a store? Use the InstaWP Connect plugin to link your live site with InstaWP. Once connected, you can:

• Edit themes safely using InstaWP’s in-browser code editor
  
• Test changes using versioning and staging
  
• Monitor performance, uptime, and more—without logging into WordPress manually
  

Having these prerequisites in place ensures your implementation is smooth, reversible, and client-safe.

How to Enable WooCommerce Catalog Mode Without a Plugin 

Here are the steps you need to activate WooCommerce catalog mode without using a plugin. 

Step 1: Hide the Add to Cart Button on All WooCommerce Pages

The first step in creating a true WooCommerce catalog mode without a plugin is to remove all purchase actions, starting with the Add to Cart button. This button appears across your shop, category, and product detail pages, and disabling it signals to users that your store is in catalog mode.

Here’s the PHP snippet that removes the Add to Cart button globally:

add_action(‘init’,’remove_add_to_cart_buttons’);

function remove_add_to_cart_buttons() {

    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’, 30);

}

You need to add this code to your active theme’s functions.php file. Here is how you can do it.

1. Launch your WooCommerce sandbox or connect your site using the InstaWP Connect plugin and create a staging site of your live WooCommerce store.
   
2. Go to the dashboard and select the staging site you have just created. Open the built-in code editor.

3. Navigate to your active theme’s functions.php file

If you’re not using InstaWP, you need to go to your WordPress Dashboard > Appearance > Theme File Editor > Theme Function > function.php file. 

4. Paste the code near the bottom, after the last closing bracket (if applicable)
   
5. Save and preview changes instantly
   

This cleanly disables the Add to Cart button across the board—ideal for any WooCommerce B2B store or WooCommerce product showcase where direct purchases are not intended.

By hiding cart functionality, you’re halfway toward a functional catalog. Up next: removing product pricing to complete the look.

Step 2: Remove Product Price from All Product Listings

Once you’ve hidden the Add to Cart button, the next step in enabling WooCommerce catalog mode without plugin is to remove product prices. This ensures visitors can view products but can’t see their cost—ideal for WooCommerce B2B store setups or when you want to generate inquiries instead of sales.

In your active theme’s functions.php file, add below code.

add_filter(‘woocommerce_get_price_html’,’hide_product_price’, 10, 2);

function hide_product_price( $price, $product ) {

    return ”;

}

Save and preview the changes instantly

Your store’s product prices will now be hidden on all archive and single product pages. This completes the second phase of WooCommerce product display without selling, helping your store transition into a clean and distraction-free WooCommerce catalog mode.

This setup is particularly effective for lead generation, product launches, or when your pricing varies based on client needs. Now, all that’s left is helping customers take the next step—contacting you. Let’s do that next.

Step 3: Add a “Contact Us” Button Across All Pages

Now that you’ve hidden both the Add to Cart button and product prices, the final step to complete your WooCommerce catalog mode without plugin setup is to give users a clear next action. This is where a Contact Us button WooCommerce can turn passive views into valuable leads or inquiries.

Instead of leaving a blank space where pricing or cart functionality used to be, you’ll insert a clickable button that directs users to your contact page, WhatsApp, or a quote request form.

Access the theme’s functions.php like we have explained in step 1 and add below code.

add_action(‘woocommerce_after_shop_loop_item’, ‘add_contact_us_button’, 10 );

add_action(‘woocommerce_single_product_summary’, ‘add_contact_us_button’, 31 );

function add_contact_us_button() {

    echo ‘<a href=”/contact” class=”button alt”>Contact Us for Pricing</a>’;

}

🔧 Tip: Replace “/contact” with the actual URL slug of your contact page.

This Contact Us button WooCommerce snippet will now appear on both shop/category pages and single product views—right where the Add to Cart button used to be.

It’s perfect for WooCommerce B2B stores, service-based businesses, or any scenario where direct pricing is withheld and contact-based negotiation is preferred. This final touch converts your store from a transactional cart into a WooCommerce product showcase that drives conversations, not just clicks.

Step 4 (Optional): Customize the Catalog Mode Layout

With your WooCommerce catalog mode without plugin setup complete, you might want to go a step further and tweak the visual presentation. After all, a catalog-only store should look clean, focused, and intentional, not like a broken checkout experience.

Using a bit of CSS, you can adjust the layout to better support a WooCommerce product showcase, especially now that you’ve hidden prices and cart buttons.

Common Customizations You May Want:

• Remove leftover empty spaces from hidden elements
  
• Align the Contact Us button better
  
• Adjust font sizes or hide product meta (e.g., SKU, category)
  
• Improve product grid spacing
  

How to Add Custom CSS:

1. Go to your WordPress Customizer (Appearance > Customize)
   
2. Click on “Additional CSS.”
   
3. Add CSS like the examples below:
   

/* Hide product meta like SKU */

.product_meta { display: none; }

/* Center the contact button */

.woocommerce .button.alt {

    display: inline-block;

    margin-top: 10px;

    text-align: center;

    background-color: #0051a2;

}

/* Remove price placeholder space */

.woocommerce div.product p.price,

.woocommerce div.product span.price {

    display: none !important;

}

4. Click Publish to save your changes.
   

This optional step makes your catalog mode WooCommerce without plugin implementation feel intentional, polished, and purpose-built. It’s especially useful for agency-run sites where presentation needs to reflect brand quality, or when showcasing high-ticket items where design consistency matters.

Testing, Versioning, and Deployment with InstaWP

After implementing all the changes, it’s critical to test your WooCommerce catalog mode without the plugin in a safe, controlled environment—especially if you’re managing multiple client stores or working with custom code. That’s where InstaWP truly shines.

🧪 Test Your Changes Before Pushing Live

InstaWP gives you a one-click way to launch a fully working WooCommerce site for testing. Whether you’re building from scratch or cloning an existing store, you can:

• View how hidden cart buttons and pricing affect layout
  
• Test different WooCommerce catalog mode styles and button placements
  
• Verify compatibility with the active theme or other customizations
  

This ensures your WooCommerce product display without selling doesn’t break any design or functionality.

⚙️ Deploy With Confidence Using InstaWP Connect

Already running a live store? Add the InstaWP Connect plugin to mirror your changes safely. This lets you:

• Push tested changes from staging to production using 2-way Sync
  
• Manage multiple WooCommerce sites from one dashboard
  
• Monitor uptime, performance, and updates, while keeping your catalog mode intact
  

By combining catalog mode with InstaWP’s testing and versioning tools, agencies and developers can deploy clean WooCommerce setups that are stable, reversible, and client-ready.

Common Mistakes to Avoid When Setting Up WooCommerce Catalog Mode Without a Plugin

While enabling WooCommerce catalog mode without a plugin is relatively straightforward, skipping a few precautions can lead to site issues, broken layouts, or even downtime. Here are the most common missteps developers and agencies should watch out for, along with how to avoid them.

1. Editing the Parent Theme Directly

Many users make the mistake of adding custom code directly to the parent theme’s functions.php file. This creates a risk of losing all catalog-related changes when the theme updates. 

Always create a child theme, or better yet, make edits inside InstaWP’s in-browser code editor, which gives you version control and rollback protection.

2. Not Backing Up Before Editing

A missing semicolon or misplaced bracket can break your entire site. Skipping a backup—especially on a live WooCommerce store—can lead to major downtime. 

With InstaWP, you can clone a site instantly or use site versioning to snapshot your setup before every change.

3. Forgetting to Remove Shortcodes or Leftover Elements

If you previously used a catalog plugin, make sure it didn’t leave shortcodes or styling that conflict with your new setup. These leftovers can cause display issues or expose hidden buttons unintentionally.

4. Hiding Only Some Elements

A partial implementation—like hiding the Add to Cart button but not prices—can confuse users. For a proper WooCommerce product showcase, make sure your code fully disables all purchase-related elements and replaces them with a clear call-to-action, like a Contact Us button.

5. Editing Live Without Testing

Editing production sites directly is never a good idea. Even small changes can lead to unexpected conflicts. That’s why staging your setup on InstaWP first is essential. You can tweak layouts, test on multiple screen sizes, and validate functionality before pushing anything live.

By avoiding these common errors and using a safe, scalable workflow, you ensure that your catalog mode WooCommerce without plugin implementation is smooth, stable, and fully professional.

Ready to Enable Catalog Mode the Smarter Way?

Turning your store into a WooCommerce catalog mode without plugin doesn’t just clean up your storefront—it also gives you full control over performance, layout, and customer journeys. 

By removing the Add to Cart button, hiding product prices, and replacing them with a Contact Us button that WooCommerce visitors can click, you transform your shop into a sleek, focused product showcase.

Whether you’re setting up a WooCommerce B2B store, pausing direct sales during maintenance, or simply testing catalog mode for a new campaign, InstaWP helps you execute everything faster. 

From spinning up a WooCommerce sandbox in seconds to editing code directly in-browser, to managing live stores with InstaWP Connect, your workflow stays streamlined and risk-free.

Start building with InstaWP. 

FAQs