WebSite X5Help Center

 
Veronika S.
Veronika S.
User

Проблема с фото на мобильной версии в объекте Карточка товара  ru

Auteur : Veronika S.
Visité 1545, Followers 1, Partagé 0  

Добрый день!

После обновления до версии 2019.2 Про появился баг - на мобильной версии страницы в объекте Карточка товара появилось фото товара, хотя значение Размер обложки - 0%:

 

ссылка на одну страницу для примера https://kniaz.by/asadka-z-gerbam-pagonya.html

Как убрать отображение фото в мобильной версии, т.к. оно там не нужно?

Posté le
7 RéPONSES
Aleksej H.
Aleksej H.
Moderator

Здравствуйте. Попробуйте добавить это в Расширенные настройки - Статистика, SEO и Код - Код - Перед закрывающим тегом HEAD.

<style>
@media screen and (min-width: 980px) {
#imCell_1 {
display: none;
}
}
</style>

Это должно скрыть изображение на экранах менее чем 980 пикс.

Lire plus
Posté le de Aleksej H.
Veronika S.
Veronika S.
User
Auteur

Алексей, спасибо за код, но необходимо, чтобы в объекте Каталог товаров отсутствовало фото товара во всех разрешениях. Добавив ваш код скрылось фото в объекте ImageZoom на всех разрешениях выше 980рх. Сама проблема не решилась.

Еще подробней объясню - на экранах с разрешением от 0 до 425 рх почему-то подтягивается фото товара из Корзины. На старнице реализована галерея фото при помощи объекта ImageZoom  и поэтому фото товара из Корзины в объекте Каталог товара мне не нужно на странице. Удалить фото товара из Корзины не является выходом из ситуации. Возможным решением было бы добавить вариант выбора в Настройки карточек "Без обложки" или исправить ошибку появления фото обложки на экранах меньше 425 рх.

Lire plus
Posté le de Veronika S.
Aleksej H.
Aleksej H.
Moderator

Попробуйте этот код. Он скрывает фото каталога товара на всех разрешениях.

<style>
.imProductListImage {
display: none;
}
</style>

Lire plus
Posté le de Aleksej H.
Sergey G.
Sergey G.
User

Сделайте макет "Обложка вверху, заголовок и содержание внизу" и добавьте стиль:

<style>

.imProductListCard {
grid-template-rows: 0 auto auto 1fr auto !important;}

</style>

Lire plus
Posté le de Sergey G.
Veronika S.
Veronika S.
User
Auteur

Алексей, спасибо за код - фото скрылось, но остался пустой блок, где должно быть фото.

***

Сергей, спасибо за код и подсказку решения проблемы - при помощи кода скрывается и фото и нет пустого места, но также скрываются все фото с классом .imProductListCard . Неожиданным решением стало сделать макет  "Обложка вверху, заголовок и содержание внизу" вместо "Обложка слева, заголовок и содержание справа". 

***

Решение найдено, но оно отнимет много времени по исправлению каждой страницы (окола 700).

Lire plus
Posté le de Veronika S.
Sergey G.
Sergey G.
User

Вы в курсе, что на каждой странице вашего сайта от 15 до 50 ошибок при выполнении яваскриптов? Очевидно сторонних яваскриптов, которые вы туда поставили.

Lire plus
Posté le de Sergey G.
Sergey G.
Sergey G.
User

Lire plus
Posté le de Sergey G.