X-Cart forums

[Mr Bob]

Currently one of my option selects outputs this code:

<select id="po23758" name="product_options[23758]" onchange="javascript: check_options();">
<option value="102253">Designer's Pick</option>
<option value="102254">Sand</option>
<option value="102255">Amethyst</option>
<option value="102256">Smooth Grey</option>
<option value="102257">Teal</option>
<option value="102258">Red Enamel</option>
<option value="102259">Blue Enamel</option>
</select>

I want to change that, so it outputs this instead:

[img]/skin1/img/content/backgrounds/Default_Swatch.jpg[/img]</td>
<select onchange="if(document.images) document.images['ImageSample'].src='/skin1/img/content/backgrounds/'+this.options[this.selectedIndex].value+'.jpg';">
<option value="102253">Designer's Pick</option>
<option value="102254">Sand</option>
<option value="102255">Amethyst</option>
<option value="102256">Smooth Grey</option>
<option value="102257">Teal</option>
<option value="102258">Red Enamel</option>
<option value="102259">Blue Enamel</option>
</select>

Basically, whenever you modify your option, it will show a small preview of the image.

Is this easily possible?

[balinor]

People have been asking for this forever. If you have looked at 4.1 beta, you'll notice that options have images built in, finally.

[shan]

theres a few mods for this in the custom mods forum too

[Mr Bob]

I've searched for posts regarding the modification of the option select element, but found nothing.

My exact search phrase was "option and select". What else would someone call this?

I haven't looked at the Beta version yet, but plan to do so. I wouldn't ever want to use it on a live site, so it is kind of useless to me right now.