adding an image next to a component

[prosite]

As the title says

Has anyone got a method of adding a thumbnail picture next to a drop down component list?

Though it might be a good question here as it would enhance the on sell potential of products built with options.

Still trying to figure out a good way of doing this if I figure it out in the mean time I will post back.

Cheers.

[PaulGrimshaw]

Have you tried this? Not sure if its what you mean.

Dynamic Product Images

http://www.drillpine.biz/actinicstuff/index.html

Paul.

[prosite]

Hi,

Thanks for that but not what I mean, you would have something like

MainProdImage - Prod Text

ThumbOfOption1 - DropDownList of options

ThumbOfOption2 - DropDownList of options

ThumbOfOption3 - DropDownList of options

ThumbOfOption4 - DropDownList of options

Essentially each option is a product example is computer upgrade to larger monitor with a drop down option but you have a picture of the monitor next to the option.

[PaulGrimshaw]

Sorry, I don't use that but of actinic... on a cursury glance I noticed a html name option. Could you hard code an image in there? Not sure how that works.

[NormanRouxel]

Try the Advanced Guide. I posted a tweak that adds an image to each Choice. It wouldn't be hard to amend this to add an optional image to each Attribute instead.

[prosite]

Thanks Norman

Thanks norman, found a quick fix way in V8.

Obviously this can be styled as appropriate.

Edited layout code - 'Standard Drop Down Attribute' and inserted a new variable for calling the image file using a blank image as the default, use parent. Place of setting is attribute.

<table cellpadding="0" border="1" width="300">
<tr>
<td width="100">
<img src="<actinic:variable name="Insert optional image for dropdown" />"/>
</td>
<td width="200">
<span class="text_options"><Actinic:Variable Name="AttributeDisplayLabel"/></span>
<br />
<actinic:variable name="ChoiceList" value="Drop Down Choice List" />
</td>
</tr>
</table>
<actinic:variable name="AttributeSeparator" />

Cheers

Jez

[NormanRouxel]

Yes. That will do it. An alternative to having a default image would have been to put a Condition around the <img...> code to omit generating such code if the image variable was blank.

[prosite]

Yeah I was going to use a condition but I am still getting my head around them, do you have an idiots guide

Thanks Norman, hope you are keeping well btw.

[jmedinger]

Hi there

I've used the code from the AUG to display a product image next to a component for a product. (mildly modified from the 'image next to choice' code)

This is great but requires you to enter an image for each component on each product.
Is there any way of automating this dependant upon the selection of the component in the first place so that you don't have to select the image aswell - it just appears depending upon the component that you've selected?

Cheers

Jos

[leehack]

For the snip Norman charges for his addon to do this, i think anyone is crazy not to use it, it can be seen here, if you want to see it in action. Select different options and watch it change. Cheap, easy to install and a fantastic addition to any site.

Self installs in 2 minutes flat.

[jmedinger]

Lee

This is great but not quite what I wanted to do...

All I need is a mini image next to the checkbox for a component - it doesn't have to mess around with the main image or anything like that - just display a mini image.

I think Normans patch is the 'Dynamic Choice Images' one - although I don't know whether he's done a version for components...

Cheers

Jos

[NormanRouxel]

My Dynamic Choice Images patch usuyally swaps the main product image when the Choice is selected.

It also optionally allows you to have an additional image associated with the Attribute. If you do this it's the Attribute image that swaps as you alter the Choice.

I've not done a patch that adds an image next to a Component checkbox as it's too simple to dare to charge for. Just use the Advanced Guide article about adding images to Choices and adapt it to work with Components.

[jmedinger]

Norman,

that's what I've done already - adapted the AUG guide to work with a component rather than a choice.

My only issue is that this requires me to add an image manually for each component for each product.
If there's any way this can pull the image into be displayed automatically when you add a component that would be great...

Jos

[NormanRouxel]

I'm guessing that your Components refer to existing products. I can't see a way to pull in the image from that.

[Folk]

To resurect this... I would dearly love to add an image to component, ie lets say we sell a digital camera then an option would be to add a memory card, case or even a spare battery. Having a small image next to the component would vastly improve the look and feel.

Has anyone implemented this on a site that I could take a look at?