Мелкое отображение фотографий товара в теме BALANCE (мобильная версия)

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

10 ответов
a
Леман Евгений
Programmer
#
11 августа 2022 12:15

Здравствуйте!

Фотографии много где отображаются. Подробнее бы и со ссылкой.

a
Илона
#
11 августа 2022 12:19

https://lebijou.com.ua/secret/zhenskie-braslety/

все фотографии всех товаров во всех категориях

a
Илона
#
11 августа 2022 12:58

Мне нужно, чтобы фотографии в категориях отображалось на всю ширину страницы как при просмотре карточки товара. Максимально крупно.

a
Леман Евгений
Programmer
#
11 августа 2022 13:20

С пропорциями фото всё всегда индивидуально. По ряду технических причин пропорции нужно задать нам прямо в теме. Что не позволяет сделать так, чтобы они устроили абсолютно всех.

Добавьте в файл темы css/user.css строки:

@media (max-width: 767px){
.item-list-c__image-wrapper {width:100%;height:26rem}
}

После этого откройте там же шаблон list-expanded.html и найдите в нём фрагменты кода:

{$_product_image_src = $wa->shop->productImgUrl($p, "200")}

и

{$wa->shop->imgUrl($image, '200')}

В указанных фрагментах замените 200 на 400.

То же самое можно(желательно) проделать и в шаблоне list-thumbs.html, если хотите в будущем переключиться на другой режим отображения товаров по умолчанию. На обычный плиточный.

a
Илона
#
11 августа 2022 15:55

list-expanded.html этого файла у нас нет

a
Леман Евгений
Programmer
#
11 августа 2022 16:13

Оно обязано быть. На всякий случай уточню, что искать нужно тут: Магазин - Витрина - нужная витрина с темой дизайна - Шаблоны.

a
Леман Евгений
Programmer
#
11 августа 2022 13:25

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

Вот одно из ваших фото на черном фоне, чтобы было нагляднее. То есть даже если фото растянуть на все 100% экрана, оно фактически не будет занимать весь экран из-за больших отступов.

a
Илона
#
11 августа 2022 15:56

да, небольшие отступы как на фото, по краям изделия, будут.

a
Илона
#
12 августа 2022 18:36

Подскажите пожалуйста еще один момент, как увеличить размер фотографии в списках : рекомендованные товары и просмотренные товары, отзывы.

a
Леман Евгений
Programmer
#
13 августа 2022 01:48

Тут уже я могу лишь подсказать названия шаблонов, которые отвечают за ту или иную секцию. Но нужно более конкретно указать эту секцию. Хотя название шаблона практически всегда такое же, как и название самой секции, которое можно увидеть кликнув по иконке (i) в правой части экрана. Функция доступна только если вы авторизованы под учеткой администратора.
А вот уже более конкретно подгонять размеры под ваши фото... как уже писал ранее, это вопрос индивидуальный. Так что тут не будет какой-либо инструкции. И некоторые секции в принципе могут быть не особо приспособлены под фото ваших пропорций. Та же "вы смотрели" по задумке и логике должна сильно отличаться от обычных карточек в размере. В меньшую сторону. Но если отображать там полноценное фото, то этого отличия почти и не будет.

Пример с просмотренным. Можно добавить в user.css строку:

.pd-equal-item__image{width:auto}

Она уберет ограничение фото по ширине. Правда само фото в этот шаблон подгружается небольшое для экономии веса страницы. Чтобы изменить, нужно в шаблоне home.viewed.html найти фрагмент:

96x0

И указать, например:

200

Ну или:

200x0

Логика тут немного разная... В очередной раз хочется повторить фразу "всё индивидуально". Чтобы подогнать все размеры конкретно под ваши пропорции фото лучше обратиться в каталог экспертов или на биржу проектов вебасист. Если конечно пропорции у всех ваших фото примерно одинаковые. В противном случае изменения приведут к тому, что часть фото будет выглядеть лучше, а другая часть, которая выглядела нормально до правок, потеряет в виде.

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