Setup the Catalog Mode

[vc_row][vc_column][vc_column_text]If you find any bugs or enhancements in this script get in touch with a clear description of the problem so we can fix it. We do not support modifications![/vc_column_text][/vc_column][/vc_row][vc_row content_placement=”bottom” personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”setup”][vc_column width=”1/2″][vc_column_text]

Settings Menu

In order to setup the plugin you should be able to see the Catalog Menu under the WooCommerce menu. If you can not see the Catalog Mode menu make sure the Redux Framework plugin is installed and activated.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”209″ alignment=”right”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”general-settings”][vc_column][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][vc_column_text]

General Settings

In the General settings you of course should enable the plugin itself. After this you should enable if you want to remove the add to cart button, the prices or both. Moreover you can set a custom “free text price” like available in store.

If you totally want to get rid of the Shop functionality you should enable the “Redirect Cart / Checkout page”. If you only want customers to not see prices for example you can use the apply  for users settings.[/vc_column_text][vc_single_image image=”210″ onclick=”link_image” css=”.vc_custom_1504087800721{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”exclusions”][vc_column][vc_column_text]

Exclusions & Inclusions

If you want to exclude specific categories or products you can use the settings below. You can also revert the excludes into includes, so that only the selected products are effected by the catalog mode.

Beside the category and product exclusions you can also exclude multiple countries.[/vc_column_text][vc_single_image image=”211″ onclick=”link_image” css=”.vc_custom_1504087814432{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”category”][vc_column][vc_column_text]

Product Category settings

In the loop of the product categories you can modify the loop button by changing the button text and settings custom button action (go to product page / open custom link e.g. contact form page directly).[/vc_column_text][vc_single_image image=”212″ onclick=”link_image” css=”.vc_custom_1504087834125{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”single”][vc_column][vc_column_text]

Single Product Pages

For the single product pages you can enable and configure the custom button. In example you can set a button text like “Send Enquiry”, choose a button position where the button should appear or set the button action (open enquiry modal / go to a custom URL e.g. contact form page).

If you choose the enquiry modal to open you can set an enquiry title, position and add anything inside the enquiry modal like a CF7 Shortcode. Any other shortcodes or even a custom HTML-form works here too.

If you choose a CF7 Shortcode, you can take advantage of the special mail tags.

Example CF7 Enquiry Contact Form:<p>Your Name*<br />

 [text* your-name] </p>

<p>Your E-Mail*<br />
 [email* your-email] </p>

<p>Subject*<br />
 [text* your-subject] </p>

<p>Your Message<br />
 [textarea your-message] </p>

[text sku class:hidden]
[text product class:hidden]

<p>[submit "Send"]</p>

And the example for the mail settings

From: [your-name] <[your-email]>
Subject: [your-subject]
SKU: [sku]
Product: 
URL: [_url] 
Post name: [_post_name] 
Post title: [_post_title] 
Post URL: [_post_url] 

Nachrichtentext:[your-message]

If the _post tags not work, try switching the enquiry position.[/vc_column_text][vc_single_image image=”213″ onclick=”link_image” css=”.vc_custom_1504087849384{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”variations”][vc_column][vc_column_text]

Product Variations

Product variations can be displayed in two different versions: Dropdown (left) or Table (right). If you choose table you can also set what variation data you want to show (image, sku, title).[/vc_column_text][vc_row_inner css=”.vc_custom_1503403660758{margin-top: 20px !important;}”][vc_column_inner width=”1/2″][vc_single_image image=”214″ onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”215″ onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”advanced”][vc_column][vc_column_text]

Advanced Options

In the advanced settings panel you can add some custom CSS or custom JS if you want.

An example when the modal background is in front of the enquiry form:

.modal-backdrop.fade.in {
display: none !important;
}

[/vc_column_text][vc_single_image image=”217″ onclick=”link_image” css=”.vc_custom_1504087888397{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row][vc_row personalization_rules=”%5B%7B%22country%22%3A%22AF%22%2C%22recurring_day%22%3A%220%22%2C%22start_date%22%3A%222017-08-22%22%2C%22start_time%22%3A%2200%3A00%22%2C%22end_date%22%3A%222017-08-22%22%2C%22end_time%22%3A%2223%3A55%22%2C%22device_type%22%3A%22computer%22%2C%22user_name%22%3A%224%22%2C%22user_cap%22%3A%22switch_themes%22%2C%22user_role%22%3A%22administrator%22%2C%22visits_minimum%22%3A%22100%22%2C%22visits_maximum%22%3A%22200%22%7D%5D” el_id=”debug”][vc_column][vc_column_text]

Debug Options

Hard Remove Price
This will add CSS to hide the price !important. Please only enable when your theme still shows prices.

Hard Remove Add to Cart
This will add CSS to hide the button using !important. Please only enable when your theme still shows the add to cart button.

Don’t load Bootstrap
This will deactivate the load of bootstrap.js. Used for some themes that are using it to avoid conflicts.[/vc_column_text][vc_single_image image=”218″ onclick=”link_image” css=”.vc_custom_1504088006690{margin-top: 20px !important;}”][vc_separator css=”.vc_custom_1503397814327{margin-top: 30px !important;margin-bottom: 30px !important;}”][/vc_column][/vc_row]