Доступные опции. Расположение

[mario512]

Добрый день. Прошу помочь расположить доступные опции в несколько рядов. Натыкался на несколько способов, но для текущей версии opencart (2.3) они не актуальны. 

Ссылка на сайт. 

 

[Tom]

#product .radio {
    display:inline-block;
}

[mario512]

Спасибо, всё гуд. Подскажите как их выровнять? И можно ли спрятать кнопки?

[Tom]

Можно

[mario512]

Tom, Подскажите, реально их выровнять? Или придется убрать названия опций?

[Tom]

Реально сделать что угодно.Но нужны навыки HTML-CSS.В противном случае пользоваться тем,что вышло.

[Eldaeron]

mario512, да для INPUT

#product .radio input {
    display: none;
}

Ах да и ище, чтоб знать какой выделен:

#product .radio input:checked + img {
    border: 1px solid #000 !important;
}

Ище можно красиво построить: 

#product .radio label {
    padding: 0px 5px;
    min-width: 150px;
}

 

Вот: http://prntscr.com/f27kj5

Змінено 29 квітня 2017 користувачем Eldaeron

[mario512]

Eldaeron, Огромное СПАСИБО!!! Всё работает!!!