Сообщений в теме: 2

[webstudia]

Здравствуйте.

Как в JBZoo Colors отключить кручение иконки цвета?

Когда цвет выбираешь, ставится галочка, а сама картинка цвета, переворачивается вверх ногами.

Так вот надо этот переворот отключить...

Сообщение отредактировал webstudia: 16 January 2017 - 15:32

[DMTR3000S]

webstudia, там скриптом по клику вешается/снимается класс checked или типа того, а стили класса лежат, по-моему, вот здесь:

/media/zoo/applications/jbuniversal/assets/less/widget/ 

там можете убрать анимацию, или нарулить свою, как будет угодно.

[webstudia]

Вот правильное решение:

1. Открываем файл /media/zoo/applications/jbuniversal/assets/less/widget/colors.less
2. Добавляем два слэша (//) вначале строки в которой текс #rotate > .simple(-180deg); Чтобы получилось:

     //#rotate > .simple(-180deg);

3. Далее заменяем картинку /media/zoo/applications/jbuniversal/assets/img/icon/checked.png, на такую же только перевёрнутую (приложил к сообщению)
4. Очищаем кэш в админке сайта
5. Заходим на сайт (там где выбираем цвет в товаре или фильтре, чтобы увидеть результат наших действий), нажимаем в браузере Ctrl+F5 (чтобы обновить страницу с очисткой кеша)
6. Всё, теперь картинка цвета не перевёрнута и галочка тоже.

 

p.s.

чтобы отключить прозрачность на цвете (если на него не наводить, он малость засвечен), открываем файл /media/zoo/applications/jbuniversal/assets/less/widget/colors.less

в нём ищем opacity(0.3) и меняем на opacity(1) это в районе 24 строки.

Прикрепленные изображения

•