{"id":1148,"date":"2023-05-21T14:52:58","date_gmt":"2023-05-21T13:52:58","guid":{"rendered":"https:\/\/greatsite.dev\/makegreatsite\/docs\/online-store\/product-options\/"},"modified":"2023-05-21T14:56:53","modified_gmt":"2023-05-21T13:56:53","slug":"product-options","status":"publish","type":"docs","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/online-store\/product-options\/","title":{"rendered":"Product options"},"content":{"rendered":"\n

If you are selling products that have multiple variations (for example, T-shirts of different sizes, cups of different colors, etc.), you can set a specific option (i.e. parameter) for them and fill it with the available variants. This will add a drop-down list to the product page, through which users can select a specific variant of the presented product item.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Adding options and variants<\/h2>\n\n\n\n

To add an option and all available variants to a product, follow these steps:<\/p>\n\n\n\n

1. Go to the \u201cProduct options\u201d tab;<\/p>\n\n\n\n

2. Click on the “Add option” button. There are two types of product options you can add: standard (1) and custom (2). Standard options are the most popular ones and will be taken into consideration if you are going to use Facebook & Instagram Commerce Manager or Google Merchant Center sales channels.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. You can leave the name of the standard option or change it. Next, add the available variants (for example, Option – Size, Option variants – S, M, L, XL) and click \u201cAdd\u201d;<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

4. After adding, you will see two sections – the \u201cProduct options\u201d section (1), which will display all the options of the product item with possible variants, and the \u201cManage variants\u201d section (2), in which you can specify additional settings for each created option;<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Tip: <\/strong>You can change the name of any option by clicking on the “Pencil” icon opposite the corresponding option in the “Product options” section.<\/p>\n\n\n\n

Important: <\/strong>You can add several options (but no more than three) to each product. For example, for one product item, you can add two options – Size (S, M, L) and Color (blue and red). Thus, all available product variations will be created in the “Manage variants” section. If any variation does not exist (for example, there is no blue item in size S), you can remove it from the list.<\/p>\n\n\n\n

Variants management<\/h2>\n\n\n\n

The section \u201cManage Variants\u201d contains all the available variants. If more than one option has been added, the section will list all variations of the created variants. For example, if you add two options – Size (S, M, L) and Color (blue and red), you will get the following variations:<\/p>\n\n\n\n

    \n
  • S, Blue<\/li>\n\n\n\n
  • M, Blue<\/li>\n\n\n\n
  • L, Blue<\/li>\n\n\n\n
  • S, Red<\/li>\n\n\n\n
  • M, Red<\/li>\n\n\n\n
  • L, Red<\/li>\n<\/ul>\n\n\n\n

    With the help of mass actions, you can change availability statuses (1), set pictures (2) or delete multiple variants (3). This feature is especially helpful, if you want, for example, to update all the red sneakers you have in stock. There are several mass actions available:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    To edit a specific variation, click on the “Pencil” icon next to this variation in the “Manage variants” section. In the new window, you can set a photo (1), price (2), and SKU (4). If you choose to track the inventory of this variant (3), the availability status will dissapear. <\/p>\n\n\n\n


    Also, each variation will get an automatically generated product code (5), which can be used to find for this product on the site.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Tip: <\/strong>To quickly switch between options, you can use the right panel, which contains a list of all available options.<\/p>\n","protected":false},"featured_media":0,"parent":464,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1148","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":1,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1148\/revisions"}],"predecessor-version":[{"id":1156,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1148\/revisions\/1156"}],"up":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/464"}],"next":[{"title":"Creating product categories in the online store","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/online-store\/creating-product-categories-in-the-online-store\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1157"}],"prev":[{"title":"Activating shipment methods","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/online-store\/activating-shipment-methods\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1137"}],"wp:attachment":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/media?parent=1148"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/doc_tag?post=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}