Change Images when selecting from drop-down attributes

[sfreeman]

Hi all! Pointed in this direction by Darren at Actinic, so hoping you guys can help me out!

Our client is selling, amongst other things, clothing and apparel. Say the default image for their fleece jacket is blue, but there are options for green, grey and black. Is there a way of adding a javascript to the drop-down menu of attributes so that when green, grey or black is selected from the drop-down menu, the image changes to the corresponding coloured model without jipping up the shop functionality?

I imagine it's possible.. but I also have no idea which template controls that function or whether I'd have to alter the page with those options directly rather than changing the template.

The page I need to use this on is viewable at http://www.dartmoor-npa.gov.uk/acata..._Clothing.html

Any help you guys could give would be greatly appreciated!

Sam

[triggerhippie]

Hi,

Ok sounds to complex a method the way you suggest, personaly I would get the images changed e.g

same size as is on the site but split into 4 quadrants as an example say the tiop left shows the jacket on the model in one colour and the other colours of jacket (on its own without the model if this is easier) in the other 'quadrants' of the image - this way there is no hard coding or script / template changes but the client can see the colours that are refered to.

Obviously if you have more options than 4 - then I would go down the route of adding in visual examples in a 'montage' in a similar way but for the Pop-up image if you click on the 'thumbnail' and state that this is the case say in the product title or description somehwere - or embed the text to click to view options on the image

Hope this helps you make things easier IMHO

[sfreeman]

hiya

thanks for the reply! I'd already considered the simple embedded link to a page of option examples, but they're quite adamant about wanting it in this format! I've got the script that'll do the job, it's just a question of which template do I edit and will it mess up the actinic code at all.

[triggerhippie]

forgot to mention to look through the getting started or is it the advanced users guide from the actinic web site to see how to do a popup image - fairly easy once you see how.

The idea being you have a smaller 'thumbnail' image in the product lines as you have currently and the a larger ,bigger image load when you click on the 'thumbnail'

[NormanRouxel]

Another way to do what you want is to make some small images for each colourway, use Radio Buttons for each colour and then in the Choices dialogue in the "HTML for Name" field put:-

i.e for a Red choice "<img src=redversion.jpg>Red<br>"
and for Blue "<img src=blueversion.jpg>Red<br>"

This way you get a image for each radio button as well as it's corresponding descriptive text. You can still have the big main image as usual.

Norman

p.s. Look at www.snowlines.co.uk and you'll see a similar way of doing this. We also carry the selected images through to the shopping cart so that the customer is visually reminded of exactly what colourway is in the cart.

[sfreeman]

Oooh! Got another question for you, Norman!

On your site you've got videos, which are obviously VATable... but the price displayed is obviously VAT inclusive... and when you go to checkout, the amount of VAT applied is shown on the table along with the net total above. Where's the setting for this in Actinic? Cos on our site we've a mixture of VATable and VAT exempt products and our VATables are displaying the inclusive price and adding VAT later!

Many eternal thanks in advance!!

[NormanRouxel]

I'm away from an Actinic system for the next few days so can't help much at the moment. We import everything daily so we override any Actinic settings. We have some zero Vat items and mark them so in the import.

Norman

[Ravon]

hi,

can anyone please point me into the direction of a site that has the main image change when a different choice is selected. I remember a site that has this but can't remember the url.

thanks

[NormanRouxel]

I did that patch. Someone who's using it is

http://www.theprostore.co.uk/the_pro...nglasses.shtml

The thread for the patch is http://community.actinic.com/showthr...&threadid=4695 read the thread from the end and take the last posted attachment from me as that will be the most recent version.

Norman

[Ravon]

thanks Norman, as always

[NormanRouxel]

Glad to help. I was really pleased with that tweak as it is very visually appealing.

However, watch out for page load times if you use this technique as all those little icons are actually the full-sized images, scaled down at the browser to icon size.

This means that they're already available to show full-size when the user clicks them but could lead to a lot of data coming down the wire if you have lots of choices.

Norman

[shiver]

Bad news the Pro store has closed shame.

Is there anymore examples on other sites.

[garyhay]

You could mean this http://www.myfamilyname.org.uk/acata...me_Scroll.html

Which works the other way changing the attribute when the movie is clicked