Проблемма с отображением карточки товара в Chrome и IE

ES
На сайте с 07.10.2008
Offline
88
309

Добрый день! Прошу помощи. Обнаружена проблемма с отображением карточки товара woocommerce для адаптивной версии в браузере chrome и ie. Из карточки товара пропадает картинка, краткое описание и кнопка купить. При изменении окна браузера видно как контент сдвигается в право и изчезает с экрана. В яндекс браузер, опере все корректно отображается. В версии для ПК для вышеуказанных браузеров такой проблеммы не наблюдается.

Вот пример страницы: https://stroykamarket.com/shop/%d0%ba%d1%80%d0%be%d0%b2%d0%b5%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9-%d0%bf%d1%80%d0%be%d1%84%d0%bd%d0%b0%d1%81%d1%82%d0%b8%d0%bb-%d0%bd%d1%81-35

Посмотрите пожалуйста, в чем может быть причина. Спасибо.

Я
IL
На сайте с 20.04.2007
Offline
412
#1
Eva_Smith:
в браузере chrome и ie.
Eva_Smith:
В яндекс браузер, опере все корректно отображается.

Уверены?..

Тыкал в хроме - ничего "не пропало".

ES
На сайте с 07.10.2008
Offline
88
#2
ivan-lev:
Уверены?..
Тыкал в хроме - ничего "не пропало".

Отображение в хром и яндекс браузеры соответственно

SV
На сайте с 03.11.2008
Offline
1375
#3
Eva_Smith:
Посмотрите пожалуйста, в чем может быть причина. Спасибо.

Проблема в кривой теме (возможно), минификации и отсутствии srcset (дефолтного в WP), а значит и правильных размеров для мобил.

Картинка (а точнее блок) находится за пределами экрана.

Но если только это..

Напр такие ахтунги сразу вызывают желание зарыть сайт.

.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Топики помощи с ⓌordPress (https://searchengines.guru/ru/forum/1032910 ) и основы безопасности сайтов ( https://searchengines.guru/ru/forum/774117 ). *** Помощь\консультации в топиках форума - БЕСПЛАТНО. Платные услуги ( https://wp.me/P3YHjQ-3 ) - с бюджетом от 150$ ***
S
На сайте с 30.09.2016
Offline
459
#4

Проблема в том, что когда хлебные крошки не умещаются по ширине и уходят на вторую строку, то они своим серым фоном забивают карточку товара. Мне, честно говоря, лень дальше копать и выяснять, какой конкретно косяк в стилях к этому приводит (итак чересчур много времени потратил - разбираться в чужих стилях то ещё удовольствие).

Как паллиатив - пропишите в CSS

#page_header {overflow: hidden;}
И возможно, высоту этого блока для мобильных надо увеличить.
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
ES
На сайте с 07.10.2008
Offline
88
#5
Sitealert:
Как паллиатив - пропишите в CSS
#page_header {overflow: hidden;}
И возможно, высоту этого блока для мобильных надо увеличить.

Вот это помогло. Сейчас еще потестирую в разных браузерах. Огромное спасибо за помощь )))

gribbo
На сайте с 01.03.2012
Offline
66
#6

Eva_Smith, hidden скроет кусок хлебных крошек, если пойдет на 3 строки, т.к. высота у вас фиксированная. Тут проблема с обтеканием.

не благодарите, ну или благодарите)


.single-product .product {
clear: both;
}
Мой выбор хостинга (https://beget.com/p461662) \ Создаю сайты (/ru/forum/1009089)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий