Let’s say you have a product with several customizations of the same type which are dependent on the previous choices—e.g., a piece of clothing can come in different styles and colors (i.e. unique options) and have the same set of options in regards to sizes (i.e. the same type of customizations) for each of the possible variants of the said piece of clothing.
If you want your customer to be able to go through all the possible customizations without resetting their selected size choice, you can enable the ‘Sync Custom Options by Tag’ feature. You will also require this feature if you want each combination of choices to stand for specific SKU or a different price. For example, you have a white S-sized t-shirt, and this combination of choices ('white' and 'S') generates 'S_WHITE' SKU and a price of 10$, while the same white t-shirt with the size of M would now cost 15$ with 'M_WHITE' SKU.
This is how it works:
(notice how the size selection ‘L (10-12)’ stays the same regardless of the bridal wear)
Now let’s take a look at this product. It contains a custom option for Bridal wear and several custom options for the Sizes. Each Size customization has the same amount of choices, and the names of those choices are the same across the custom options as well. This condition is necessary for this feature to work properly. The Size custom options are dependent (i.e. shown or hidden) on the Bridal wear selection—in other words, each custom option for Sizes corresponds to each choice of Bridal wear.
Only one dropdown of Sizes is visible at a time, depending on which style of Bridal wear has been selected previously.
(preview mode. only one size custom option is visible depending on the style of the bridal wear)
The problem is, if a customer selects a Style and a Size, but then decides to change their selection of Style, a new custom option for Size will appear and the previously selected Size choice will reset.
(notice how the size choice ‘S (6-8)’ resets after we select the next style of bridal wear)
To make life a bit easier, you can avoid this by synchronizing Size options. Let’s see how we can do this.
First, click ‘Edit’ to access the custom option’s settings (Size’s settings, in our case) and scroll down to the ‘Sync Custom Options by Tag’ feature. Check the box, and a new field will appear.
(enabling the feature)
(a new field popped up)
Now, we need to come up with a name (a ‘tag’) for the custom options we want to be synchronized. It can be anything, but please note, tags must be the same for all the synchronized custom options. Each Step should have its own tag.
(we are using the word ‘size’ as a tag)
After that, repeat the process for the required custom options.
And you’re done! Now Size selections will not reset after changing the style of Bridal wear.
A few things to remember:
- choice names must be the same across the synced custom options,
- only one synchronized custom option should be visible at a time. It means that you will have to apply Logic to them in order to adjust their visibility. In our case, each custom option for Sizes is connected to its respective choice from custom option for Bridal wear,
- a tag must be the same for all custom options,
- each Step should have its own tag (e.g., use ‘size_1’ as a tag for the custom options in the first Step, ‘size_2’ for custom options in the second Step etc.),
- multiple tags per Step is a possibility as well, if you need to sync two different groups of custom options.