{"id":2891,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T08:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-catalog-mode\/?post_type=faq&#038;p=179"},"modified":"2020-07-29T10:36:00","modified_gmt":"2020-07-29T08:36:00","slug":"setup-the-catalog-mode","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/setup-the-catalog-mode\/","title":{"rendered":"Setup the Catalog Mode"},"content":{"rendered":"<p>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!<\/p>\n<h2>Settings Menu<\/h2>\n<p>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.<\/p>\n<h2>General Settings<\/h2>\n<p>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 &#8220;free text price&#8221; like available in store.<\/p>\n<p>If you totally want to get rid of the Shop functionality you should enable the &#8220;Redirect Cart \/ Checkout page&#8221;. If you only want customers to not see prices for example you can use the apply \u00a0for users settings.<\/p>\n<figure id=\"attachment_5368\" aria-describedby=\"caption-attachment-5368\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5368\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart-1024x639.png\" alt=\"enable wooocommerce catalog mode to remove price and add to cart\" width=\"1020\" height=\"637\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart-1024x639.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart-247x154.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart-510x318.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart-300x187.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart-768x479.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/enable-wooocommerce-catalog-mode-to-remove-price-and-add-to-cart.png 1376w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5368\" class=\"wp-caption-text\">enable wooocommerce catalog mode to remove price and add to cart<\/figcaption><\/figure>\n<h2>Enquiry Cart<\/h2>\n<p>With our plugin you have the opportunity to use the default WooCommerce add to cart functionality as an enquiry cart. You can enable this feature in plugin settings. Make sure that products:<\/p>\n<ol>\n<li>Have a price (you can set 0 if there is no price)<\/li>\n<li>Uncheck &#8220;Remove add to Cart&#8221; in general settings<\/li>\n<\/ol>\n<p>In order to send and receive enquiry cart items, you need to create a form. We use CF7 forms for example with the &#8220;products&#8221; name field. You can change the field name in plugin settings. Here is an example CF7 form:<\/p>\n<pre>&lt;p&gt;Your Name*&lt;br \/&gt;\r\n    [text* your-name] &lt;\/p&gt;\r\n\r\n&lt;p&gt;Your E-Mail*&lt;br \/&gt;\r\n    [email* your-email] &lt;\/p&gt;\r\n\r\n&lt;p&gt;Subject*&lt;br \/&gt;\r\n    [text* your-subject]&lt;\/p&gt;\r\n\r\n&lt;p&gt;Products*&lt;br \/&gt;\r\n    [textarea* products]&lt;\/p&gt;\r\n\r\n&lt;p&gt;Your Message&lt;br \/&gt;\r\n    [text your-message] &lt;\/p&gt;\r\n\r\n&lt;p&gt;[submit \"Send\"]&lt;\/p&gt;<\/pre>\n<figure id=\"attachment_5367\" aria-describedby=\"caption-attachment-5367\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5367\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart-1024x754.png\" alt=\"woocommerce enquiry cart\" width=\"1020\" height=\"751\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart-1024x754.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart-247x182.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart-510x376.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart-300x221.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart-768x565.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-enquiry-cart.png 1206w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5367\" class=\"wp-caption-text\">woocommerce enquiry cart<\/figcaption><\/figure>\n<h2>Product Category settings<\/h2>\n<p>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). You can also show send enquiry button directly in the shop loop.<\/p>\n<figure id=\"attachment_5366\" aria-describedby=\"caption-attachment-5366\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5366\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop-1024x532.png\" alt=\"show send enquiry button in shop loop\" width=\"1020\" height=\"530\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop-1024x532.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop-247x128.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop-510x265.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop-300x156.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop-768x399.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/show-send-enquiry-button-in-shop-loop.png 1204w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5366\" class=\"wp-caption-text\">show send enquiry button in shop loop<\/figcaption><\/figure>\n<h2>Single Product Pages<\/h2>\n<p>For the single product pages you can enable and configure the custom button. In example you can set a button text like &#8220;Send Enquiry&#8221;, 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).<\/p>\n<p>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.<\/p>\n<p>If you choose a CF7 Shortcode, you can take advantage of the <a href=\"https:\/\/contactform7.com\/special-mail-tags\/\" target=\"_blank\" rel=\"noopener noreferrer\">special mail tags<\/a>. To pass over product data by default our plugin looks for the following <strong>input field names<\/strong>:<\/p>\n<ul>\n<li>product<\/li>\n<li>sku<\/li>\n<\/ul>\n<p>Of course you can change these selectors in plugin settings. An example CF7 Enquiry Contact Form looks like this:<\/p>\n<pre>&lt;p&gt;Your Name*&lt;br \/&gt;\r\n    [text* your-name] &lt;\/p&gt;\r\n\r\n&lt;p&gt;Your E-Mail*&lt;br \/&gt;\r\n    [email* your-email] &lt;\/p&gt;\r\n\r\n&lt;p&gt;Subject*&lt;br \/&gt;\r\n    [text* your-subject]&lt;\/p&gt;\r\n\r\n&lt;p style=\"width: 45%; float: left;&gt;Product*&lt;br \/&gt;\r\n    [text* product]&lt;\/p&gt;\r\n\r\n&lt;p style=\"width: 50%; float: left; margin-left:5%;&gt;SKU*&lt;br \/&gt;\r\n    [text* sku]&lt;\/p&gt;\r\n\r\n&lt;p&gt;Your Message&lt;br \/&gt;\r\n    [textarea your-message 40x5] &lt;\/p&gt;\r\n\r\n\r\n&lt;p&gt;[submit \"Send\"]&lt;\/p&gt;<\/pre>\n<figure id=\"attachment_5365\" aria-describedby=\"caption-attachment-5365\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5365\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal-1024x798.png\" alt=\"single product enquiry modal\" width=\"1020\" height=\"795\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal-1024x798.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal-247x192.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal-510x397.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal-300x234.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal-768x598.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/single-product-enquiry-modal.png 1200w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5365\" class=\"wp-caption-text\">single product enquiry modal<\/figcaption><\/figure>\n<h2>Product Variations<\/h2>\n<p>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).<\/p>\n<figure id=\"attachment_5364\" aria-describedby=\"caption-attachment-5364\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5364\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support-1024x380.png\" alt=\"catalog mode variation support\" width=\"1020\" height=\"379\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support-1024x380.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support-247x92.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support-510x189.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support-300x111.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support-768x285.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/catalog-mode-variation-support.png 1202w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5364\" class=\"wp-caption-text\">catalog mode variation support<\/figcaption><\/figure>\n<h2>Exclusions &amp; Inclusions<\/h2>\n<p>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.<\/p>\n<p>Beside the category and product exclusions you can also exclude multiple countries.<\/p>\n<figure id=\"attachment_5363\" aria-describedby=\"caption-attachment-5363\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5363\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode-1024x597.png\" alt=\"exclude product categories or products from catalog mode\" width=\"1020\" height=\"595\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode-1024x597.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode-247x144.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode-510x297.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode-300x175.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode-768x448.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/exclude-product-categories-or-products-from-catalog-mode.png 1201w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5363\" class=\"wp-caption-text\">exclude product categories or products from catalog mode<\/figcaption><\/figure>\n<h2>User Role Limitations<\/h2>\n<p>You can apply catalog mode only to logged in or logged out users. Also you can exclude certain user roles.<\/p>\n<figure id=\"attachment_5362\" aria-describedby=\"caption-attachment-5362\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5362\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users-1024x369.png\" alt=\"apply catalog mode only to certain users\" width=\"1020\" height=\"368\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users-1024x369.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users-247x89.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users-510x184.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users-300x108.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users-768x276.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/apply-catalog-mode-only-to-certain-users.png 1203w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5362\" class=\"wp-caption-text\">apply catalog mode only to certain users<\/figcaption><\/figure>\n<h2>Advanced Options<\/h2>\n<p>In the advanced settings panel you can add some custom CSS or custom JS if you want.<\/p>\n<p>An example when the modal background is in front of the enquiry form:<\/p>\n<pre>.modal-backdrop.fade.in {\r\ndisplay: none !important;\r\n}<\/pre>\n<h2>Debug Options<\/h2>\n<p><strong>Hard Remove Price<\/strong><br \/>\nThis will add CSS to hide the price !important. Please only enable when your theme still shows prices.<\/p>\n<p><strong>Hard Remove Add to Cart<\/strong><br \/>\nThis will add CSS to hide the button using !important. Please only enable when your theme still shows the add to cart button.<\/p>\n<p><strong>Don&#8217;t load Bootstrap<\/strong><br \/>\nThis will deactivate the load of bootstrap.js. Used for some themes that are using it to avoid conflicts.<\/p>\n<figure id=\"attachment_5361\" aria-describedby=\"caption-attachment-5361\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5361\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart-1024x492.png\" alt=\"hard remove price or add to cart\" width=\"1020\" height=\"490\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart-1024x492.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart-247x119.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart-510x245.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart-300x144.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart-768x369.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/hard-remove-price-or-add-to-cart.png 1206w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5361\" class=\"wp-caption-text\">hard remove price or add to cart<\/figcaption><\/figure>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-2891","faq","type-faq","status-publish","hentry","faq_topics-catalog-mode-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/2891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=2891"}],"version-history":[{"count":4,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/2891\/revisions"}],"predecessor-version":[{"id":5370,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/2891\/revisions\/5370"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=2891"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}