• Facebook
  • Twitter

Catalog Mode

Installation and activation

Installation via Administration Panel

When Catalog Mode files are downloaded from your CodeCanyon account. You can start installation using WordPress administration panel.

Once you’ve logged into your administration panel go to Plugins > Add New




Chose Upload (1), click Select a file (2), ct-catalog.zip from your hard drive and click Install Now (3)

Installation via FTP

To install Catalog Mode via FTP follow step below:

  • Step 1 – Unarchive ct-catalog.zip file
  • Step 2 – Access your host web server using FTP client
  • Step 3 – Find directory wp-content > plugins
  • Step 4 – Put folder ct-catalog.zip in directory wp-content > plugins



Upon plugin activation the Catalog Mode will be enabled. Every product will be by default displayed without Add to cart button, price and without any custom button for Catalog Mode information.

To change the catalog mode settings go to WooCommerce > Settings > Catalog mode tab.

General Settings

General Settings

Settings Options:

  • Disable Catalog Mode – You can check this field to disable the catalog mode on all screens, the Add to cart button and all the cart functionalities will be enabled again.
  • Disable for logged in users – Check this field if you want to disable catalog mode for logged in users.
  • Remove Price Tag From Site – Remove the price from all products
  • Remove price tag from not logged in users – Check this field if you want to hide price tag from not logged in users.
  • Create Item list Button – Enable the single product button and his styles.
  • Create shop list Button – Enable the shop list button and its styles.

Catalog Mode Button

When the button is enabled the corresponding area will be displayed below the main settings.

Here you can add your custom styles for a button.

Button custom styles

Button custom styles

The style settings are the same for both item and shop buttons, but the values can be changed separately.

There are 8 buttons included on the plugin:

  • WooCommerce Default – only supports margins, paddings and custom class,
  • flat,
  • minimalistic,
  • basic,
  • rounded,
  • slick,
  • volume
  • solid
Predefined button styles

Predefined button styles

They can be selected from the field Button Style, it’s possible to change the default button’s styles by filling the desired field.

Custom style

To add a custom style, the Custom style needs to be selected in Button style field.

Custom style

Custom style

After that fill the style fields and click Save.
All custom styles including the defaults from the plugin can be added with a custom class, simply add the class string to the Custom class field.

Custom class name

Custom class name

Single product settings

Every single product have the option to enable or disable catalog mode or use global settings from the woocommerce setting bar. You can also disable Catalog Mode for logged in users.

Single Product Settings

Single Product Settings

With this options the products will be differentiated, for example one product can have the “add to cart button” and the price enabled if the option of the catalog mode is set to disable and the other products will continue to have the normal settings.

Product category settings

Since version 1.4 Catalog Mode gives you an option to enable or disable the plugin for every product category or subcategory. By default all categories will get global settings, defined via WooCommerce > Settings – Catalog Mode. However you can change this settings per product category or subcategory.

To enable or disable Catalog Mode per product category you need to navigate to Products > Catogories and choose the category, that you want to edit.
On the left hand side, below the category Description you will find Catalog Mode settings:

Product category settings

Product category settings

You can choose one of:

  • Use Global Settings – selected category will get settings from WooCoomerce > Settings – Catalog Mode;
  • Notice: if you are editing subcategory instead of Use Global Settings you can choose Use Parents Settings – subcategory will use the closest parents settings then.

  • Enable – Catalog Mode for products from selected category will be enabled;
  • Disable – Catalog Mode for products from selected cateogry will be disabled;


If a product has more than one category, and assigned categories has different Catalog Mode settings (for example 1 category has enabled category and second one has disabled Catalog Mode) – Catalog Mode will be enabled.

PlugIn Hooks

The default button can be changed with the ct_catalog.css_template.default (path) hook

If you want to minify the buttons CSS this hook will do it for you,

by default the minify functionality is set to true.

Add custom template button
With the ct_catalog.css_template hook can be added new templates to the plugin


Lets add a new button style to the settings select list:

All done, now have button will have your custom stylsheet.

If for some reason the price need to be hidden or shown there is a hook for that too:

On this example lets hide a price if the value is bigger than 5

Elite Author
We are elite
Who we are

Hi, we are createIT. We create IT. Web applications and websites to be precise.

And we are REALLY good at it.

Get to know us at www.createIT.pl
Thanks for buying!