Catalog Mode Module can transform your WooCommerce store into a sleek, browsing-only catalog. No Add to Cart buttons, no visible prices, and no checkout distractions. Perfect for B2B, wholesale businesses, or any time you need to showcase products without enabling direct purchases.

With ShopBuilder’s Catalog Mode, you get full control over what customers can see and do. So you can present your products beautifully while keeping the buying process on your terms.

1. General #

To configure Catalog Mode module for WooCommerce, navigate to the WordPress admin menu ShopBuilder =>Settings =>Modules =>Catalog Mode => General

1.1) Enable Catalog Mode? Toggle this button to activate the module. 

1.2) Enable Catalog Mode For? Choose the catalog mode to apply between two options ‘All Users’ or ‘Guest Users Only (Not Logged In)’.

1.3) “Add to Cart” Settings:  Control the visibility of the “Add to Cart” button (Hide Add to Cart orShow Add to cart) across your store. When hidden, catalog mode is applied to all products. When shown, catalog mode can be enabled or disabled individually for each product.

1.4) Apply to Pages: Select your preferred pages to display the catalog mode. You can choose All Pages, Product Pages, or Shop Pages. 

1.5) Apply to Products: Insert the subject line for recovery notification emails sent to admin. There are two options. All Products and Specific Products.

If you select specific products, you’ll get this option. 

1.5.1) Applicable Products: Determine specific products to be applicable for catalog mode.

If you select all products, you’ll get the below options. 

1.5.2) Categories to Include: This is optional. You can include specific categories here. Leave empty to apply to all categories.

1.5.3) Categories to Exclude: Products in these categories will be excluded from catalog mode.

2. Product Page #

Now, click on the Product Page tab.

2.1) Select Buttons to Display: The selected buttons will appear on product pages. They will  replace the “Add to Cart” button.

2.2) Custom Button Settings: Insert the text to display on the button. You can also link the button with a custom URL.

2.3) WhatsApp Button Settings: Write a text to display on the button (e.g., “Whatsapp Us”). Insert the WhatsApp Number. You need to include country code (e.g., +1234567890). Add a pre-filled message for better user experience.

2.4) Call Button Settings: Add a text to display on the button (e.g., “Call Now”). After that, include the phone number.

2.5) Email Button Settings: Put a text to display on the button (e.g., “Email Us”). Then, insert your preferred email address.

2.6) Request Quote Button Settings: Include a text to display on the button (e.g., “Request Quote”). Then, from the drop down you can select a page as your contact form or quote request page.

3. Shop Page #

Now, move to the Shop Page tab.

3.1) Button Text: Insert your preferred text for the Button. This button replaces “Add to Cart” on shop/archive pages.

4. Prices #

The fourth tab is the Prices.

4.1) Price Display: You’ll have full control over the display of prices. You can Show Price, Hide Price, or Replace Price With Custom Text. 

If you select Replace Price With Custom Text, you’ll get another field option. 

4.1.1) Replace Price With: Write your preferred text to replace the product’s price. 

5. Style #

Now, click on the Style tab.

5.1) Product Page – Price Custom Text Styles: You can customize the button according to your brand guideline. 

Personalize the Font Size, Background Color, Text Color, Border Width, Border Color, Border Radius, and Padding according to your preferences.

5.2) Email Button Text: Adjust the Background Color, Text Color, Border Color, Border Background, Hover Border Color, and Border Radius.

5.3) WhatsApp Button Text: Customize the WhatsApp text’s Background Color, Text Color, Border Color, Hover Background, Hover Border Color, and Border Radius.

5.4) Call Button Text: Set the Call Button text’s Background Color, Text Color, Border Color, Hover Background, Hover Border Color, and Border Radius.

5.5) Request Quote Button Text: Personalize the Request Button text’s Background Color, Text Color, Border Color, Hover Background, Hover Border Color, andBorder Radius.

5.6) Custom Button Text: Adjust the Custom Button text’s Background Color, Text Color, Border Color, Hover Background, Hover Border Color, and Border Radius.

Catalog Mode Settings on Single Product Page #

Despite the global settings, you can customize the catalog mode on a single product page. To perform this action navigate to Dashboard =>Products =>All Products. Then choose your preferred product you want to edit. 

In the Product Data section, locate the Catalog Mode option. 

1. Disable Catalog Mode? If you want, you can disable the catalog mode for a particular product. 

2. “Add to Cart” Settings: You can set the Add To Cart Action from here. Choose from ‘Use Global Setting, Hide Add To Cart, or Show Add to Cart options. 

3. Price Settings: Adjust the price option from here. Select from ‘Use Global Setting, Show Price, Hide Price or Replace With Custom Text options. 

4. Button Links: Insert a Custom Button Link and WhatsApp message according to your preference. Then, from the drop down you can select a page as your contact form or quote request page.

Front End of Catalog Mode on Single Product Page #

When a customer visits the single product page, they will see that the product price is hidden. They can also perform different actions from the selected button.

Front End of Catalog Mode on Shop Page #

In the same way, the Add to cart option is replaced with custom text and the product price is hidden in the shop page.