Add Categorized Size

New Member
3 0 0

Hi, everyone, I'm new in Shopify and not publishing my site yet, and I want to ask, how to add Categorized Size in Products Page?
for example, when the customers choose 'AU' Size, it will show the number that belongs to 'AU' Size, and if customers choose 'UK'  Size, it will show the number that belongs to 'UK' Size. 
How to do that? 
Thank you!

0 Likes

hi @putradnata15 ,
There is no functionality to add specific value related to any variant option values on customer selection.
You need to perform this task using java-script to save all size number in an array , need to implement on-change event in variant option for size , if customer select size 'AU' then need to find number belong to selected size. Otherwise , you can change SIZE  values like 'AU'  to 'AU - 36' or 'AU(36)' or 'AU/36' . It will make sense for your clients.

Thanks

Kshitij | Shopify Expert @ Cedcommerce  
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog
0 Likes
New Member
3 0 0

Hi @ksh_verma, thank you for your reply!
Because there are many variants such as AU, UK, EU, US, I think cannot be written like that.
And by the way, Where to put the javascript array? Currently, I'm using Brooklyn Theme.

Thankyou

0 Likes
Shopify Expert
21 2 6

Hi @putradnata15 

It is possible with little bit Javascript/jQuery code plus some CSS and Liquid.
(If you are a developer or from tech background - you can try to code it).

As a solution - 
Display variant like this:
AU, UK, US, CN 
And by default display Size Number of AU (first variant).
And using jQuery click function on another variant -
Display Size Number of that Variant and hide other size numbers of other variants.

Initially - you need to hide all other Size Number that are not belongs to first variant.
Let me know - if you still need the help.

Regards

Want to modify or custom changes on store for affordable price?
Hire us - https://experts.shopify.com/mandasa-technologies
Website: http://www.mandasa.in/
Email: info@mandasa.in
If helpful then please Like and Accept Solution.
0 Likes
Highlighted
New Member
3 0 0

Hi @Ankit_R , thank you for your reply!
I'll try to code it, but by the way, where should i put the code? Because i'm not familiar yet with Shopify structure. Currently I'm using Brooklyn Theme.

Cheers

0 Likes
Shopify Expert
21 2 6

Hi @putradnata15 

If you are not familiar with Shopify structure then it will not be that easy for you.

Because this task will requirement a developer level expertise as you will have to edit Liquid, JQuery code on product detail page.
You have to update callback function of Variants in Javascript. 

You can take help from this thread : https://community.shopify.com/c/Shopify-Design/How-to-quot-Hook-quot-OptionSelectors-Callback-functi...

Want to modify or custom changes on store for affordable price?
Hire us - https://experts.shopify.com/mandasa-technologies
Website: http://www.mandasa.in/
Email: info@mandasa.in
If helpful then please Like and Accept Solution.
0 Likes