Размер картинки в общем каталоге


Добрый день! Мы загружаем квадратные картинки и хотелось бы, чтобы в каталоге они отображались квадратными.

А также сама карточка товара для нас велика. Как сделать ее более компактной?

2 answers
  • Сергеев Владимир
    Разработчик
    Solution
    September 19, 2019 17:57

    Здравствуйте, Евгения!

    хотелось бы, чтобы в каталоге они отображались квадратными

    В настройках темы для Магазина отметьте галочку Показать скрытые настройки, затем воспользуйтесь поиском по фразе: Размер изображения. В найденных опциях замените 300x0 на 300x300.

    • Евгения
      September 20, 2019 14:46

      Все нашла, сделала, но ничего не поменялось, картинки все равно обрезанные

      • Сергеев Владимир
        Разработчик
        Solution
        September 20, 2019 15:52

        Вы же сами спросили как сделать их квадратными, значит они должны быть обрезанными. 

        Мы загружаем квадратные картинки и хотелось бы, чтобы в каталоге они отображались квадратными.

        Напишите ещё раз, чего вы хотите добиться. 
        Какие изображения загружаете и какими они должны быть на витрине.

        • Евгения
          September 20, 2019 16:59

          Нужно, чтобы они не обрезались, а отображались в каталоге с одинаковыми пропорциями

          • Сергеев Владимир
            Разработчик
            Solution
            September 21, 2019 15:14

            На скриншоте выше 300x0 – это размеры изображения. 
            Читать эту настройку следует так: 300px в ширину, а 0 – высота автоматическая для сохранения пропорции изображения.

            Если поставить 300x300 – то это значит квадратная обрезка 300 на 300 px.
            Вы можете пробовать различные размеры, чтобы подобрать нужную именно вам пропорцию.

            Можно например сделать 300x450 (300px в ширину, и 450px в высоту), т.е. это будет вертикально ориентированное изображение. Или наоборот. Попробуйте подобрать под себя. 

            Есть ещё один нюанс, из-за которого вам кажется, что изображения обрезаются – это высота блока, который содержит изображение. Здесь вам тоже стоит экспериментальным путём подобрать нужную для вас высоту. 

            Для этого есть отдельные настройки. 
            Точно там же – в настройках темы для приложения Магазин, отметьте галочку показать скрытые настройки и поиском найдите настройки: Высота блока c изображением

            И выставьте высоту, которая нужна вам: шаг 50px в диапазоне от 200 до 500px.

            • Евгения
              September 21, 2019 20:51

              Полегчало, спасибо. Но осталась проблема с теми изображениями, которые пока в вертикальном формате. Как сделать, чтобы отображались по высоте?

  • Сергеев Владимир
    Разработчик
    Solution
    September 19, 2019 17:59
    А также сама карточка товара для нас велика. Как сделать ее более компактной?

    Поиском по настройкам темы найдите и отключите следующие опции: Показывать рейтинг товара

    Включить авто наклейку экон

    Если будут ещё какие-то вопросы по изменению размеров карточки, спрашивайте! 

    • Евгения
      September 21, 2019 20:52

      Получилось. А можно еще более компактно сделать?

      • Сергеев Владимир
        Разработчик
        Solution
        September 25, 2019 11:35

        Попробуйте переключить режим отображения изображений с Crop на Fit.

        Затем уменьшайте высоту блока с изображениями. По инструкции из второй части этого комментария.

        • Евгения
          October 8, 2019 18:34

          Спасибо, это полезная информация.

          Но вот ситуация в том, что между ценой и отметкой "в наличии" большое расстояние. Можно его как-то уменьшить?

          • Сергеев Владимир
            Разработчик
            Solution
            October 10, 2019 12:08

            Здравствуйте, Евгения!
            Извиняюсь за задержку. 

            Добавьте в блок upstore.user_css следующий код:

            .product-card-savings {
                display: none;
            }
            .product-card-stocks {
                padding-top: 0;
            }

Add answer
To add a comment please sign up or login
We receive and process personal data of visitors to our site in accordance with the official privat policy.
If you continue to use the site, we will assume that you agree.
Subscribe and get discount!