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!
Requirements
The following things are required to run this script:
- PHP 5.2.0+
- MySQL 5+
- Apache
- WooCommerce 2.0+
- WordPress 3.8+
- Redux Framework
Installation
1. Upload the ZIP via the wordpress backend
- Log into your website backend /wp-admin/
- Go to Plugins -> Install -> Upload Plugin
- Select the ZIP file and upload it
- Install & Activate the Redux Framework Plugin
- Active it and that’s it!
2. Upload it via FTP
- Log into your webserver via FTP
- Unzip the file on your PC
- Upload the extracted folder to /wp-content/plugins/
- Install & Activate the Redux Framework Plugin
- Go into your backend and activate the Plugin
Setup
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.
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.
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.
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).
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.
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).
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;
}
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.
Troubleshooting
Where can I find the catalog mode / settings?
You can find the everything inside your Admin Panel below WooCommerce -> Catalog Mode
I found a bug / got an error
Please make a comment on codecanyon. We will take care asap!
The contact form is greyed out (e.g. in Avada Theme)
Please add the following custom CSS:
.modal-open #enquiryModal.modal {
z-index: 999999999999999999;
}
CHANGELOG
# Changelog
======
1.3.7
======
- FIX: Variations Table display
- FIX: Spelling error
- FIX: Enquiry Modal Size -> Normal default value set
======
1.3.6
======
- FIX: Categories revert exclusions function
- FIX: Added some more CSS classes to remove button & quantity
=====
1.3.5
======
- NEW: The following filters are now available:
woocommerce_catalog_mode_loop_button_text (Loop Button Text)
woocommerce_catalog_mode_loop_custom_url_button_text (Loop Custom Url Button Text)
woocommerce_catalog_mode_loop_custom_url_button_url (Loop Custom Url Button Url)
woocommerce_catalog_mode_loop_custom_url_button_target (Loop Custom Url Button Target)
woocommerce_catalog_mode_enquiry_button_text (Enquiry Button Text)
woocommerce_catalog_mode_single_product_modal_contact_form (Single Product Modal Contact Form)
woocommerce_catalog_mode_single_product_modal_title (Single Product Modal Title)
woocommerce_catalog_mode_single_product_button_text (Single Product Button Text)
woocommerce_catalog_mode_single_product_button_url (Single Product Button Url)
woocommerce_catalog_mode_single_product_button_target (Single Product Button Target)
woocommerce_catalog_mode_custom_free_price_text (Custom Free Price Text)
=====
1.3.4
======
- NEW: WPML Support (see string translations > admin_texts_woocommerce_catalog_mode_options)
=====
1.3.3
======
- FIX: "PHP Notice: id was called incorrectly"
=====
1.3.2
======
- FIX: Plugin activation check
- FIX: WooCommerce 3.0 compatibility
=====
1.3.1
======
- FIX: In the variation dropdown now also the variation price + description shows up
=====
1.3.0
======
- NEW: Variations can now be shown like you know from the regular add to cart button > see dropdown in Variations admin section
- NEW: you can now send the SKU & Product name from inside your Contact Forms -> make sure you add the following fields there:
[text sku class:hidden]
[text product class:hidden]
=====
1.2.2
======
- NEW: Hard remove via CSS now respects exclusions and inclusions (revert exclusions)
=====
1.2.1
======
- NEW: Better plugin activation
- FIX: Better advanced settings page (ACE Editor for CSS and JS )
- FIX array key exists
=====
1.2.0
======
- FIX: Redux Error
=====
1.1.9
======
- NEW: Removed the embedded Redux Framework for update consistency
//* PLEASE MAKE SURE YOU INSTALL THE REDUX FRAMEWORK PLUGIN *//
=====
1.1.8
======
- NEW: always show the loop button (even if the product is in the exclusion list)
- NEW: always show the single product button (even if the product is in the exclusion list)
- NEW: revert product category exclusions
- NEW: revert product category exclusions
- NEW: revert product exclusions
- NEW: revert country exclusions
- FIX: add to cart / read more on product categories now appear as they should
======
1.1.7
======
- FIX: width of variations table (colspan)
======
1.1.6
======
- FIX: free price text not shown
======
1.1.5
======
- NEW: remove the "Free"-Text if there is no price and show a custom text instead
======
1.1.4
======
- NEW: you can now specify where the modal HTML should be placed (useful to debug special mail tags from CF7)
- NEW: you can now specify where the single product button should be placed
======
1.1.3
======
- NEW: exclude some countries and show users from this country the price / add to cart button
======
1.1.2
======
- fixed end of file error
======
1.1.1
======
- fixed PHP 5.2 errors
- removed unneeded admin JS and admin CSS
======
1.1.0
======
- moved modal HTML to the footer
- added variation display support
- added variation settings in admin panel
- fixed issue with The7 Theme
- moved to local bootstrap js
======
1.0.4
======
- moved JS to footer
======
1.0.3
======
- fixed an issue with the CSS namespace (backdrop & modal to show)
- added new settings page: debug
- added 3 new option to "debug"-settings:
--> hard remove prices
--> hard remove add to cart
--> disable the load of bootstrap.js
- added "button"-class to buttons
- removed data-options and added javascript to call the modal
======
1.0.2
======
- added namespace for public CSS
======
1.0.1
======
- fix for category button
add_filter('woocommerce_loop_add_to_cart_link', array($this,'loopProductPageButton'),10); become
add_action('woocommerce_after_shop_loop_item', array($this,'loopProductPageButton'),10);
- added hard remove setting inside options panel (can be used for non WooCommerce standard compliant themes still showing price / add to cart button)
- tested plugin with the following themes: Storefront, Bridge, Dante, Onetake, The7, Total, Twenty Sixteen, Universal
======
1.0
======
- Inital release