{"id":4022,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-group-attributes\/?post_type=faq&#038;p=179"},"modified":"2020-07-29T13:20:35","modified_gmt":"2020-07-29T11:20:35","slug":"setup-woocommerce-attribute-group-plugin","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/setup-woocommerce-attribute-group-plugin\/","title":{"rendered":"Setup WooCommerce Attribute Group Plugin"},"content":{"rendered":"<p>Setting up grouped Attributes in WooCommerce is as simple as this if you follow the instructions for our plugin below.<\/p>\n<h2>Settings Menu<\/h2>\n<p>In order to setup the plugin you should be able to see the Attribute Groups Menu under the WooCommerce menu. If you can not see the menu make sure the Redux Framework plugin is installed and activated.<\/p>\n<h2>General Settings<\/h2>\n<p>Enable or disable the attribute group plugin is the first option. If you want to have \/ allow one attribute to be in multiple attribute groups, then you should check the Multiple Attribute checkbox.<\/p>\n<p>In this section you can also enable attribute group categories. Attribute group categories can contain multiple attribute groups. These categories can be loaded in the backend when you edit a product. To create categories, simply edit an attribute group and you will see categories in the right sidebar.<\/p>\n<figure id=\"attachment_5447\" aria-describedby=\"caption-attachment-5447\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5447\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings-1024x633.png\" alt=\"woocommerce group attributes general settings\" width=\"1020\" height=\"631\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings-1024x633.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings-247x153.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings-510x315.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings-300x185.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings-768x474.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-group-attributes-general-settings.png 1329w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5447\" class=\"wp-caption-text\">woocommerce group attributes general settings<\/figcaption><\/figure>\n<h2>Group Attributes Layouts and Styling<\/h2>\n<p>First you can select one of four grouped attribute layouts:<\/p>\n<ul>\n<li><a href=\"https:\/\/demos.welaunch.io\/woocommerce-group-attributes\/product\/style-1\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layout 1<\/a><\/li>\n<li><a href=\"https:\/\/demos.welaunch.io\/woocommerce-group-attributes\/product\/style-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layout 2<\/a><\/li>\n<li><a href=\"https:\/\/demos.welaunch.io\/woocommerce-group-attributes\/product\/style-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layout 3<\/a><\/li>\n<li><a href=\"https:\/\/demos.welaunch.io\/woocommerce-group-attributes\/product\/style-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layout 4<\/a><\/li>\n<\/ul>\n<p>After that you set a divider for your attribute values. Additionally you can set an odd \/ even background and text color. <strong>If the styles for the classified attributes should not apply, please make sure the custom.css file in folder public\/css is writeable.<\/strong><\/p>\n<figure id=\"attachment_5446\" aria-describedby=\"caption-attachment-5446\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5446\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts-1024x597.png\" alt=\"four possible attribute group layouts\" width=\"1020\" height=\"595\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts-1024x597.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts-247x144.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts-510x297.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts-300x175.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts-768x448.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/four-possible-attribut-group-layouts.png 1153w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5446\" class=\"wp-caption-text\">four possible attribute group layouts<\/figcaption><\/figure>\n<h2>Advanced Options<\/h2>\n<p>Add some custom CSS or custom Javascript if you want to modify the styling advanced.<\/p>\n<h2><span id=\"All-Attribute-Groups\">Attribute Groups Overview<\/span><\/h2>\n<p>When navigating to Products &gt; attribute groups you get an overview of all created attribute sets. In this view you can also see the assigned attributes of each group.<\/p>\n<p>From this menu you can create \/ edit your attribute groups.<\/p>\n<figure id=\"attachment_5445\" aria-describedby=\"caption-attachment-5445\" style=\"width: 729px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5445\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/attribute-groups-overview.png\" alt=\"attribute groups overview\" width=\"729\" height=\"497\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/attribute-groups-overview.png 729w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/attribute-groups-overview-247x168.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/attribute-groups-overview-510x348.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/attribute-groups-overview-300x205.png 300w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><figcaption id=\"caption-attachment-5445\" class=\"wp-caption-text\">attribute groups overview<\/figcaption><\/figure>\n<h2><span id=\"Create-Edit\">Create &amp; Edit WooCommerce Attribute Sets<\/span><\/h2>\n<p>When editing or when creating an attribute you first should assign the attributes to the group. Here you can select multiple. Then you can set a custom image \/ icon and set a menu order if you like.The output of the example below will then look like this:<\/p>\n<figure id=\"attachment_5444\" aria-describedby=\"caption-attachment-5444\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5444\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group-1024x532.png\" alt=\"create and edit an attribute group\" width=\"1020\" height=\"530\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group-1024x532.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group-247x128.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group-510x265.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group-300x156.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group-768x399.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-and-edit-an-attribute-group.png 1026w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5444\" class=\"wp-caption-text\">create and edit an attribute group<\/figcaption><\/figure>\n<h2>Load Attribute Sets<\/h2>\n<p>When you edit a product in the WooCommerce backend you can load attribute sets directly from there. This will save you time, because you do not have to create all attributes manually. Beside loading attribute groups, you can also load attribute group categories, that can contain multiple attribute groups.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_5443\" aria-describedby=\"caption-attachment-5443\" style=\"width: 864px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5443\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/load-attribute-sets-in-product-backed.png\" alt=\"load attribute sets in product backed\" width=\"864\" height=\"664\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/load-attribute-sets-in-product-backed.png 864w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/load-attribute-sets-in-product-backed-247x190.png 247w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/load-attribute-sets-in-product-backed-510x392.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/load-attribute-sets-in-product-backed-300x231.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/load-attribute-sets-in-product-backed-768x590.png 768w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><figcaption id=\"caption-attachment-5443\" class=\"wp-caption-text\">load attribute sets in product backed<\/figcaption><\/figure>\n","protected":false},"author":1,"featured_media":0,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4022","faq","type-faq","status-publish","hentry","faq_topics-group-attributes-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4022","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=4022"}],"version-history":[{"count":4,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4022\/revisions"}],"predecessor-version":[{"id":5450,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4022\/revisions\/5450"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=4022"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=4022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}