where can I edit SwatchesConstructor about swatches?

cshopmate
New Member
1 0 0

I want to change the circle color to my own design,

cshopmate_1-1619507140700.png

then I find some Javascript codes need to be edit in swatches.js as bellow:

 

/* swatches.js */
// ....
var c=o in e.texture?' data-optionimage="true" style="background-image:url('+e.texture[o]+')"':"";s+" "+o in e.texture&&(c=' data-optionimage="true" style="background-image:url('+e.texture[s+" "+o]+')"'),""==c&&l&&(c=' style="background:'+l+';"');var u=c.indexOf("data-optionimage")>-1?' class="options-color-image"':"",d=i?"":"<span"+u+"></span>",p=o.indexOf('"')>-1?"'"+o+"'":'"'+o+'"';i=i?"":' data-availability="false"';var v=""!=c?"<li"+i+">"+d+'<a href="#" class="options-color'+r+'" data-value="'+o+'" data-tooltip="'+o+'" '+c+"></a></li>":"<li"+i+'><a href="#" data-value='+p+">"+o+"</a></li>";
// ....

 

bellow is the HTML, I find these HTML is build in vendor.min.js.

cshopmate_0-1619507073834.png

Could somebody gives me any help? thanks very much!

 

0 Likes