Помощь Опции товара - изменить внешний вид

Тема в разделе "Opencart", создана пользователем meatuss, 20 дек 2015.

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

    meatuss Постоялец

    Регистр.:
    24 фев 2013
    Сообщения:
    86
    Симпатии:
    5
    как можно сделать в опции - списком

    [​IMG]

    привести вот к такому виду

    [​IMG]
     
  2. Оптимус Прайм

    Оптимус Прайм

    Регистр.:
    28 окт 2015
    Сообщения:
    264
    Симпатии:
    83
    вот пример для radio
    http://jsfiddle.net/heZBT/
     
  3. meatuss

    meatuss Постоялец

    Регистр.:
    24 фев 2013
    Сообщения:
    86
    Симпатии:
    5
    не получается сделать так что бы при выборе опция подсвечивалась
    Код:
    <div id="option-227" class="option form-group">
                                                            <p><span class="required">*</span>
                                                            <b>Выбырите размер:</b></p>                       
                                                            <div class="radio">
                                    <label for="option-value-17">
                                        <input type="radio" name="option[227]" value="17" id="option-value-17">   
                                        21                                                                    </label>                           
                                </div>
                                                            <div class="radio">
                                    <label for="option-value-18">
                                        <input type="radio" name="option[227]" value="18" id="option-value-18">   
                                        22                                                                    </label>                           
                                </div>
                                                            <div class="radio">
                                    <label for="option-value-19">
                                        <input type="radio" name="option[227]" value="19" id="option-value-19">   
                                        23                                                                    </label>                           
                                </div>
                                                            <div class="radio">
                                    <label for="option-value-20">
                                        <input type="radio" name="option[227]" value="20" id="option-value-20">   
                                        24                                                                    </label>                           
                                </div>
                                                        </div>
    
    вот такой вот у меня код

    Код:
     CSS
    .radio, .checkbox {
        display: block;
        min-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 20px;
        vertical-align: middle;
    }
    .radio label,
    .checkbox label {
      display: inline;
      margin-bottom: 0;
      font-weight: normal;
      cursor: pointer;
    }
    
    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
      float: left;
      margin-left: -20px;
    }
    
     
  4. vasek2

    vasek2

    Регистр.:
    8 июн 2008
    Сообщения:
    180
    Симпатии:
    17
    модуль есть такой ...
     
  5. fenix-77

    fenix-77

    Регистр.:
    18 мар 2014
    Сообщения:
    158
    Симпатии:
    53
    Так есть же для radio селектор :checked только твой html и css код нужно переделать посмотри здесь есть похожие примеры как сделать.
     
    Последнее редактирование: 23 дек 2015