I need to disable tooltip on archive

Thank you for your help.

1 – CSS code would be great ! thank you . can you give me the CSS code?

2 – Good idea. I will use the first attribute service.

3 – Yes I am aware of that setting. It will be helpful if you could add this service to your plugin in the future.

Two new problems:

1 – I have some attributes that are marked as “Visible on the product page” but they are not marked as “Used for variations”  . this plugin do not change this dropdowns to swatches. what can I do?

2 – Since I activated the swatches on archive pages, my website went extremely slow. is there any solution ?

Thank you

Thank you very much for your help. the CSS code works great !

for the caching (Redis) can you help me with settings? I use LiteSpeed Cache plugin

Yes I have a problem with the tooltip size.

I need it to be large something around 400×400 . When I choose this size , it will affect the screen size on mobile devices. the screen size will be larger than the device actual screen size. so it will cause many many problems. What is the solution ? it is not possible to choose 400×400 ?

Hi Golam,

Please check this video : https://leoprd.ca/wp-content/uploads/2023/03/4_5796294146771651845.mp4

Thank you

Hi Golam,

No I don’t want to control the tooltip size individually for smaller devices. I want the tooltip image to be a size between 300×300 to 400×400 for all devices. but I need to keep the tooltip image in the screen. it will go out of the screen in small screens once I change the tooltip image size to a large size, and it cause the problem. can you write a CSS code or a snippet code that control the position of the tooltip image ? I just need to keep the tooltip image inside the screen horizontally. it goes out of the screen from left or right side of the screen that cause the problem.

Hi Golam,

Please reply faster if you can not help, I was waiting for your reply hoping you would help.

I get the following code from ChatGPT, it works but there are a few problems it couldn’t solve.

the most important problem is that the tooltip image doesn’t scroll. it stays at the top of screen and doesn’t disappear. Here is the CSS code:

html, body {
overflow-x: hidden;
}

.wvs-has-image-tooltip:before {
left: 50%;
transform: translateX(-50%);
z-index: 9999;
}

@media screen and (max-width: 767px) {
.wvs-has-image-tooltip:before {
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
}