Enable WooCommerce Catalog Mode Without Plugin

How To Enable WooCommerce Catalog Mode Without Plugin

Sometimes you want just showcase your products to your customers without selling them. Also, your WooCommerce store might go through maintenance and updates when you wish to stop the sales. So, you can enable the WooCommerce catalog mode. It will allow the customers to see the products and their information.

You can enable the catalog mode with or without the plugin. And for your help, we will show you how to enable WooCommerce catalog mode without a plugin. You can do it by removing the “Add to cart” button and hiding the product price. You can then add the “Contact Us” button for a total transformation into the catalog mode.

You will need to create a custom code and paste it in the “Function.php” mode under the “Theme File Editor” function from the “Appearance” menu. Or else, you can use the “Code Snippet” plugin to write and update the code to enable the catalog mode.

So, let’s take a closer and step-by-step process to find and enable the WooCommerce catalog mode.

What Is WooCommerce Catalog Mode?

WooCommerce catalog mode is a feature or state when the store operates primarily as a product catalog. When you enable the catalog mode, e-commerce functionalities, such as online purchasing, shopping carts, and checkout processes, are either disabled or limited. It will also change the multi-step checkout process.

In catalog mode, the focus is on showcasing products. It will provide more information about the products. On top of it, catalog mode encourages users to browse the product offerings without the immediate option to make a purchase.

Functionalities of Catalog Mode

No Online Purchasing

When you enter catalog mode, it will disable the “Add to Cart” button from your WooCommerce store. So, it limits the ability of customers to add products to their shopping carts and complete online transactions.

Therefore, the audience and visitors can view product listings, descriptions, prices, and images. However, they cannot make direct purchases.

Displaying Product Information

Catalog mode allows you to display product information prominently. It might include the following things:

  • Images,
  • Descriptions
  • Pricing

Therefore, the catalog mode is often used for showcasing product catalogs or creating product showcases. It is useful when you want to use a website primarily for informational or display purposes. It could show product range, introduce new products, or offer product references. It is particularly beneficial for B2B stores.

Preparing for Maintenance

During website maintenance or updates, you might need more time to be ready to sell and deliver products. So, at such moments, you might enable catalog mode temporarily. It will prevent customers from placing orders or performing anything while you maintain and update the store. As you see, catalog mod will ensure smooth maintenance and update of your WooCommerce store.

Wholesale or B2B Sales

Many WooCommerce businesses serve wholesalers. Also, they may operate in a business-to-business (B2B) model. In such cases, you can use the catalog mode to display products to registered wholesale customers.

With slight modification, you can restrict access to retail customers. As it happens, you can deal with the B2B customers seamlessly for quick negotiation. Also, it hides the product pricing, so you get the option to bargain with the customer to get the best pricing.

Lead Generation

In some cases, you can use the catalog mode to generate leads or inquiries from potential customers. It is useful when you want a complete survey of your store and improve it further. The visitors can express interest in products without completing a purchase, and you can follow up with them.

Also, you can use the generated leads and survey results to customize the shopping experience. This way, the catalog mode helps you in offering an enhanced shopping experience to the customers. It will improve the ROI of your store.

Customization

Catalog mode often helps you in customizing the appearance and layout of product pages. Hence, you can make them more informative and visually appealing, as the primary goal is to attract and engage users.

When you input more information in an aesthetically pleasing way, customers will find it more engaging. It is likely to boost our sales and conversion. You can use the CSS grid to customize the codes without plugins to make the catalog mode and product information page just as you want.

Catalog mode is a flexible feature in WooCommerce. Its implementation depends on specific business needs and goals. While there are plugins available that can enable catalog mode with ease, as mentioned in a previous response, you can also manually implement catalog mode. For this, you will need to modify your theme’s code and settings.

So, let’s see the steps to modify the theme code and settings for a better catalog mode.

How to Enable WooCommerce Catalog Mode Without Plugin?

Enabling the catalog mode without a plugin is a complex and time-consuming job. You will need to write the custom code and paste it in the appropriate section. So, you should be careful about the catalog mode enabling process.

Typically, it requires multiple steps, including the following ones:

  • Turn off the “Add to Cart” button
  • Disable showing the product price
  • Adding a “Contact Us” button to enable catalog mode

As you deal with the basic coding here, before making any changes, have a backup of your website. Plus, you must clearly know how to access and edit your theme’s files. If you need more time to get comfortable with coding, consider seeking assistance from a developer. Or else, you can use plugins to enable the catalog mode.

