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

как изменить миниатюру в опциях

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

нужно изменить в опциях color квадратики на кружки, как это сделать ?

вот ссылка на позицию с опциями https://proremon.ru/index.php?route=product/product&product_id=56&search=Acer+Aspire+AIO

Снимок экрана 2018-10-02 в 23.55.03.png

Изменено пользователем yura88k

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


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

В файле swatches.css

Найти:

.ul-swatches-colors li {float: left;border: 1px solid #ccc;display: inline-block;position: relative;margin-right: 5px;padding: 2px;}

Заменить на:

.ul-swatches-colors li {float: left;border: 1px solid #ccc;display: inline-block;position: relative;margin-right: 5px;padding: 2px;border-radius: 50%;}

 

Найти:

.ul-swatches-colors .swatches-options a { float: left; display: inline-block;}

Заменить на:

.ul-swatches-colors .swatches-options a { float: left; display: inline-block; border-radius: 50%;}

 

Но лучше всего подключить ниже всех подключаемых стилей какой-нибудь свой файл например custom.css и уже в нем переопределять значения или просто в самом низу swatches.css вот так:

.ul-swatches-colors li {border-radius: 50%;}
.ul-swatches-colors .swatches-options a {border-radius: 50%;}

В итоге получиться вот так:

 

bab65cf201aa252cc92ab81a5d05c928.png.c423e2fe65445ab5e57aee0196cbe9b6.png

Изменено пользователем GetWeb

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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