Как вам помочь ?
Инструкция к шаблону "Clean"
В данной статье рассмотрим особенностии и настройки шаблона "Clean".
Внимание
Шаблон "Clean" может быть установлен только на магазин версии 13.0.1 и выше. Если Ваш магазин версии ниже, пожалуйста, обновите магазин до последней актуальной версии на момент установки шаблона.
Главная особенность шаблона в том, что шаблон сделан на весь экран по типу лендинга.
После установки шаблона в каждом блоке настроек доступен раздел "Дополнительные настройки", который предназначен для данного шаблона.
Рассмотрим каждый блок настроек подробнее.
Основные настройки
Переходим в раздел "Дизайн", вкладка "Параметры", далее "Основные" (рис.1).
Рисунок 1.
На данной странице переходим к разделу "Дополнительные настройки" (рис.2).
Рисунок 2.
Данные опции этого блока выводятся только после установки шаблона "Clean". Для других шаблонов данный блок "Дополнительные настройки" доступен, но с другим набором опций.
Далее рассмотрим каждый пункт подробнее.
Где выводить логотип - несколько вариантов вывода: нигде (рис.3), в шапке слева (рис.4), в шапке по центру (рис.5), под каруселью (рис.6).
Рисунок 3.
Рисунок 4.
Рисунок 5.
Рисунок 6.
Режим отображения поиска (спец.настройка для Clean):
нигде - строка поиска и знак поиска отсутсвуют на сайте,
в шапке (рис.7),
в шапке компактно (рис.8),
в каталоге - знак поиска отображается, если включен режим отображения меню категорий "Каталог" (рис.9),
фиксировано - знак поиска закреплен справа, не исчезает при любых действиях на странице сайта (рис.10).
Рисунок 7.
Рисунок 8.
Рисунок 9.
Рисунок 10.
Режим отображения меню категорий:
нигде - вывод категорий отсутсвует,
в шапке (компактно) (рис.11),
в каталоге - выводится под каруселью или под шапкой сайта, если они выводятся на странице (рис.12)
Рисунок 11.
Рисунок 12.
Выводить шапку - если опция отключена, то шапка с меню на сайте отсувует (рис.13)
Рисунок 13.
При активации опции шапка с меню доступна (рис.14).
Рисунок 14.
Фиксированная шапка - при просмотре страницы шапка будет закреплена (рис.15), если опция неактивна, то шапка с меню будет исчезать при просмотре страницы.
Рисунок 15.
Отображать шапку в две строки - если опция подключена, то шапка выводится в две строки (рис.16).
Рисунок 16.
При отключении опции вся информация и пункты меню размещаются в одной строке (рис.17).
Рисунок 17.
Отображать подложку для шапки - при включении опции шапка будет с темным фоном на карусели (рис.18), при отключении - фон будет прозрачный (рис.19).
Рисунок 18.
Рисунок 19.
При этом если включена настройка "Фиксировать шапку", то подложка отображается всегда, вне зависимости от значения настройки, потому что фиксированная шапка не может быть с прозрачным фоном.
Выводить город в шапке
Город, выбор города становятся доступными при активации опции (рис.20).
Рисунок 20.
Выводить категории в компактном меню в шапке в две колонки: при выбранном режиме отображения каталога в меню компактно, меню категорий выводится в две колонки (рис.21), по умолчанию- в одну.
Рисунок 21.
Выводить карусель слайдов на всех страницах - главная карусель слайдов будет присутствовать не только на главной, но и на всех страницах пунктов меню, категорий и карточки товара. В качестве примера показана карусель на страницу "Оплата" (рис.22).
Рисунок 22.
Затемнение карусели - чем больше число, тем темнее карусель, чем меньше, тем четче видно рисунок слайда (рис.23).
Рисунок 23.
Выводить блок под каруселью на всех страницах (десктоп) - если подключен статический блок "Банер на всю ширину экрана на главной под шапкой (шаблон Clean)", при включении опции блок будет выводиться на всех страницах.
В качестве примера, находим "Банер на всю ширину экрана на главной под шапкой (шаблон Clean)", добавляем в блок текст, переходим на любую страницу магазина (рис.24).
Рисунок 24.
Выводить подкатегории в меню категорий - если категории выведены в главном меню и необходимо выводить дополнительно подкатегории, необходимо активировать данную опцию (рис.25).
Рисунок 25.
Фиксированная корзина - корзина присутствует не только в шапке, но и в правой части сайта при любых действих на странице (рис.26).
Рисунок 26.
Компактный режим отображения подвала - пункты нижнего меню выводятся в строку без заголовков подразделов (рис.27).
Рисунок 27.
Переходим в раздел "Дизайн", вкладка "Параметры", далее "Главная страница", раздел "Дополнительные настройки шаблона" (рис.28).
Рисунок 28.
Рассмотрим настройки подробнее.
Тип отображения категорий на главной: плитка - выводятся названия всех категорий (рис.29), список (подробно) - выводятся категории с товарами (рис.30).
Рисунок 29.
Рисунок 30
Отображать в блоке категорий (только для типа отображения 'Список'): только подкатегории (рис.31), только товары (рис. 32), подкатегории и товары (рис.33).
Рисунок 31.
Рисунок 32.
Рисунок 33.
Отображать описание категорий на главной (только для типа отображения 'Список') - если к категории добавлено описание, оно будет выводиться при активации данной опции (рис.34).
Рисунок 34.
Количество подробно отображаемых подкатегорий (только для типа отображения 'Список', требуется больше ресурсов) - если в категории много подкатегорий, здесь указывается то количество, которое выводится на главной.
Заголовок 'Показать больше категорий' (только для типа отображения 'Список') - если категорий много, выводятся несколько в расширенном виде, остальные в компактном виде в блок "Показывать больше категорий" (рис.35).
Рисунок 35.
Далее рассмотрим настройки для раздела "Категории товаров"
Категории товаров
Настройки категорий товара шаблона доступны на вкладке "Дизайн", вкладка "Параметры", далее "Категория товаров", раздел "Дополнительные настройки шаблона" (рис.36).
Рисунок 36.
Растягивать фото товара по высоте и ширине - по умолчанию данная настройка включена, фото товаров растягиваются по высоте и ширине блока по умолчанию данная настройка. Фото товаров выглядят так (рис.37).
Рисунок 37.
При отключенной настройке фото выглядят так (рис.38).
Рисунок 38.
Тип отображения фотографии категории:
Классический режим - это когда фото категории и текст внизу. При наведении на категорию фото немного темнеет в качестве hover-эффекта (рис.39).
Рисунок 39.
Обложка - это когда картинка категории становится фоном, при наведении немного растягивается, а текст отображается сверху на картинке (рис.40).
Рисунок 40.
Выравнивать название категории по центру по вертикали (при отображении фото категорий обложкой) - по умолчанию опция отключена, название пишется внизу (рис.41). При активации функции для типа отображения фото категории "Обложкой" название будет выводиться посередине (рис.42).
Рисунок 41.
Рисунок 42.
Карточка товара
Тип отображения карусели фотографий в карточке товара - если у товара добавлено несколько фотографий, то карусель фото может быть: слева от основного фото (рис.43), под основным фото (рис.44), либо не отображать - дополнительные фото не выводятся (рис.45).
Рисунок 43.
Рисунок 44.
Рисунок 45.
Место отображения вкладок в карточке товара - настройка позволяет регулировать, где будут выводиться вкладки например такие, как отзывы о товарах, рейтинг, видео и т.д.
Варианты отображения:
во всю ширину экрана - отображаются под фото и основной информацией о товаре во всю ширину сайта (рис.46);
слева под блоком фотографий - выводится слева только под блоком с фото (рис.47);
справа под ценой - выводится справа под ценой и кнопкой купить (рис.48).
Рисунок 46.
Рисунок 47.
Рисунок 48.
Также для шаблона "Сlean" предусмотрены статические блоки.
Стаические блоки шаблона "Сlean"
Переходим в раздел "Мои сайты", "Редактирование", далее раздел "Статические страницы и блоки", вкладка "Блоки" (рис.49).
Рисунок 49.
В строке поиска вводим название шаблона, выводится список блоков доступных для данного шаблона (рис.50).
Рисунок 50.
Рассмотрим каждый блок подробнее. Внесем в блок текст для примера и рассмотрим, где отображаются изменения на сайте.
Блок на главной после списков товаров (шаблон Clean): переходим в режим редактирования блока, вносим изменения (рис.51).
Рисунок 51.
Сохраняем внесенные изменения, смотрим на сайте. Блок отображается внизу страницы после списка всех товаров и категорий (рис.52).
Рисунок 52.
Далее рассмотрим визуальное отображение каждого блока.
Блок после иконки корзины в шапке (шаблон Clean) (рис.53).
Рисунок 53.
Блок на главной перед списками товаров (рис.54).
Рисунок 54.
Блок перед блоком компактного поиска в шапке (рис.55).
Рисунок 55.
Текст на карусели (рис.56).
Рисунок 56.
Банер на всю ширину экрана на главной под шапкой (шаблон Clean) (рис.57).
Рисунок 57.
Банер на всю ширину экрана над подвалом (шаблон Clean) (рис.58).
Рисунок 58.
Банер с контактами (шаблон Clean) (рис.59).
Рисунок 61.
Блок в шапке (шаблон Clean) (рис.60).
Рисунок 62.
Итак, мы рассмотрели основные особенности и настройки шаблона "Clean".
Готово.
Другие статьи по теме
Тэги: clean, шаблона clean, Clean, шаблон Clean