небольшая доработка скрипта(Связанные опции)

gameboy · 3 апр 2015

Привет всем.
Ребят,помогите пожалуйста немного подпилить скрипт(сам не особо силен в этом) в связанных опциях включен пошаговый выбор,когда загружается странца,опции выделены(input:checked) стоитвыбрать другую опцию,как у второй слетает checked,помогите сделать,чтобы у второй опции не слетал checked,а по-умолчанию выбиралась первая доступная опция.

пример:
есть связанные опции,цвет и размер:

белый(выбрана по-умолчанию) красный синий розовый(тут все опции доступны)

XL XXL(выбрана по-умолчанию) M S

Если выбрать другой цвет,то размер становится не активным,приходится кликнуть по нему,нужно чтобы по-умолчанию выбиралась первая доступная опция,как то так.

Спойлер скрипт(большой)

Код:

<script type="text/javascript">
         function clear_options() {
           options = $("input[type=radio][name^=option]:checked");
           for (i=0;i<options.length;i++) {
             options.checked = false;
           }
           options = $("select[name^=option]");
           for (i=0;i<options.length;i++) {
             options.value = '';
           }
           options = $("textarea[name^=option]");
           for (i=0;i<options.length;i++) {
             options.value = '';
           }
           options = $("input[type=text][name^=option]");
           for (i=0;i<options.length;i++) {
             options.value = '';
           }
           options = $("input[type=checkbox][name^=option]:checked");
           for (i=0;i<options.length;i++) {
             options.checked = false;
           }
           options = $("input[type=hidden][name^=option]");
           for (i=0;i<options.length;i++) {
             options.value = '';
           }
         
           options_values_access();
           set_block_options();
           set_journal2_options();
         }
       </script>
     
       <?php
       $this->load->model('module/related_options');
       if (   $this->model_module_related_options->installed() ) {
     
         if (isset($ro_array)) {
         
           ?>
           <script type="text/javascript">
         
           var hide_inaccessible = <?php if (isset($ro_settings['hide_inaccessible']) && $ro_settings['hide_inaccessible']) echo "true"; else echo "false"; ?>;
           var options_types = [];
           var variant_product_options = [];
           var ro_step_by_step = <?php if (isset($ro_settings['step_by_step']) && $ro_settings['step_by_step']) echo "true"; else echo "false"; ?>;
           var use_block_options = ($('a[id^=block-option]').length || $('a[id^=block-image-option]').length);
           var use_journal2 = ($('div[id^=option-]').find('li[data-value]').length);
         
           <?php
         
           if (isset($options) && is_array($options)) {
             foreach ($options as $option) {
               echo "options_types[".$option['product_option_id']."]='".$option['type']."';\n";
             }
           }
           if (isset($variant_product_options) && is_array($variant_product_options)) {
             foreach ($variant_product_options as $product_option_id) {
               echo "variant_product_options.push(".$product_option_id.");\n";
             }
           }
         
           if (isset($_GET['filter_name'])) {
             echo "var filter_name=\"".$_GET['filter_name']."\";";
           } elseif (isset($_GET['search'])) {
             echo "var filter_name=\"".$_GET['search']."\";";
           } else {
             echo "var filter_name = false;";
           }
         
           if ( count($ro_array) == 0) {
         
             echo "var ro_array = false;";
         
           } else {
         
             echo "var ro_array = {};";
         
             foreach ($ro_array as $relatedoptions_id => $relatedoptions_options) {
               echo "ro_array[".$relatedoptions_id."] = {};\n";
               foreach ($relatedoptions_options as $product_option_id => $product_option_value_id ) {
                 echo "ro_array[".$relatedoptions_id."][".$product_option_id."] = ".$product_option_value_id.";\n";
               }
             }
           }
         
           if ((isset($ro_settings['spec_price']) && $ro_settings['spec_price']) || (isset($ro_settings['spec_model']) && $ro_settings['spec_model'])) {
             echo "ro_prices = {};\n";
           } else {
             echo "ro_prices = false;\n"; 
           }
         
         
         
           if (isset($ro_settings['spec_price']) && $ro_settings['spec_price'] && isset($ro_prices) && is_array($ro_prices)) {
           
             foreach ($ro_prices as $relatedoptions_id => $ro_price) {
               echo "ro_prices[".$relatedoptions_id."] = {};\n";
               echo "ro_prices[".$relatedoptions_id."]['price'] = ".$ro_price['price'].";\n";
               if (isset($ro_price['discounts']) && is_array($ro_price['discounts']) ) {
                 echo "ro_prices[".$relatedoptions_id."]['discounts'] = [];\n";
                 foreach ($ro_price['discounts'] as $ro_discount)   {
                   echo "ro_prices[".$relatedoptions_id."]['discounts'].push({quantity: ".$ro_discount['quantity'].", price: ".$ro_discount['price']."});\n";
                 }
               } else {
                 echo "ro_prices[".$relatedoptions_id."]['discounts'] = false;\n";
               }
             }
         
           }
         
           if (isset($ro_settings['spec_model']) && $ro_settings['spec_model'] && isset($ro_prices) && is_array($ro_prices)) {
             foreach ($ro_prices as $relatedoptions_id => $ro_price) {
               if (!isset($ro_settings['spec_price']) || !$ro_settings['spec_price']) {
               // Не было цен, инициализируем объект
                 echo "ro_prices[".$relatedoptions_id."] = {};\n";
               }
               echo "ro_prices[".$relatedoptions_id."]['model'] = \"".$ro_price['model']."\";\n";
             }
           }
         
           if (isset($ro_default)) {
             if ($ro_default === FALSE) {
               echo "var ro_default = false;\n";
             } else {
               echo "var ro_default = ".(int)$ro_default.";\n";
             }
           }
         
           ?>
         
           var all_select_ov = {};
           $("select[name^=option\\[]").each( function (si, sel_elem) {
             all_select_ov[sel_elem.name] = [];
           
             $.each(sel_elem.options, function (oi, op_elem) {
               all_select_ov[sel_elem.name].push(op_elem.value);
             });
           
           } );
         
           
         
         
           (function ($) {
             $.fn.toggleOption = function (value, show) {
               /// <summary>Show or hide the desired option</summary>
               return this.filter('select').each(function () {
                 var select = $(this);
                 if (typeof show === 'undefined') {
                   show = select.find('option[value="' + value + '"]').length == 0;
                 }
                 if (show) {
                   select.showOption(value);
                 }
                 else {
                   select.hideOption(value);
                 }
               });
             };
             $.fn.showOption = function (value) {
               /// <summary>Show the desired option in the location it was in when hideOption was first used</summary>
               return this.filter('select').each(function () {
                 var select = $(this);
                 var found = select.find('option[value="' + value + '"]').length != 0;
                 if (found) return; // already there
         
                 var info = select.data('opt' + value);
                 if (!info) return; // abort... hideOption has not been used yet
         
                 var targetIndex = info.data('i');
                 var options = select.find('option');
                 var lastIndex = options.length - 1;
                 if (lastIndex == -1) {
                   select.prepend(info);
                 }
                 else {
                   options.each(function (i, e) {
                     var opt = $(e);
                     if (opt.data('i') > targetIndex) {
                       opt.before(info);
                       return false;
                     }
                     else if (i == lastIndex) {
                       opt.after(info);
                       return false;
                     }
                   });
                 }
                 return;
               });
             };
             $.fn.hideOption = function (value) {
               /// <summary>Hide the desired option, but remember where it was to be able to put it back where it was</summary>
               return this.filter('select').each(function () {
                 var select = $(this);
                 var opt = select.find('option[value="' + value + '"]').eq(0);
                 if (!opt.length) return;
         
                 if (!select.data('optionsModified')) {
                   // remember the order
                   select.find('option').each(function (i, e) {
                     $(e).data('i', i);
                   });
                   select.data('optionsModified', true);
                 }
         
                 select.data('opt' + value, opt.detach());
                 return;
               });
             };
           })(jQuery);         
         
           function get_main_price(main_price) {
         
             if (ro_prices) {
               ro_id = get_current_ro_id(get_options_values([]));
               if (ro_id != -1 && (ro_id in ro_prices)) {
                 if (ro_prices[ro_id]['price'] != 0) {
                   return ro_prices[ro_id]['price'];
                 }
               }
             }
             return main_price;
           }
         
           function stock_control(add_to_cart) {
         
             <?php  if (!isset($ro_settings['stock_control']) || !$ro_settings['stock_control']) { ?>
             if (add_to_cart) {
               $('#button-cart').attr('allow_add_to_cart','allow_add_to_cart');
               $('#button-cart').click();
             }
             return;
             <?php } ?>
         
             var erros_msg = '<?php echo $entry_stock_control_error; ?>';
           
             var options_values = get_options_values([]);
             var roid = get_current_ro_id(options_values);
           
             $('.success, .warning').remove();
           
             if (roid!=-1) {
           
               $.ajax({
                   url: '<?php echo HTTP_SERVER; ?>index.php?route=module/related_options/get_to_free_quantity&roid='+roid,
                   dataType : "text",  // тип загружаемых данных
                   success: function (data) { // вешаем свой обработчик на функцию success
                   
                     if (parseInt(data) < parseInt( $('input[type=text][name=quantity]').val() )) {
                       $('.success, .warning').remove();
                       $('div.product-info').find('div[class=cart]').after('<div class="warning">'+erros_msg.replace('%s',parseInt(data))+'</div>');
                     
                     } else {
                                         
                       if (add_to_cart) {
                         $('#button-cart').attr('allow_add_to_cart','allow_add_to_cart');
                         $('#button-cart').click();
                       }
                     }
                   }
               });
             } else { // не определили связанную опцию - пусть срабатывает стандартный алгоритм 
               if (add_to_cart) {
                 $('#button-cart').attr('allow_add_to_cart','allow_add_to_cart');
                 $('#button-cart').click();
               }
           
             }
           
           }
         
           function get_current_ro_id(options_values) {
             var all_ok;
             for(var ro_key in ro_array) {
               all_ok = true;
               for(var ov_key in ro_array[ro_key]) {
                 if (!(ov_key in options_values && options_values[ov_key]==ro_array[ro_key][ov_key])) {
                   all_ok = false;
                 }
               }
               if (all_ok) return ro_key;
             }
             return -1;
           }
         
         
           function option_values_access(options_values, option_id) {
           
           
             accessible_values = [];
           
             for(var ro_key in ro_array) {
             
               all_ok = true;
               for(var ov_key in options_values) {
                 if (ov_key != option_id) {
                   if (options_values[ov_key]) {
                     if (ro_array[ro_key][ov_key] != options_values[ov_key]) {
                       all_ok = false;
                     }
                   }
                 }
               }
             
               if (all_ok &&  ($.inArray(ro_array[ro_key][option_id], accessible_values) == -1 )) accessible_values.push(ro_array[ro_key][option_id]);
             
             }
           
             set_accessible_values(option_id, accessible_values);
           
           }
         
           function set_accessible_values(option_id, accessible_values) {
         
             var current_value = ($('input[type=radio][name=option\\['+option_id+'\\]]:checked').val() || $('select[name=option\\['+option_id+'\\]]').val());
         
             if ($("select[name=option\\["+option_id+"\\]]").length) {
             //if (options_types[option_id] == 'select' || (use_block_options && options_types[option_id] == 'radio')) {
           
               if (current_value && $.inArray(parseInt(current_value), accessible_values)==-1) {
                 $("select[name=option\\["+option_id+"\\]]").val("");
               }
             
               if (hide_inaccessible) {
             
                 select_options = all_select_ov["option["+option_id+"]"];
                 for (var i=0;i<select_options.length;i++) {
                   if (select_options) {
                     option_value_disabled = ($.inArray(parseInt(select_options),accessible_values) == -1);
                     // hiding options for IE
                     $("select[name=option\\["+option_id+"\\]]").toggleOption(parseInt(select_options), !option_value_disabled);
                     //$("select[name=option\\["+option_id+"\\]]").find('option[value='+parseInt(select_options)+']').toggle(!option_value_disabled);
                   
                   }
                 }
               
               } else {
             
                 select_options = $("select[name=option\\["+option_id+"\\]]")[0].options;
                 for (var i=0;i<select_options.length;i++) {
                   if (select_options.value) {
                     option_value_disabled = ($.inArray(parseInt(select_options.value),accessible_values) == -1);
                     select_options.disabled = option_value_disabled;
                   }
                 }
               
               }
             
             } else if ($("input[type=radio][name=option\\["+option_id+"\\]]").length) { 
             //} else if (options_types[option_id] == 'radio' || options_types[option_id] == 'image') { 
             
               if (current_value && $.inArray(parseInt(current_value), accessible_values)==-1) {
                 $("input[type=radio][name=option\\["+option_id+"\\]]:checked")[0].checked=false;
               }
             
               radio_options = $("input[type=radio][name=option\\["+option_id+"\\]]");
               for (var i=0;i<radio_options.length;i++) {
                 option_value_disabled = ($.inArray(parseInt(radio_options.value),accessible_values) == -1);
               
                 if (hide_inaccessible) {
                   $("#option-value-"+radio_options+"").toggle(!option_value_disabled);
                   //radio_options.hidden = option_value_disabled;
                   $("label[for=option-value-"+radio_options.value+"]").toggle(!option_value_disabled);
                 
                   var radio_next_br = $("label[for=option-value-"+radio_options.value+"]").next();
                   if (radio_next_br.length && radio_next_br[0].tagName == "BR") {
                     $(radio_next_br[0]).toggle(!option_value_disabled);
                   }
                 
                 } else {
                   radio_options.disabled = option_value_disabled; 
                   $("label[for=option-value-"+radio_options[i].value+"]").attr('class', 'stock-'+!option_value_disabled);
                 
                 }
               }
             
             
             
             }
         
           }
         
           function get_options_values(options_keys) {
             var options_values = {};
           
             for (var i=0;i<$("select[name^=option]").length;i++) {
           
               option_id = parseInt( $("select[name^=option]")[i].name.substr(7,$("select[name^=option]")[i].name.length-8) );
               if ($.inArray(option_id,variant_product_options) != -1) {
                 options_values[option_id] = $("select[name^=option]")[i].value;
                 options_keys.push(option_id);
               }
             }
           
             // сначала все радио
             for (var i=0;i<$("input[type=radio][name^=option]").length;i++) {
           
               option_id = parseInt( $("input[type=radio][name^=option]")[i].name.substr(7,$("input[type=radio][name^=option]")[i].name.length-8) );
               if ($.inArray(option_id,variant_product_options) != -1) {
                 $('.option label').removeClass('checked');
                 options_values[option_id] = 0;
                 if ($.inArray(option_id,options_keys) == -1) {
                   options_keys.push(option_id);
                 }
               }
             }
           
             // затем только выбранные
             for (var i=0;i<$("input[type=radio][name^=option]:checked").length;i++) {
               option_id = parseInt( $("input[type=radio][name^=option]:checked")[i].name.substr(7,$("input[type=radio][name^=option]:checked")[i].name.length-8) );
               if ($.inArray(option_id,variant_product_options) != -1) {
                 options_values[option_id] = $("input[type=radio][name^=option]:checked")[i].value;
       
                 $("label[for=option-value-"+options_values[option_id]+"]").attr('class','checked');
               }
             }
           
             return options_values;
           }
         
           // автовыбор корректных начальных значений опций, если уже выбраны какие-то значения
           function use_first_values(set_anyway) {
           
             var options_values = get_options_values([]);
           
             var has_selected = false;
             for (var optkey in options_values) {
               if (options_values[optkey]) {
                 has_selected = true;
                 break;
               }
             }
           
             if ((has_selected || set_anyway) && ro_array && Object.keys(ro_array).length > 0) {
               ro_key = Object.keys(ro_array)[0];
               setSelectedRO(ro_key);
             }
           
           }
         
           function setSelectedRO(ro_key) {
         
             if (ro_array && ro_array[ro_key]) {
             
               var last_opt_id = "";
               for (var opt_id in ro_array[ro_key]) {
               
                 if ($('select[name=option\\['+opt_id+'\\]]').length > 0) {
                   $('[name=option\\['+opt_id+'\\]]').val(ro_array[ro_key][opt_id]);
                 } else if ($('input[type=radio][name=option\\['+opt_id+'\\]]').length > 0) {
                   $('input[type=radio][name=option\\['+opt_id+'\\]][value='+ro_array[ro_key][opt_id]+']').prop('checked', true);
                 }
               
                 last_opt_id = opt_id;
             
               }
             
               if (last_opt_id != "") {
                 if ($('select[name=option\\['+last_opt_id+'\\]]').length > 0) {
                   $('[name=option\\['+last_opt_id+'\\]]').change();
                 } else if ($('input[type=radio][name=option\\['+last_opt_id+'\\]]').length > 0) {
                   $('input[type=radio][name=option\\['+last_opt_id+'\\]][value='+ro_array[ro_key][last_opt_id]+']').change();
                 }
               }
             
             }
             set_block_options();
             set_journal2_options();
           }
         
         
           // для пошагового варианта
           function get_options_steps() {
             var options_steps = [];
             var product_option_id = "";
           
             for (var i=0;i<$('[name^=option\\[]').length;i++) {
             
               product_option_id = $('[name^=option\\[]')[i].name.substr(7, $('[name^=option\\[]')[i].name.length-8);
               if (!isNaN(product_option_id)) product_option_id = parseInt(product_option_id);
               if ($.inArray(product_option_id, variant_product_options) != -1) {
                 if ($.inArray(product_option_id, options_steps) == -1) {
                   options_steps.push(product_option_id);
                 
                 }
               }
             }
           
             return options_steps;
           }
         
           function options_values_access() {
           
             if (!ro_array) return;
           
             if (ro_step_by_step) {
           
               var options_steps = get_options_steps();
               var prev_options_values = {};
               var prev_options = [];
             
               for (var i=0;i<options_steps.length;i++) {
                 if (i>0) {
                   if (prev_options[i-1]) {
                     // ограничения по предыдущим
                     option_values_access(prev_options_values, options_steps[i]);
                   
                   } else {
                     // откл все
                     set_accessible_values(options_steps[i], []);
                   }
                 }
                 prev_options.push( ($('input[type=radio][name=option\\['+options_steps[i]+'\\]]:checked').val() || $('select[name=option\\['+options_steps[i]+'\\]]').val()) );
                 prev_options_values[options_steps[i]] = prev_options[prev_options.length-1];
               }
           
             } else {
           
               var options_keys = [];
               var options_values = get_options_values(options_keys);
               for (var i=0;i<options_keys.length;i++) {
                 option_values_access(options_values, options_keys[i]);
               }
             
             }
           
             stock_control(0);
           
             <?php
             if (isset($ro_settings['spec_model']) && $ro_settings['spec_model']) {
             ?>
             set_model();
             <?php
             }
             ?>
           
             check_block_options();
           
           }
         
           function set_model() {
           
             var options_values = get_options_values([]);
             var roid = get_current_ro_id(options_values);
           
             if (roid!=-1 && ro_prices[roid]['model']!='') {
               $('#product_model').html(ro_prices[roid]['model']);
             
             } else {
               $('#product_model').html("<?php echo $model; ?>");
             }
           }
         
         
           function setRObyModel(model) {
             if (model && ro_array && ro_prices) {
           
               for (var ro_key in ro_prices) {
             
                 if (ro_prices[ro_key]['model'] && ro_prices[ro_key]['model'] != '') {
                   if (model.toLowerCase() == ro_prices[ro_key]['model'].toLowerCase()) {
                     setSelectedRO(ro_key);
                     return true;
                   }
                 }
               }
             }
             return false;
           }
         
           // Block Option compatibility
           function check_block_options() {
       
             if (use_block_options || use_journal2) {
             
               var available_values = [];
             
               // block options use SELECTs for select & radio
               $('select[name^=option\\[]').find('option').each( function () {
               
                 if ($(this).val()) {
                   if (hide_inaccessible) {
                     available_values.push( $(this).val() );
                   } else {
                     if (! $(this).attr('disabled')) {
                       available_values.push( $(this).val() );
                     }
                   }
                 }
               
               });
             
               // block options use RADIOs for images
               $('input[type=radio][name^=option\\[]').each( function () {
               
                 if (hide_inaccessible) {
                   if ($(this)[0].style.display != 'none') {
                     available_values.push( $(this).val() );
                   }
                 } else {
                   if (!$(this).attr('disabled')) {
                     available_values.push( $(this).val() );
                   }
                 }
               
               });
             
               // Product Block Option Module
               if (use_block_options) {
                 //console.debug(available_values);
                 $('a[id^=block-option],a[id^=block-image-option]').each( function () {
                   //console.debug($(this).attr('option-value'));
                   if ($.inArray($(this).attr('option-value'), available_values) == -1) {
                     $(this).removeClass('block-active');
                     if (hide_inaccessible) {
                       $(this).hide();
                     } else {
                       $(this).attr('disabled', true);
                       $(this).fadeTo("fast", 0.2);
                     }
                   } else {
                     if (hide_inaccessible) {
                       $(this).show();
                     } else {
                       $(this).attr('disabled', false);
                       $(this).fadeTo("fast", 1);
                     }
                   }
                 
                 } );
               }
             
               // Journal2
               if (use_journal2) {
                 $('div[id^=option-]').find('li[data-value]').each(function() {
                   if ($.inArray($(this).attr('data-value'), available_values) == -1) {
                     $(this).removeClass('selected');
                     if (hide_inaccessible) {
                       $(this).hide();
                     } else {
                       $(this).attr('disabled', true);
                       $(this).fadeTo("fast", 0.2);
                     }
                   } else {
                     if (hide_inaccessible) {
                       $(this).show();
                     } else {
                       $(this).attr('disabled', false);
                       $(this).fadeTo("fast", 1);
                     }
                   }
                 
                   // change standart Journal2 function
                   $(this).unbind('click');
                   $(this).click(function () {
                     if ($(this).attr('disabled')) {
                       return;
                     }
                     $(this).siblings().removeClass('selected');
                     $(this).addClass('selected');
                     $(this).parent().siblings('select').find('option[value=' + $(this).attr('data-value') + ']').attr('selected', 'selected');
                     $(this).parent().siblings('select').trigger('change');
                   });
                 
                 
                 });
               
               }
             
             }
           
           }
         
           // Block Option compatibility
           function set_block_options() {
           
             if (use_block_options) {
             
               $('select[name^=option\\[]').find('option').each( function () {
                 var poid = $(this).parent().attr('name').substr(7, $(this).parent().attr('name').length-8);
               
                 // выключаем все блоки для SELECT
                 $('div[id=option-'+poid+']').find('a[id^=block-]').removeClass('block-active');
               
                 if ($(this).parent().val()) {
                   $('div[id=option-'+poid+']').find('a[id^=block-][option-value='+$(this).parent().val()+']').addClass('block-active');
                 }
               
               });
             
               // block options use RADIOs for images
               $('input[type=radio][name^=option\\[]').each( function () {
                 var poid = $(this).attr('name').substr(7, $(this).attr('name').length-8);
               
                 // выключаем только текущий блок для RADIO
                 $('div[id=option-'+poid+']').find('a[id^=block-][option-value='+$(this).val()+']').removeClass('block-active');
               
                 if ($(this).is(':checked')) {
                   $('div[id=option-'+poid+']').find('a[id^=block-][option-value='+$(this).val()+']').addClass('block-active');
                 }
               
               });
             
             }
           
           }
         
           // Journal2 compatibility
           function set_journal2_options() {
           
             if (use_journal2) {
             
               $('select[name^=option\\[]').find('option').each( function () {
                 var poid = $(this).parent().attr('name').substr(7, $(this).parent().attr('name').length-8);
               
                 // выключаем все блоки для SELECT
                 $('div[id=option-'+poid+']').find('li[data-value]').removeClass('selected');
               
                 if ($(this).parent().val()) {
                   $('div[id=option-'+poid+']').find('li[data-value='+$(this).parent().val()+']').addClass('selected');
                 }
               
               });
             
               // block options use RADIOs for images
               $('input[type=radio][name^=option\\[]').each( function () {
                 var poid = $(this).attr('name').substr(7, $(this).attr('name').length-8);
               
                 // выключаем только текущий блок для RADIO
                 $('div[id=option-'+poid+']').find('li[data-value]').removeClass('selected');
                               
                 if ($(this).is(':checked')) {
                   $('div[id=option-'+poid+']').find('li[data-value='+$(this).val()+']').addClass('selected');
                 }
               
               });
             
             }
           
           }
         
         
           $("select[name^=option]").each(function (i) {
             $(this).change(function(){
               options_values_access();
             })
           })
         
           $("input[type=radio][name^=option]").each(function (i) {
             $(this).change(function(){
               options_values_access();
             })
           })
         
           $("input[type=text][name=quantity]").each(function (i) {
             $(this).change(function(){
               stock_control(0);
             })
           })
         
           // если задан фильтр и он совпадает с моделью из связанных опций - должно быть выбрано именно это сочетание
           if (!setRObyModel(filter_name)) { // нет по фильтру, или нет самого фильтра, тогда...
             // если при открытии выбрана опция - надо перевыбрать доступное сочетание
             if (ro_default !== false) {
               setSelectedRO(ro_default);
             }
           }
         
         
         
           options_values_access();
         
         
           </script>
           <?php
         
         }
     
       ?>
     

     
       <?php } ?>

