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

[yura88k]

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

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

Изменено 2 октября 2018 пользователем yura88k

[GetWeb]

В файле 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%;}

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

 

Изменено 2 октября 2018 пользователем GetWeb