Помощь Options Dependent on Another Option как включить пошаговый выбор

Тема в разделе "Opencart", создана пользователем Amazko, 9 дек 2014.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. Amazko

    Amazko #АдминОтпиши

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    571
    Симпатии:
    311
    Conditional Options - Options Dependent on Another Option
    как включит ьв етих опциях пошаговый выбор так как на демо? тоесть показываеться тока перавая поция а все остальные спрятаны?
    в настройках модуля вообще нет таких опций.
     
  2. unfume

    unfume Редиска

    Регистр.:
    20 янв 2014
    Сообщения:
    519
    Симпатии:
    206
    Этот мод не скрывает опций, пиши условие чтоб они появлялись
     
  3. Amazko

    Amazko #АдминОтпиши

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    571
    Симпатии:
    311
    ну так на демо видно что они показываютсяь по очереди, и можно пример условия как это реализовать?
     
  4. kerkega

    kerkega Писатель

    Регистр.:
    11 май 2014
    Сообщения:
    5
    Симпатии:
    0
    Мне бы модуль сам пощупать.
     
  5. madmaximus85

    madmaximus85 Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    98
    Симпатии:
    51
    +1 нужен архив с самим модулем там может быть readme/faq

    у меня есть такой https://www.opencart.com/index.php?route=account/download/info&order_id=385198,
    я там условия на jquery писал для "пошаговости"



    посмотрел демо сайт, там проверка и переключение идет в шаблоне (возможно vqmod добавляет java)

    Код:
        <script type="text/javascript"><!--
                    $(document).ready(function() {
                        $('select[name^=\'option\']').trigger('change');
                    });
                   
                    $(document).on('change', 'select[name^=\'option\']', function() {
                        $(this).after('<i class="fa fa-spinner selection-wait"></i>');
                       
                        var value = $(this).val();
                        var parent_id = $(this).attr('name').replace (/[^\d.]/g, '');
                   
                        $.ajax({
                            url: 'index.php?route=product/product/dependentoption&parent_id=' +  parent_id + '&value=' + value + '&product_id=36',
                            type: 'get',
                            dataType: 'json',           
                            success: function(json) {
                                $('.selection-wait').remove();
                               
                                if (json['option']) {
                                    for (i = 0; i < json['option'].length; i++) {
                                        if (json['option'][i]['type'] == 'select') {
                                            $('#input-option' + json['option'][i]['product_option_id']).stop().fadeOut('medium');
                                           
                                            $('#input-option' + json['option'][i]['product_option_id']).siblings('.control-label').stop().fadeOut('medium');
                                           
                                            var html = '';
                                       
                                            html += '<option value=""> --- Please Select --- </option>';
                                               
                                            for (j = 0; j < json['option'][i]['option_value'].length; j++) {
                                                $('#input-option' + json['option'][i]['product_option_id']).fadeIn('medium');
                                               
                                                $('#input-option' + json['option'][i]['product_option_id']).siblings('.control-label').fadeIn('medium');
                                               
                                                html += '<option value="' + json['option'][i]['option_value'][j]['product_option_value_id'] + '">' + json['option'][i]['option_value'][j]['name'];
                                               
                                                if (json['option'][i]['option_value'][j]['price']) {
                                                    html += ' (' + json['option'][i]['option_value'][j]['price_prefix'] + json['option'][i]['option_value'][j]['price'] + ')';
                                                }
                                               
                                                html += '</option>';
                                            }
                                           
                                            $('select[name=\'option[' + json['option'][i]['product_option_id'] + ']\']').html(html);
                                        } else if (json['option'][i]['type'] == 'radio' || json['option'][i]['type'] == 'checkbox' || json['option'][i]['type'] == 'image') {
                                            $('#input-option' + json['option'][i]['product_option_id']).stop().fadeOut('medium');
                                           
                                            $('#input-option' + json['option'][i]['product_option_id']).siblings('.control-label').stop().fadeOut('medium');
                                           
                                            $('#input-option' + json['option'][i]['product_option_id']).children().hide();
                                           
                                            $('#input-option' + json['option'][i]['product_option_id']).find('input').prop('checked', false);
                                       
                                            for (j = 0; j < json['option'][i]['option_value'].length; j++) {
                                                $('#input-option' + json['option'][i]['product_option_id']).fadeIn('medium');
                                               
                                                $('#input-option' + json['option'][i]['product_option_id']).siblings('.control-label').fadeIn('medium');
                                                                                           
                                                $('#input-option' + json['option'][i]['product_option_id']).find('input[value=\'' + json['option'][i]['option_value'][j]['product_option_value_id'] + '\']').parent().show();
                                               
                                                $('#input-option' + json['option'][i]['product_option_id']).find('input[value=\'' + json['option'][i]['option_value'][j]['product_option_value_id'] + '\']').parent().parent().show();
                                            }
                                        } else {
                                            if (json['option'][i]['option_value']) {
                                                $('#input-option' + json['option'][i]['product_option_id']).stop().fadeIn('medium');
                                               
                                                $('#input-option' + json['option'][i]['product_option_id']).siblings('.control-label').fadeIn('medium');
                                            } else {
                                                $('#input-option' + json['option'][i]['product_option_id']).stop().fadeOut('medium');
                                               
                                                $('#input-option' + json['option'][i]['product_option_id']).siblings('.control-label').stop().fadeOut('medium');
                                            }
                                        }
                                    }
                                }
                            },
                            error: function(xhr, ajaxOptions, thrownError) {
                                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                            }
                        });   
                    });
                    //--></script>
     
    Последнее редактирование: 8 июл 2015