IWIK : I Wish I Knew
Table of content
Custom variant size selector
Configuration
Liquid template markup
Basic styling
Proper behavi...
For further actions, you may consider blocking this person and/or reporting abuse
Hi Stephen, for some reason when I embed the code does not do not seem to work
Hi, can you provide more details or a link to a gist/repo about what doesn't work ?
yes, here you go gist.github.com/longdasian/d2963e4...
Will really appreciate your help!
I looked into your liquid code (tested in a demo store) and it works so this part is sure, let's check the CSS and JS part !
Can you then check your theme.js file against this gist (gist.github.com/stephenrichard/f88...) which is the article implementation on a debut theme.
Let me know your progress or provide your theme.js if you can't find a solution.
I also embedded the CSS code into theme.css and it still shows up like this
docs.google.com/document/d/14MWox5...
Unfortunately I can't do much without seeing some code. Can you share the url of your shop so I can look up the css and js ? Feel free to contact me here : stephen.richard44@gmail.com if you want to share code or urls.
ok i am going to email you
Any insight how to do this but display a thumbnail image instead of ‘small, medium, large’? For example if you had color variants with images attached to each variant how could you access these and use them as the selectors? Thansk!
Hello, I know it might be too late for you but I updated the article with another example of custom variant with images.
Feel free to read it if you are still interested and thank you for asking. I hope it can be useful for future readers.
This is such a good tutorial. I have used this a couple of times now to add colour swatches and size options to products and it works really well!