1. Уважаемые пользователи, прежде чем ответить в теме или создать новую,
    внимательно ознакомьтесь с правилами раздела

    Кому лень работать или руки не оттуда - пользуйтесь услугами специалистов
  2. Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.."

    Есть JED!!! Ищите там!!!

Помощь JoomShopping сделать атрибуты кнопками

Тема в разделе "JoomShopping", создана пользователем djodofin, 5 окт 2018.

Информация :
  • Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
  • Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.." Есть JED!!! Ищите там!!!
  • Аналоги ищите там же - на JED!!!
  • Новая версия? - У кого будет - тот выложит!
  1. djodofin

    djodofin

    Регистр.:
    6 июл 2017
    Сообщения:
    262
    Симпатии:
    107
    Как в JoomShopping сделать атрибуты кнопками

    Нужна помощь...
    Как сделать атрибуты JoomShopping кнопками?

    Суть задачи:

    Есть радио атрибуты зависимые (ЦВЕТ) и не зависимые радио атрибуты (РАЗМЕР).
    [​IMG]
    Необходимо чтобы при выборе атрибута цвета (ЦВЕТ) кнопка выбранного атрибута становилась активной (присваивался определенный класс), после чего выбирая атрибут размера (РАЗМЕР) и также кнопка выбранного атрибута становилась активной (присваивался определенный класс).

    Тоисть чтобы кнопки выбранных атрибутов были активными (присваивался определенный класс)..

    Как этого добиться?
     
    Последнее редактирование: 5 окт 2018
  2. Karambus

    Karambus Постоялец

    Регистр.:
    6 июл 2016
    Сообщения:
    144
    Симпатии:
    40
    Просто добавьте к классу псевдокласс :checked и пропишите для него стиль какой вам нужен для активной радиокнопки.
     
  3. djodofin

    djodofin

    Регистр.:
    6 июл 2017
    Сообщения:
    262
    Симпатии:
    107
    Спасибо, помогло!

    Сработало в таком построении:

    input:checked + label {
    display: block !important;
    background-color: rgba(231, 26, 26, 0.9) !important;
    border: solid 2px #9e9797e6 !important;
    }
     
    rsvyatina нравится это.