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