X-Cart forums

[grayloon]

I modified /skin1/modules/Product_Options/customer_options.tpl with the code below to display "Select an option..." in the product options select menu. How/where do I modify the javascript to require a selection before adding to the cart?

<select id="po{$v.classid}" name="{$poname}"{if $disable} disabled="disabled"{/if}{if $nojs ne 'Y'} onchange="javascript: check_options();"{/if}>
<option value="" selected="selected">Select an option...</option>
{foreach from=$v.options item=o}
    <option value="{$o.optionid}"{if $o.selected eq 'Y'}{/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 plain_text_message=1}{else}{$o.price_modifier}%{/if}){/if}</option>
{/foreach}
</select>

[balinor]

Not sure about the pro 4.1 version, but in 4.0.x it is done with validation scripts. Have a look at the manual which gives some examples.

[grayloon]

I checked the manual, and it appears to be product specific. My providers are going to be totally lost if I try to explain the necessity and procedure of adding javascript validation scripts for products with options. Anything easier I could do?

[balinor]

I just had X-Cart write me a global product option validation, but it was done for 4.0.18, so that won't help you in 4.1

[gfiebich]

Any chance you'd be willing to share that global validation script? I'm in need of that functionality for a 4.0.18 site.

thanks,
Glen

[balinor]

Yea, I've been meaning to post it in the Completed Custom Mods forum, but haven't had time to extract the custom code out. I may just post the revised files instead of the step by step code edits. I'll post here when I have added the thread.

[Dongan]

Originally Posted by balinor

Yea, I've been meaning to post it in the Completed Custom Mods forum, but haven't had time to extract the custom code out. I may just post the revised files instead of the step by step code edits. I'll post here when I have added the thread.

Hi Balinor,

Do you mind sharing it now?

[inebriate]

use DOM...

some pseudocode to get you started (for onsubmit of the add to cart button)

var selall = boolean(true);
var sel = document.getElementsByTagName("select");
for(i=0;i<sel.length;i++)
{
   if(sel[i].value == "")
   {
      selall = false;
      break;
   }
}
if(sellall)
   add to cart
else
   alert user that they need to select option(s)