Быстрый просмотр ведет себя по разному на страницах сайта, как исправить?

Question

[OlgaBasova]

Добрый день, есть главная страница сайта https://xn----7sbb4acwee0d.xn--p1ai/ и страница подкатегорий https://xn----7sbb4acwee0d.xn--p1ai/product-catego... На главной странице при наведении на товар появляется быстрый просмотр, а на странице подкатегорий она появлется на всех товарах сразу, хотя наводишь только на один. Как сделать, чтобы работало, как на главной, пробовала display none и hover display block, но все равно затрагивает все товары одновременно, хотелось бы чтобы действовала только на один. В чем может причина?

Answer 1

[Ivan Ustûžanin]

в классе product в первом диве на странице:

<div data-elementor-type="product-archive" data-elementor-id="16478" class="elementor elementor-16478 elementor-location-archive product" data-elementor-post-type="elementor_library">

Comments

[OlgaBasova]

Спасибо добрый человек, помогает, но удаляю, начинает работать, как надо, но почему то все становится на полную ширину экрана, или его не нужно удалять, а что то в нем исправить?

[Ivan Ustûžanin]

OlgaBasova, определение класса менять не нужно, нужно его просто удалить из списка классов для указанного дива
у меня по крайней мере ничего по ширине расползается, если код из ответа сделать таким:

<div data-elementor-type="product-archive" data-elementor-id="16478" class="elementor elementor-16478 elementor-location-archive" data-elementor-post-type="elementor_library">

ДОБАВКА: в коде к этому product через :hover привязано появление визуализации, поэтому его наличие в считай корневом элементе и приводи к активации визуализации на всех настоящих карточках