Поддержка WooCommerce Съезжают изображения категорий и товара

  • Добрый день. Пытался найти нечто похожее на форуме, но не нашел. Скорее всего просто неправильными запросами пытался найти.
    Суть проблемы:
    При наведении мышкой на изображение категории или товарной карточки оно уходит влево.
    Вообще там на его место встает фото прикрепленное вторым в карточке (те что добавляются в разделе «Галерея товара»), но у меня идет только одно изображение, а он все равно уводит влево.
    Сайт https://eco-trast.ru/ . То что я попытался описать выше можно наблюдать в разделе «Каталог», наводя на изображение товара или категории.
    Заранее спасибо и извините, если уже была такая тема и я не смог найти её.

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • У вас некорректно написана пользовательская верстка. Вряд ли общее решение можно найти по каким-либо запросам.
    для a img у вас прописано width: 60%;
    а для a:hover img поведение не определено

    Какие варианты решений могут быть?
    По поводу кода
    .woocommerce ul.products li.product a img {
    width: 60%;
    margin: 0 auto;
    }

    Это в дополнительных стилях у меня. он срезает размер изображений у категорий (т.к. они большие), но после его применения начинают как раз «Скакать» изображения.
    Может тогда есть другой способ уменьшить иконки категорий и товаров?
    Еще раз извиняюсь за странные вопросы.

    Может тогда есть другой способ уменьшить иконки категорий и товаров?

    Зарание подготавливать картинки категорий и товаров

    Я пробовал уже уменьшать изображение, но оно все равно выглядит также в итоге. Т.е. вместо 500х500 ставил 300х300 и изменений не было.
    Вы этому имели ввиду под «Зарание подготавливать картинки категорий и товаров» ?

    Нет. Я имею ввиду, что перед загрузкой изрбражений, делать их пропорциональными тем размерам, которые установленны в вашей теме.

    хм, я очень сильно извиняюсь, но как именно мне понять какие размеры в px установлены в моей теме? Просто листал в настроках темы (у меня BeTheme) и так и не нашел =/
    Скорее всего пропустил где-то.

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    хм, я очень сильно извиняюсь, но как именно мне понять какие размеры в px установлены в моей теме?

    Ну вот, например, у Вас в товаре одно изображение 500х500, а второе 500х394. https://i.imgur.com/2vk4NaM.png. Получается, которое появляется при наведении не полностью закрывает первое.

    у меня BeTheme

    Попробуйте обратиться в поддержку Вашей темы. Возможно, смогут подсказать как и где это настраивается.

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Тема «Съезжают изображения категорий и товара» закрыта для новых ответов.