Перейти к содержанию
mario512

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

Рекомендуемые сообщения

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

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

 

Снимок экрана от 2017-04-29 14:24:43.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
#product .radio {
    display:inline-block;
}

4174385987.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Изменено пользователем Eldaeron
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.