Product Group
Show set of products as swatch on the product page
Last updated
Show set of products as swatch on the product page
Last updated
The product Group feature allows you to display a set of products in the form of swatches on the product page.
In this article, we will explain how to use the product group feature and guide you through the setup process.
Let’s understand the product group creation and working functionality with an example, we have an collection of products
You can choose any products to create group
In the App, go to Product Group → Group List → and click on “Create a group” on the top right side and follow below steps:
After clicking on the "Create a group" button a wizard will open with certain steps to create a group with the required details.
In this section, you are required to fill the details as shown in the image below:
Group Name – A unique name for the group to identify the groups in the group list
Option Name – A custom option name for the group which will be shown on the product page as the label of the group.
In this step, you need to add all the products you want to group
For adding the products, simply search for their names in the “Select Products” field and click to add them.
we added all product shown in the first image for creating the group.
After adding products, you will get the options within the group for updating the following details:
Priority: change the position
Product Display Name: Display name will be show on the online store as option value of selected variant (product)
Delete product:
In this step, you can update the position of the widget on your product page.
Two options are available in this step for display positions: –
Above the product option: it will show the product group just above the default variant options.
Below the product option: it will show the product group just below the default variant options.
Click on "Save" button
Now the Product Group is ready for use with the ‘Default’ template
If you want to change the appearance of the ‘Product group swatches’, you can choose the swatch style and type as per your need in the ‘Swatch Configuration’ option.
Go to Product Group → Settings → and click on Toggle button enable the "Show Product Groups on the Product Page"
In the "Name" column of the Groups list, you can see the number of products associated with this option. (for example: "7 products")
Click on that text and you will see the list of products. Continue and click on the Eye icon (to see Product in Online store) or the External icon (to see Product in Shopify Admin) to check for the result.
In the store, on the product page, the product group swatches will be displayed as shown in the image below:
With this feature, you can easily extend Shopify’s 100-variant limit by grouping together similar products.
With this feature, you can display additional products as swatches with the associated product.
If you face any difficulty please contact us at help@spicegems.com