<!-- >> Related Options / Связанные опции -->





  </div></div>
<script type="text/javascript"><!--
$(document).ready(function() {
   $('.colorbox').colorbox({
     overlayClose: true,
     opacity: 0.5,
     rel: "colorbox"
   });
});
//--></script>
<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
 
   // Related Options / Связанные опции <<
   <?php
     $this->load->model('module/related_options');
     $need_to_replace = FALSE;
     if ( $this->model_module_related_options->installed() ) {
       $ro_settings = $this->config->get('related_options');
       if (isset($ro_settings['stock_control']) && $ro_settings['stock_control'] && $this->model_module_related_options->get_product_related_options_use($product_id)) {
       $need_to_replace = TRUE;
       }
     }
     if ($need_to_replace) {
   ?>
 
     if (!$('#button-cart').attr('allow_add_to_cart')) {
       stock_control(1);
       return;
     }
     $('#button-cart').attr('allow_add_to_cart','');
   
   <?php
     } else {
   ?>
 
   
   <?php
     }
   ?>
     
// >> Related Options / Связанные опции
 
   $.ajax({
     url: 'index.php?route=checkout/cart/add',
     type: 'post',
     data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
     dataType: 'json',
     success: function(json) {
       $('.success, .warning, .attention, information, .error').remove();
     
       if (json['error']) {
         if (json['error']['option']) {
           for (i in json['error']['option']) {
             $('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
           }
         }
       }
     
       if (json['success']) {
         $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
         
         $('.success').fadeIn('slow');
         
         $('#cart-total').html(json['total']);
       
         $('html, body').animate({ scrollTop: 0 }, 'slow');
       } 
     }
   });
});
//--></script>
<?php if ($options) { ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/ajaxupload.js"></script>
<?php foreach ($options as $option) { ?>
<?php if ($option['type'] == 'file') { ?>
<script type="text/javascript"><!--
new AjaxUpload('#button-option-<?php echo $option['product_option_id']; ?>', {
   action: 'index.php?route=product/product/upload',
   name: 'file',
   autoSubmit: true,
   responseType: 'json',
   onSubmit: function(file, extension) {
     $('#button-option-<?php echo $option['product_option_id']; ?>').after('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="padding-left: 5px;" />');
     $('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', true);
   },
   onComplete: function(file, json) {
     $('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', false);
   
     $('.error').remove();
   
     if (json['success']) {
       alert(json['success']);
     
       $('input[name=\'option[<?php echo $option['product_option_id']; ?>]\']').attr('value', json['file']);
     }
   
     if (json['error']) {
       $('#option-<?php echo $option['product_option_id']; ?>').after('<span class="error">' + json['error'] + '</span>');
     }
   
     $('.loading').remove(); 
   }
});
//--></script>

небольшая доработка скрипта(Связанные опции)

gameboy