Image swatch

Hi,

How to disable box with variation name when image swath is hover(screenshot.png)?

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme settings > Shop > Products & categories styles > Hover on product and change the setting.

Best Regards

Hi,

I want everything to stay the same only to remove variation name(black box with white title).

How to remove it in custom css?

Best regards

Hello,

It is not possible to remove with custom CSS otherwise all the tooltips will be hidden. You can customize template file.

Best Regards

Thank you!

Can you provide me a path to template file?

If I want to all tooltips be hiden, what line of css to use.

Best regards

Hello,

Find this file: woodmart/woocommerce/single-product/add-to-cart/variable.php

You will need to remove class woodmart-tooltip

If you need to remove globally use this CSS code:

.woodmart-tooltip{
display:none;
}

Add this code to Theme Settings > Custom CSS > Desctop

Best Regards

Hello,

How to remove underline on image swatch variation?(screenshot.png)

Kind regards

Attachments:

You must be logged in to view attached files.

Hello,

Please add this CSS to Theme Settings > Custom CSS:

.swatches-select .colored-swatch:after, 
.swatches-select .image-swatch:after {
	display: none;
}

Best Regards

Thank you!!!

How to do the same thing on category page?(screenshot.png)

Kind regards

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code, add this CSS to Theme Settings > Custom CSS:

.swatches-on-grid .current-swatch::after {
display:none;
}

Best Regards

[Author]

Posts