{"id":64596,"date":"2022-04-11T06:08:03","date_gmt":"2022-04-11T12:08:03","guid":{"rendered":"https:\/\/www.scalahosting.com\/blog\/?p=64596"},"modified":"2023-02-23T05:28:44","modified_gmt":"2023-02-23T11:28:44","slug":"organizing-woocommerce-products","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/blog\/organizing-woocommerce-products\/","title":{"rendered":"Organizing WooCommerce Products"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Categories and Tags<\/strong><\/h2>\n\n\n\n<p>Categories and Tags in WooCommerce work exactly the same way they do for WordPress posts:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Product Categories <\/strong>are hierarchical, which means you can have a post belonging to a subcategory. These are used for grouping products by <em>Type<\/em>.<\/li><\/ul>\n\n\n\n<p class=\"alert-blue\"><strong><em>Example:<\/em><\/strong><em> Belts and Hats.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Product Tags <\/strong>are not hierarchical. There are no sub-tags or parent tags. You can use those to group products together by <em>Feature<\/em>.<\/li><\/ul>\n\n\n\n<p class=\"alert-blue\"><strong><em>Example:<\/em><\/strong><em> Belts and Hats that feature the image of a bird on them can be tagged as Bird.<\/em><\/p>\n\n\n\n<p class=\"alert-green\"><strong><em>Note: <\/em><\/strong><em>Keep tags as an extension of your category navigation. <\/em><strong><em>Don\u2019t use them for product features<\/em><\/strong><em> you would like your customers to use as product filters. This is done through Product Attributes<\/em><strong><em>.<\/em><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Product Attributes<\/strong><\/h2>\n\n\n\n<p><strong>Product Attributes <\/strong>are the distinctive product features that customers come searching for. WooCommerce can display a list of attributes in the sidebar of your online store. This enables visitors to quickly sift through your inventory.<\/p>\n\n\n\n<p>There are two types of product attributes in WooCommerce \u2014 <strong>Global <\/strong>and <strong>Custom<\/strong>. When created, <strong>Global Product Attributes<\/strong> become available for all products in the store. This means you can access and assign them to any product regardless of the one you are editing.<\/p>\n\n\n\n<p>You can also check the <strong>Enable Archives<\/strong> option here. It displays a page in the front end containing products that have this attribute assigned. <strong>Categories<\/strong> have this enabled by default.<\/p>\n\n\n\n<p>When you enable the <strong>Visible on the product page<\/strong> option, product attributes are displayed in the <strong>Additional information <\/strong>section of the selected page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-1.png\"><img decoding=\"async\" width=\"650\" height=\"208\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-1.png\" alt=\"Organizing WooCommerce Products, Product Attributes\" class=\"wp-image-62643\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-1.png 650w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-1-300x96.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Creating Global Product Attributes<\/em><\/strong><\/h3>\n\n\n\n<p>1. Head on to <strong>Products <\/strong>\u2192 <strong>Attributes<\/strong><\/p>\n\n\n\n<p>2. To the left side of the screen is the form for adding new attributes. Fill out the <strong>Name <\/strong>field with the desired attribute name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-2.png\"><img decoding=\"async\" width=\"462\" height=\"353\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-2.png\" alt=\"Organizing WooCommerce Products, Creating Global Product Attributes\" class=\"wp-image-62644\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-2.png 462w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-2-300x229.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p>3. You can skip the <strong>Slug <\/strong>field as slugs are auto-generated based on the <strong>Name<\/strong> you input.<\/p>\n\n\n\n<p>4. Use the <strong>Enable Archives?<\/strong> Checkbox if the attribute is a feature important enough that you would want to link an archive page for its products. You can always edit your attribute and switch this feature On or Off later.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-3.png\"><img decoding=\"async\" width=\"381\" height=\"68\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-3.png\" alt=\"Organizing WooCommerce Products, Creating Global Product Attributes 2\" class=\"wp-image-62645\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-3.png 381w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-3-300x54.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p>5. The <strong>Default Sort Order<\/strong> drop-down menu helps you specify what variable your store will use to determine the order in which attribute terms are listed. For now, you can leave it with its default value.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-4.png\"><img decoding=\"async\" width=\"376\" height=\"116\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-4.png\" alt=\"Organizing WooCommerce Products, Creating Global Product Attributes 3\" class=\"wp-image-62646\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-4.png 376w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-4-300x93.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p>6. Click <strong>Add Attribute<\/strong> to finish the creation of this attribute.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-5.png\"><img decoding=\"async\" width=\"114\" height=\"39\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-5.png\" alt=\"Organizing WooCommerce Products, Creating Global Product Attributes 4\" class=\"wp-image-62647\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Adding Terms to Global Product Attributes<\/em><\/strong><\/h3>\n\n\n\n<p>To the right of the form, you will find a list of global product attributes for your store.<\/p>\n\n\n\n<p>1. Locate the attribute you just created and click on the <strong>Configure Terms<\/strong> link. For the purpose of this example, we created the <em>Study <\/em>attribute.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-6.png\"><img decoding=\"async\" width=\"541\" height=\"66\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-6.png\" alt=\"Organizing WooCommerce Products, Adding Terms to Global Product Attributes\" class=\"wp-image-62648\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-6.png 541w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-6-300x37.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p>2. You are now viewing the screen for adding terms to the <em>Study<\/em> attribute. Since Terms are child items of <em>Study<\/em>, the form is titled <em>Add new Study<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-7.png\"><img decoding=\"async\" width=\"378\" height=\"108\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-7.png\" alt=\"Organizing WooCommerce Products, Adding Terms to Global Product Attributes 2\" class=\"wp-image-62649\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-7.png 378w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-7-300x86.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p>3. Fill out the <strong>Name <\/strong>field to get started.<\/p>\n\n\n\n<p>4. The <strong>Slug<\/strong> field is optional.<\/p>\n\n\n\n<p>5. You can fill something in the <strong>Description <\/strong>only if you have some notes about the attribute variation you are creating.<\/p>\n\n\n\n<p class=\"alert-blue\"><strong><em>Example:<\/em><\/strong><em> <\/em><strong><em>T-shirt Colors<\/em><\/strong><em> might be self-explanatory, but technical attributes such as <\/em><strong><em>Fabric Density <\/em><\/strong><em>are not.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-8.png\"><img decoding=\"async\" width=\"377\" height=\"61\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-8.png\" alt=\"Organizing WooCommerce Products, Adding Terms to Global Product Attributes 3\" class=\"wp-image-62650\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-8.png 377w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-8-300x49.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p class=\"alert-green\"><strong><em>Note: <\/em><\/strong><em>Whether the content of <\/em><strong><em>Description <\/em><\/strong><em>is displayed in the front end may vary from theme to theme. Best to first enter some dummy text and see if it displays under the <\/em><strong><em>Additional Information<\/em><\/strong><em> tab on the page for a single product.<\/em><\/p>\n\n\n\n<p>6. Create the term by clicking the <strong>Add new Study<\/strong> button. The last word in the button\u2019s label always corresponds to the name of the attribute you are creating.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-9.png\"><img decoding=\"async\" width=\"134\" height=\"51\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-9.png\" alt=\"Organizing WooCommerce Products, Adding Terms to Global Product Attributes 4\" class=\"wp-image-62651\"\/><\/a><\/figure>\n\n\n\n<p>Complete the steps a second time to create another term. You will need it for the next exercise.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Attribute Term Ordering<\/em><\/strong><\/h3>\n\n\n\n<p>Attribute term ordering is defined through the <strong>Default Sort Order<\/strong> drop-down menu, visible when creating or editing a global product attribute.<\/p>\n\n\n\n<p><strong>Custom Ordering <\/strong>enables you to drag attribute terms up and down the list accessible through the <strong>Configure Terms<\/strong> link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-10.png\"><img decoding=\"async\" width=\"731\" height=\"191\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-10.png\" alt=\"Organizing WooCommerce Products, Attribute Term Ordering\" class=\"wp-image-62652\" srcset=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-10.png 731w, https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-10-300x78.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/a><\/figure>\n\n\n\n<p class=\"alert-green\"><strong><em>Note: <\/em><\/strong><em>When rearranging the terms, list changes are saved automatically.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-11.png\"><img decoding=\"async\" width=\"103\" height=\"114\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-11.png\" alt=\"Organizing WooCommerce Products, Attribute Term Ordering 2\" class=\"wp-image-62653\"\/><\/a><\/figure>\n\n\n\n<p>Bear in mind that changing the <strong>Default Sort Order<\/strong> to <strong>Name <\/strong>or <strong>ID<\/strong> does not remove the drag handles from the items in the terms list. They might seem to work, but upon refresh, the page will always display products in your active sort order.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Editing Global Product Attributes<\/em><\/strong><\/h3>\n\n\n\n<p>1. Navigate back to the <strong>Attributes<\/strong> screen by clicking <strong>Products <\/strong>\u2192 <strong>Attributes<\/strong><\/p>\n\n\n\n<p>2. Move the mouse over the attribute row previously created<\/p>\n\n\n\n<p>3. Click on the <strong>Edit <\/strong>link<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><a href=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-12.png\"><img decoding=\"async\" width=\"175\" height=\"77\" src=\"https:\/\/www.scalahosting.com\/blog\/wp-content\/uploads\/2021\/10\/WooCommerce-Product-Attributes-12.png\" alt=\"Organizing WooCommerce Products, Editing Global Product Attributes\" class=\"wp-image-62654\"\/><\/a><\/figure>\n\n\n\n<p>Use this screen to edit any of the following: <strong>Name<\/strong>, <strong>Slug<\/strong>, <strong>Archives Display<\/strong>, or <strong>Default Sort Order <\/strong>for terms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Custom Product Attributes<\/em><\/strong><\/h3>\n\n\n\n<p>As we discussed in the chapter <em>Adding Products to WooCommerce<\/em>, you will be managing custom product attributes exclusively at the product level.&nbsp;<\/p>\n\n\n\n<p>If you skipped this chapter, you can navigate back to learn how to work with <strong>custom product attributes<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Categories and Tags Categories and Tags in WooCommerce work exactly the same way they do for WordPress posts: Product Categories &#8230;<\/p>\n","protected":false},"author":106,"featured_media":62424,"comment_status":"open","ping_status":"closed","sticky":false,"template":"single-post-fa.php","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[126],"tags":[],"class_list":["post-64596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts\/64596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/comments?post=64596"}],"version-history":[{"count":2,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts\/64596\/revisions"}],"predecessor-version":[{"id":65119,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/posts\/64596\/revisions\/65119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/media\/62424"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/media?parent=64596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/categories?post=64596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/blog\/wp-json\/wp\/v2\/tags?post=64596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}