Step 1: Open the Theme Editor

From your WooCommerce dashboard, scroll down to the “Appearance” Button. As you navigate the left-hand menu for “Appearance,” you will find the “Theme File Editor” button right there. Click on it to go to the “Theme File Editor” page.

Step 2: Edit Your Theme’s functions.php File

In the Theme Editor, locate and select the “functions.php” file on the right-hand side. This is where you’ll add custom code to enable catalog mode. Before you enable the catalog mode, you should disable the add to cart function to help the catalog mode function fully.

Enable WooCommerce Catalog Mode Without Plugin

Step 3: Add the Code For turning off the “Add to cart” mode

Once you enter inside the functions.php file, scroll down to where the code ends. There, copy and paste the code required for disabling the cart button. You might add the following code snippet:

// Remove Add to Cart button from all pages add_action('init','woosuite_remove_add_to_cart_buttons'); function woosuite_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); }

Source: AOV UP

As you apply the code, it will remove the add to cart button. Before the application of the code, your WooCommerce store will look like the following image.

Enable WooCommerce Catalog Mode Without Plugin

Once you add the code and update it, you will see that the store has no “Add to Cart” button. It is shown in the following picture. As you see, there’s no “Add to cart” button. It’s your first step to transform the store into a product catalog mode.

Enable WooCommerce Catalog Mode Without Plugin

Step 4: Hiding Product Price

Now, you can also hide the WooCommerce store product price if you wish. So, customers won’t get any information about the product price and can only scroll through the product list. Apply the following snippet code to hide the product pricing on your WooCommerce store.

// Hide product prices on all pages add_filter('woocommerce_get_price_html','woosuite_hide_product_price', 10, 2); function woosuite_hide_product_price( $price, $product ) { return ''; }

Source: AOV UP

Before the code, the product pricing will be right under it, as shown in the image.

Once you apply and save the code, you can save it and see that the WooCommerce store isn’t showing any pricing. 

So, customers will only be able to scroll through the products. You can further add a “Contact Us” button to allow the customers to contact you. It will be essential for B2B sellers.

Step 5: Add Contact Us Button

You can now add a “Contact Us” button right beneath the product listing. As customers click on it, the page will redirect to your contact section. From there, customers may contact you so that you can negotiate the product pricing and get a good ROI.

You can use the following code snippet to enable the Contact Us button:

// Add Contact Us button on all pages add_action('woocommerce_after_shop_loop_item', 'woosuite_add_contact_us_button', 10 ); add_action('woocommerce_single_product_summary', 'woosuite_add_contact_us_button', 31 ); function woosuite_add_contact_us_button() { echo '<a href="/contact" class="button alt">Contact Us for Pricing</a>'; }

Source:  AOV UP

Once you update and save the code in the “Function.php” section, it will add the Contact Us menu under the product listing. As you see in the image below, each product has the “Contact Us” button for pricing. It completely transforms the WooCommerce store into a catalog mode.

Step 6: Customize the Catalog Appearance (Optional)

You should make further adjustments to improve the appearance of your catalog. You can do this by adding custom CSS to your theme. To add custom CSS:

  • In the WordPress dashboard, navigate to “Appearance” > “Customize.”
  • Click on “Additional CSS.”
Enable WooCommerce Catalog Mode Without Plugin
  •  Here, you can add your custom CSS code to style the catalog as per your preferences.
  • For example, you can adjust product spacing or modify font styles.

After adding the code and making any necessary CSS adjustments, click the “Publish” button to save your changes. Also, you might customize the checkout page with the adjustments.

Visit your WooCommerce store to verify that catalog mode is working as expected. Your product pages should no longer display add-to-cart buttons and other purchase-related elements. Users will only view the products but won’t be able to make direct purchases.

Catalog mode is ideal for store maintenance and updates along with B2B sales. It provides more control over the customization and appearance of the WooCommerce store. Nonetheless, when you enable the catalog mode without a plugin, you mainly deal with codes. So, you should be careful about writing and applying the codes.

Conclusion

Also, always keep a backup of the previous version. It will help you to restore the older version if the coding goes wrong. Or else your catalog mode enabling may need to be corrected, and you will go through a lot of hassles. The key is to find the correct code and apply it properly with proper testing. 

Sahin Islam

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*
*