Как вам помочь ?
Шаблон "Clothing"
В данной статье рассмотрим особенности шаблона "Clothing".
Внимание!
Шаблон "Clothing" может быть установлен только в магазине версии 13.0.1 и выше. Если Ваш магазин версии ниже, пожалуйста, обновите магазин до последней актуальной версии на момент установки шаблона.
Главная страница
- Фиксированная шапка
- Альтернативный фон
- Отображать сайт во всю ширину экрана
- Отображать банер на главной во всю ширину
- Прозрачная шапка
- Прозрачная шапка в мобильном дизайне
- Отключение ограничений для высоты фото
Настройки для главной страницы этого шаблона производятся в разделе "Дизайн", "Параметры", далее "Основное", секция "Дополнительные настройки" (рис.1).
Рисунок 1.
Рассмотрим данные настройки подробнее.
Фиксированная шапка главной страницы
При включении этой настройки шапка сайта остается фиксированной сверху (рис.2).
Рисунок 2.
При фиксированной шапке меню и категории скрывается под иконкой бургер-меню (рис.3).
Рисунок 3.
При клике на иконку выводится меню и категории (рис.4).
Рисунок 4.
Если в шаблоне используется Шапка "Тип 2", то при полной прокрутке страницы вверх, шапка будет отображать дополнительные выпадающие меню категорий (рис.5).
Рисунок 5.
Отображать альтернативный фон сайта
По умолчанию фон сайта белый, при активации данной настройки подложка сайта окрашивается, виден контраст белой карточки товара и фона (рис.6).
Нажмите на изображение для увеличения 🔎
Отображать сайт во всю ширину экрана
Если опция используется, то контент сайта отображается во всю ширину экрана (рис.7).
Рисунок 7.
При использовании этой настройки, изображения внутри карточки товара будут отображаться в две колонки.
Важно!
Рекомендуемые размеры фото при выключенной настройке "Отображать сайт во всю ширину экрана": Большая 760x1000, Средняя 550x700, Маленькая 320x400 (раздел Дизайн - Параметры - Категория товаров, секция Размер изображения).
Рекомендуемые размеры фото при включенной настройке "Отображать сайт во всю ширину экрана": Большая 760x1000, Средняя 550x700, Маленькая 440x580.
Если используются фотографии с другими размерами/пропорциями, необходимо ввести в настройках "Размеры изображения" свои значения, особенно для товаров. После установки шаблона и/или изменения значений размеров изображений может понадобиться пережать фотографии, нажав соответствующую кнопку.
Отображать банер на главной во всю ширину экрана
Баннеры на главной растягиваются во всю ширину экрана (рис.8).
Рисунок 8.
Если настройка "Отображать сайт во всю ширину экрана" при этом выключена, то контент сайта остается по центру.
Сделать шапку прозрачной на главной странице
Если в настройках включен Тип Шапки 1 и страница находится в верхнем положении (прокручена вверх), то шапка становится прозрачной (рис. 9).
Рисунок 9.
Сделать в мобильной версии шапку прозрачной
Делает шапку сайта прозрачной при просмотре сайта с мобильного устройства. Не зависит от настройки "Тип Шапки" (рис.10).
Отключение ограничений для высоты фото
Особая функция этого шаблона, это возможность снятия ограничений с вертикальной высоты изображений во всех категориях. Пример этого можно увидеть на рисунках 11 и 12, ниже. Рекомендуется использовать эту настройку только в магазинах, где все товары имеют изображения с одинаковой высотой.
Перейдем к рассмотрению возможностей категории.
Категория
Особенности шаблона
Особенность страниц категорий у этого шаблона в расположении фильтров. По клику на кнопку, фильтры выезжают справа, а не выводятся всегда (рис. 11).
Рисунок 11.
За счет этого в категории более минималистичный дизайн и видно больше товаров (рис.12).
Рисунок 12.
Перейдем к рассмотрению дополнительных настроек категорий в шаблоне. Чтобы их изменить нужно перейти в раздел "Дизайн", "Параметры", далее "Категория товаров", секция "Дополнительные настройки" (рис. 13).
Рисунок 13.
Быстрый просмотр товара
При включении этой функции, вместо перехода на страницу товара при клике по товару, будет открываться карточка быстрого просмотра (рис. 14).
Нажмите на изображение для увеличения 🔎
Если товар имеет несколько фотографий, или имеет видео материалы, то их можно также просмотреть используя вертикальную прокрутку.
Быстрая и оптимизированная навигация
Настройка "Оптимизировать навигацию в каталоге", позволяет сразу делать редирект на подкатегорию с товарами, если промежуточная категория на странице категорий без товаров.
Подложка для фото
Функция включает отображение отдельного фона под товарами на страницах категорий. В зависимости от соотношения сторон изображения товара, фон будет более заметный или менее.
Карточка товара
- Спрятать количество товара в карточке
- Стики/Фиксированный правый блок с деталями
- Развернуть первую вкладку деталей товара
Главная особенность шаблона - это вид отображения фотографий в карточке товара (рис.15). Прокрутка фотографий происходит вниз.
Рисунок 15.
Настройки карточки товара находятся в разделе "Дизайн" - "Параметры", вкладка "Карточка товара", секция "Дополнительные настройки шаблона" (рис.16).
Рисунок 16.
Рассмотрим их ближе.
Скрытие поля количества товара
Опция прячет поле с количеством товаров в карточке товара (рис.17).
Рисунок 17.
Если включена опция "Быстрого просмотра товара", то там также будет спрятано количество.
Фиксированная колонка с информацией о товаре
Можно зафиксировать правую часть с информацией о товаре при скролле. При скроле фото двигаются вниз, контект с информацией справа остается (рис.18).
Рисунок 18.
Открытая вкладка с информацией по умолчанию
Сделать первую по счету вкладку в карточке товара по умолчанию развернутой (рис.19).
Рисунок 19.
Перейдем к рассмотрению возможностей мобильной версии.
Мобильная версия шаблона
Ниже рассмотрены примеры возможностей шаблона в мобильной версии. В каталоге увеличенные блоки с фотографиями (рис. 20).
В карточке товара фиксированная кнопка "Добавить в корзину", таким образом совершить покупку просто и удобно в любой момент просмотра товара (рис. 21).
В карточке товара более актуальная и стильная галерея фотографий (рис. 22).
Далее рассмотрим статические блоки шаблона.
Статические блоки шаблона
- Блок в подвале справа
- Блок на главной после Хитов продаж
- Блок на главной после Новинок
- Блок на главной после Скидок
Этот шаблон, как и другие имеет свои статически блоки. Включить, отключить, или изменить можно на вкладке "Статические страницы и блоки", раздел "Блоки". В поисковой строке вводим название шаблона Clothing, будут выведены блоки доступные для данного шаблона (рис.23).
Рисунок 23.
Рассмотрим каждый блок подробнее.
Блок в подвале справа
В полной версии отображается справа под блоком подарочный сертификат (рис.24).
Рисунок 24.
Блок на главной после Хитов продаж
Блок отображается сразу, после секции Хиты продаж на главной (рис. 25).
Рисунок 25.
Блок на главной после Новинок
Выполняет схожую функцию с предыдущим блоком (рис.26).
Рисунок 26.
Блок на главной после Скидок
Этот блок виден после раздела скидок на главной (рис.27).
Рисунок 27.
Данные статические блоки также применяются к мобильной версии сайта и приложению.
Готово. Мы рассмотрели основные особенности шаблона Clothing.
Другие статьи по теме
Тэги: shablon, clothing, шаблон, шаблоны, дизайн, шаблоны дизайна, шаблон clothing, Шаблон "Clothing"