- Описание
- Установка
- Настройка веб сервера
- Данные и шаблоны
- Оптимизация JS и CSS файлов
- Вывод контента
- Корзина товаров
- Настройка онлайн оплаты
- Настройка оплаты через Robokassa
- Меню
- Формы
- Поиск
- Учет количества товара на складе
- Мульти-валютность
- Мульти-язычность
- Изменение размеров изображений
- Разработчикам
- Импорт-Экспорт
- Установка на локальный сервер XAMPP в Windows
- Настройка VDS и установка Nginx, PHP, MongoDB, Shopker
- JavaScript API
- Визуальный редактор шаблонов
- Бронирование
- Экспорт каталога в Яндекс.Маркет
- Bash скрипт для настройки VDS
- Bash скрипт для установки
- API
- Установка локально в ОС Windows
Изменение размеров изображений
При выводе изображений можно использовать функцию imageUrl()
и фильтр imagine_filter()
. Функция imageUrl()
формирует строку с адресом файла изображения из данных, сохраненных в поле с типом ввода "Файл". Фильтр imagine_filter()
создает уменьшенную копию изображения, сохраняет файл и подменяет URL картинки. Уменьшенные копии изображений хранятся в папке: /public/uploads/thumbs/cache/
.
Пример использования:
<img src="{{ imageUrl(data) | imagine_filter('thumb_small') }}" alt="">
В данном примере используются настройки фильтров изображения из набора "thumb_small". Также доступны наборы фильтров: "thumb_medium", "thumb_big", "thumb_medium_relative". Посмотреть и отредактировать настройки наборов фильтров можно в файле: config/packages/liip_imagine.yaml
.
Пример настроек набора фильтров:
thumb_small:
quality: 85
filters:
relative_resize:
widen: 200
thumbnail: { size: [200, 200], mode: inset }
background: { size: [200, 200], position: center, color: '#ffffff' }