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

[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