[Помогите] изменить внешний вид опций в товаре

Тема в разделе "OpenCart", создана пользователем maetus, 21 дек 2015.

  1. maetus

    maetus

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

    [​IMG]

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

    [​IMG]

    не получается сделать так что бы при выборе опция подсвечивалась
    Код:
    <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;
    }
    
     
  2. skiv14

    skiv14

    Регистрация:
    9 июн 2015
    Сообщения:
    437
    Симпатии:
    180