хотелось бы, чтобы в каталоге они отображались квадратными
В настройках темы для Магазина отметьте галочку Показать скрытые настройки, затем воспользуйтесь поиском по фразе: Размер изображения. В найденных опциях замените 300x0 на 300x300.
На скриншоте выше 300x0 – это размеры изображения. Читать эту настройку следует так: 300px в ширину, а 0 – высота автоматическая для сохранения пропорции изображения.
Если поставить 300x300 – то это значит квадратная обрезка 300 на 300 px. Вы можете пробовать различные размеры, чтобы подобрать нужную именно вам пропорцию.
Можно например сделать 300x450 (300px в ширину, и 450px в высоту), т.е. это будет вертикально ориентированное изображение. Или наоборот. Попробуйте подобрать под себя.
Есть ещё один нюанс, из-за которого вам кажется, что изображения обрезаются – это высота блока, который содержит изображение. Здесь вам тоже стоит экспериментальным путём подобрать нужную для вас высоту.
Для этого есть отдельные настройки. Точно там же – в настройках темы для приложения Магазин, отметьте галочку показать скрытые настройки и поиском найдите настройки: Высота блока c изображением
И выставьте высоту, которая нужна вам: шаг 50px в диапазоне от 200 до 500px.
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!
Узнавайте первым о скидках и специальных предложениях!
Здравствуйте, Евгения!
В настройках темы для Магазина отметьте галочку Показать скрытые настройки, затем воспользуйтесь поиском по фразе: Размер изображения. В найденных опциях замените 300x0 на 300x300.
Все нашла, сделала, но ничего не поменялось, картинки все равно обрезанные
Вы же сами спросили как сделать их квадратными, значит они должны быть обрезанными.
Напишите ещё раз, чего вы хотите добиться.
Какие изображения загружаете и какими они должны быть на витрине.
Нужно, чтобы они не обрезались, а отображались в каталоге с одинаковыми пропорциями
На скриншоте выше 300x0 – это размеры изображения.
Читать эту настройку следует так: 300px в ширину, а 0 – высота автоматическая для сохранения пропорции изображения.
Если поставить 300x300 – то это значит квадратная обрезка 300 на 300 px.
Вы можете пробовать различные размеры, чтобы подобрать нужную именно вам пропорцию.
Можно например сделать 300x450 (300px в ширину, и 450px в высоту), т.е. это будет вертикально ориентированное изображение. Или наоборот. Попробуйте подобрать под себя.
Есть ещё один нюанс, из-за которого вам кажется, что изображения обрезаются – это высота блока, который содержит изображение. Здесь вам тоже стоит экспериментальным путём подобрать нужную для вас высоту.
Для этого есть отдельные настройки.
Точно там же – в настройках темы для приложения Магазин, отметьте галочку показать скрытые настройки и поиском найдите настройки: Высота блока c изображением
И выставьте высоту, которая нужна вам: шаг 50px в диапазоне от 200 до 500px.
Полегчало, спасибо. Но осталась проблема с теми изображениями, которые пока в вертикальном формате. Как сделать, чтобы отображались по высоте?
Поиском по настройкам темы найдите и отключите следующие опции: Показывать рейтинг товара
Включить авто наклейку экон
Если будут ещё какие-то вопросы по изменению размеров карточки, спрашивайте!
Получилось. А можно еще более компактно сделать?
Попробуйте переключить режим отображения изображений с Crop на Fit.
Затем уменьшайте высоту блока с изображениями. По инструкции из второй части этого комментария.
Спасибо, это полезная информация.
Но вот ситуация в том, что между ценой и отметкой "в наличии" большое расстояние. Можно его как-то уменьшить?
Здравствуйте, Евгения!
Извиняюсь за задержку.
Добавьте в блок upstore.user_css следующий код:
Я в этом слабо разбираюсь. Уточните, пожалуйста, где это искать и куда именно вносить
Прочтите сначала эту заметку.
Затем эту.