When you open the plugin settings panel in YITH > Catalog Mode, you will see the following view in tabs.
In the first tab, Settings, you’ll have different sections divided in steps.
Step 1 – Set your users rules
Let’s see the first one, Step 1 – Set your users rules with options that you can enable here.
- Enable Catalog Mode for: choose here whether enabling the catalog mode options for all users or just for guests.
- Additional geolocation filter: enable this option if you want to apply the catalog mode options only to users from specific countries, that you will be able to set in the option below:
- Enable or disable Catalog Mode settings to users from specific countries: here you can choose whether to Enable or Disable the catalog mode for All users or guest users and select countries.
For example, if you want to make the catalog mode option for everyone except for customers from Italy who can purchase products, choose Disable catalog mode for All users from Italy.
- Catalog mode for administrators: enable this option if you want to include also the store administrators in the settings and prevent them also from purchasing products if the catalog mode is enabled for everyone.
- Hide review tab for guest users: if enabled this option will let you hide the Reviews tab on the product page to guest users. So, only logged-in users will be able to read product reviews, whether they can purchase the product (as set to catalog mode) or not.
Step 2 – Set your catalog mode options
- Disable shop: use this option to hide the “Cart” page, “Checkout” page and all the “Add to Cart” buttons in the shop in one click. If you prefer keeping the price anyway and manage the visibility of the Add to Cart button separately, keep this option disabled.
- “Add to Cart” settings in Catalog Mode: choose whether to hide or to show the “Add to Cart” button on all pages/Shop page/Product page and to apply these options to all products or only to selected products set up in the exclusion list (please, refer to this page for Exclusion list settings).
For example, if you Hide the Add to Cart only on the Shop page, your users will be able to purchase the products, but they have to visit the product page to see the Cart button.
Please, consider that if the below option for Price settings is set to hide price, also the Add to Cart button will be hidden, regardless of what you’ve set here.
- Hide product variations: switch this to ON if you want to hide product variations from the Shop page as shown by WooCommerce (Select options link) or any other plugin that allows you to show variations.
- In product pages, replace “add to cart” with: here you can choose whether to simply hide the Add to cart button or replace it with one custom button of your choice on the product page. Please, refer to this page to see how to create your customized call-to-action button.
- In shop pages, replace “add to cart” with: same option as above, but it refers to the Shop page. So, you can have different call-to-action buttons on the Product and Shop page.
- Price settings in Catalog Mode: choose to hide or to show product prices and whether to apply these to all products or only to the exclusion list.
Note: if you hide the price, “add to cart” will be hidden too (regardless of the Add to Cart behavior set above).
- Where hidden, replace price with: choose whether to replace the price with one of the custom buttons you’ve set up or show nothing.
In the second tab of the plugin settings, you will be able to set up the so-called Exclusion List. Let’s see what it is for and how it can be configured to meet your needs.
Go to YITH > Catalog Mode > Exclusion List and click on Add new to add a new rule to this list.
Please, consider that these rules only work if you’ve previously set the global settings for “Add to Cart” settings in Catalog Mode and Price settings in Catalog Mode to Items in the Exclusion list only.
Then, start creating the first rule for products, categories, or tags.
- Item type: first of all, you can choose here if the rule applies to one or more Products, Categories, or Tags.
- Select products/categories/tags: add here one or more products, categories, or tags, based on what you’ve selected in the previous option.
- Inquiry form: enable if you want to show the inquiry form on the product pages.
- Use custom options for “Add to Cart”: if you enable this option you will be able to override the options for the Add to Cart button below:
- Set “Add to Cart” as: visible or invisible. If you choose to hide this button, you can replace it with a custom button in the below options:
- Replace “Add to Cart” in product page with
- Replace “Add to Cart” in shop page with
- Use custom options for price: enable this option to override the global settings.
- Set price as: choose whether to show or hide the price. If hidden, you’ll be able to replace it with a custom button in the option below:
- Replace price with: choose one of your custom buttons. Read more about how to set a new one here.
You can create as many exclusion rules as you wish, for Products, Categories, and Tags. They will be listed here and you will be able to see a quick summary of the rule and how the behavior of Add to Cart button and Price have been overridden:
Yet, if you want to override the settings of a product right from the product page, you can. Please, refer to this page.
From the Inquiry Forms tab, you will be able to set up the inquiry form. The plugin includes a default form, yet, if you want to use an advanced form, you can install and set up one of the following supported plugins:
Contact Form 7
Ninja Forms: To make sure the plugin forms look well on Catalog Mode, please, refer to this short guide.
Formidable Forms: To make sure the plugin forms look well on Catalog Mode, please, refer to this short guide.
Once you’ve installed at least one of the above plugins, you will be able to see the settings for printing one of your contact forms on your product pages.
- Set inquiry form as: this allows you to choose on which products showing the custom inquiry form
- hidden in all products
- visible in all products
- visible in items of Exclusion list only
- Form plugin: choose here the plugin through which you’ve created the form
- Choose from: select here the form you want to use, you can pick one of those that you’ve previously created
- Show form in: then, you will be able to customize where the inquiry form appears on the product page and choose between an additional WooCommerce Tab or the product short description area.
1. WooCommerce tab
If you choose WooCommerce tab, a new tab will be added on your product page and you’ll be able to customize its title, the text before the form and whether to include a permalink to the product page in the email that you’ll receive or not.
2. Short description
As a second option, you can embed the form in the product page short description.
If you choose this option, you can choose:
- form position:
- after price
- after short description
- after “Add to Cart” button
- Form style:
- Classic: this will print the form with a shortcode
- Hidden in toggle: this will add a toggle button and only when the customer clicks on it, the form will appear.
The following customizable options are available for the toggle:
- Toggle button text
- Toggle button text colors
- Toggle button colors
You will be able to set also a text before the form and whether to include a permalink to the product page in the email that you’ll receive or not.
If you are using the WPML translation plugin in order to have a multilingual site,
you can select one custom form for each language configured on your site.
If you want to show the default form on your products and allow users to send you an inquiry, go to the section Inquiry form and select Default form in Form to show.
Through the option Set inquiry form as, you will be able to choose how to set the inquiry form: you can hide it on all the products, show it on all the products or show it only on the products added to the Exclusion list.
In Default form fields, you will be able to manage all the fields available for the form. The fields available are first name, last name, email, message, acceptance.
You can activate/deactivate the fields through the related button and edit the available options: Name, Type (Text, Email, Textarea, Acceptance), Class, Label, Label Class, Placeholder, Position (First, Last, Wide), Required (YES/NO).
If you want to use the reCAPTCHA in the default form, you must enable the option Add a reCAPTCHA to the default form then insert the site key and secret key in the respective fields.
From YITH > Catalog Mode > Buttons & Labels tab you will be able to create many different custom buttons with your own style, so you can use the right one for your products.
You can have one custom button that replaces the following:
- Cart button on the Shop page
- Cart button on product page
- Price on the Shop page
- Price on product page
Let’s see how to create custom buttons. First of all, click on the button Create a new button or label.
There are three sections: Content, Style, and Options and a preview box on the right.
In Content section, you will find these options:
- Label text: here you can find a textual editor to add the custom text of your button, with custom formatting. Please, consider that if you select Theme Default from the font dropdown, the button will inherit the font of the theme, but the preview might not be perfect. If you want to, you can also include a file from your Media gallery.
- Icon: pick a custom icon from the list or upload a custom one. You’ll be able to customize its size in px, alignment, and colors.
In the Style section, you will be able to customize the default and hover colors and style of the button (text, borders, width, margin, padding):
In the Options section, you will be able to set the following options:
- Link to: choose one of the following:
- Unlinked text label: this lets you simply print a static text without any link.
- Product page: this will make the button dynamically direct your users to the page of the product where the button appears.
- Custom URL: enter here a custom URL of your choice.
- Hover animation: here you can choose the hover animation from Float, Grow, Button, Move Hover Color, Press, Push, Shake, Slide Top, Slide Left.
To override the Catalog Mode settings on a product level, you just have to open the product and you will find the following box available:
These options are the same as you can find in the global and Exclusion list settings, but they will override both if set to ON.
If you want them to inherit the Global settings or the ones in the Exclusion list, make sure they are set to OFF.
For example, if you just want to override the Add to cart options, but inherit the price global price options, just make sure that Use custom options for price option is set to OFF.