posted on February 7, 2011 04:25:55 PM new
Hi,
The attributes drop down menu is not working for my webstore.An example of an item that should have but doesn't can bee seen here,
http://simplytoyz.com/item/pokemon-singles-supreme-victor/pokemon-claydol-supreme-victor/lid=9672990
This happens sometimes on stores that have been customized prior to when the variations became available, and we have asked our engineers to try to patch your existing store to enable the variations. Switching templates and re-applying your customizations would also enable the variations, but you have a lot done already so we'll try to patch what you have first.
It looks like your using a custom template design, and would want to ask your designer Frooition to apply these changes for you, rather than have us patch it as though it was one of our templates.
Here are the details they will need to know in order to setup support for variations:
1. copy /js/variations.js to /js (from existing template that has variation)
2. copy /utils/variations.html to /utils (from existing template that has variation)
3. include variations.js in /__head.html after cart.js:
<script type="text/javascript" src="js/variations.js"></script>
variations.html must be included after a call to get items (featured / category lists / item details) like this:
This will create a JS object containing the variation data that variations.js will use to render variations.
You can use the data in JS object to render the variations yourself or let variations.js do the job.
variations.js will render a dropdown with variations in all html elements with class vsbox_itemid.
So if there is an item with variations that has id 1234 the script will look for all html elements that have class vsbox_1234.
For price and thumbnail you will have to create html elements with class vsprice_1234 (span or div) and vsthumb_1234 (img)
when you choose something from dropdown the script will change content of element vsprice_1234 with the variation price
and src of vsthumb_1234 with variation image.
efine:itemspath="itemsinfo:/Storefront/ItemsInfo/Items/Item"/>