X-Cart forums

[mffowler]

A lot of XC users have used the first product option as "Select Size" or "Choose..." whatever variant text is used. But, this isn't necessary. If you would rather this appeared automatically in your drop downs, then simply modify:

/modules/Product_Options/customer_options.tpl

Find:

<SELECT id="po{$v.classid}" name="{$poname}"{if $disable} disabled{/if}{if $nojs ne 'Y'} onchange="javascript: check_options();"{/if}>
{foreach from=$v.options item=o}
<OPTION value="{$o.optionid}"{if $o.selected eq 'Y'} selected{/if}>{$o.option_name}{if $v.is_modifier eq 'Y' && $o.price_modifier ne 0} ({if $o.modifier_type ne '%'}{include file="currency.tpl" value=$o.price_modifier display_sign=1}{else}{$o.price_modifier}%{/if}){/if}</OPTION>
{/foreach}
</SELECT>

and add:

<option>Select {$v.classtext|default:$v.class}...</option>

on the line before {foreach from=$v.options item=o} so that it doesn't loop for each option.

That will display "Select (Option)..." where (Option) is your option text. No big deal, so you might add a javascript error so a customer must make some selections....

Add a javascript error for a couple dropdowns- one for size and the other for color perhaps? Just change the number (like 'po3') to reflect the option # found next to the option class in "product options".

Put this into the bottom text area of the "product Options" page of the respective product.

if (document.getElementById('po3').selectedIndex == 0)
{ alert('Please select a size for your item.'); return false;
}
if (document.getElementById('po4').selectedIndex == 0)
{ alert('Please select a color for your item.'); return false; 
}
else return true;

This is a 2-minute mod, but thought I'd share it nonetheless. I have worked many a site that uses the manual "Select..." text.

- Mike

[balinor]

Hey Mike...was just looking for this exact piece of JavaScript, as I used a similar mod on a couple of sites last month for the options. Where exactly are you putting the JS?

[mffowler]

Bottom of product options page. If you like, I can dig up a stack of others that I have written and tested for multiple dropdown errors...

- Mike

[balinor]

You mean customer_options.tpl? Tried that with no success....

[mffowler]

No, the javascript just goes in the javascript validation box at the bottom of a products "product options" when they have been created. That's the last text area of the product options, but only seen when/if a product has option.

- Mike

[balinor]

Ahhhhhh.....I was trying to over-complicate things

[jvleigh]

Would you mind posting a link to an example?

I'm having a hard time visualizing the result.

Thanks a bunch.

[balinor]

http://www.bellalucce.com/Silk-Honey-Lotion-pr-3.html

[jvleigh]

Thanks...Just what I needed.

[mffowler]

Padraic- Nice simplicity to your sites. I can see your top 5 third-party mods.... good work.

- Mike