Reply To: Show Swatch name / title on variable product pages

Hello,

Add this JS snippet On document ready into the Theme Settings > Custom JS:

jQuery('.image-swatch.woodmart-tooltip').tooltip('destroy');

And this CSS code to the Theme settings > Custom CSS > Global:

body .swatches-select .woodmart-swatch.image-swatch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	width: auto;
	min-width: 57px;
	background-size: 45px;
  background-position: top center;
  background-repeat: no-repeat;
}

.swatches-select .woodmart-swatch.image-swatch:before { 
	content:attr(data-value);
	font-size: 14px;
}

Best Regards