Представляю вам новый шаблон LightShop который сделан как шаблон для создания интернет магазинов Instantcms. Этот шаблон является заточенным под InstantShop решением, который позволяет развернуть любой интернет магазин для продажи в интернете. Шаблон сделан в 10 цветовых решениях и может быть применён в создании разных интернет магазинов по тематикам от женских или продажи сувениров до более разных рещений.
Расскажу про шаблон подробнее.
1. Управление из админ части сайта
2. Встроенная покупка из категорий
3. Покупка товара на странице товара без перезагрузки
4. Дополнительно переработанные виды модулей по выводу витрины, новых товаров, популярных товаров
5. Переботанная корзина
6. Внедренный слайдер
7. 10 цветовых гамм, позволяющих сделать шаблон мягче или солиднее
8. Переработанные категории товаров с выводом картинки под названием
9. Полная адаптивность
10. Внедрена schema микроразметка (показывает в выдаче яндекса и гугла цену и тд)
LightShop 2016
Инструкция по установке и настройке:
1. Скопируйте файлы в корень сайта из каталога "Шаблон для установки на рабочий сайт"
Внимание! Заменяются некоторые файлы движка и компонентов.
(Используйте программу для сравнения файлов для просмотра изменений)
2. Установите в компонентах DeZzo Framework, проведите настройку и сохранить ее:
- опция "Загружать Google Web Font" должна быть отключена
- опция "Динамическая ширина шаблона" на демо установлена как 320,1200,100
- опции "Блок разработчиков, Социальные закладки, Заглушка Internet Explorer 6,7" не используются в данном шаблоне
- остальные опции можно оставить со значениями по умолчанию или установить подходящие для вашего сайта
3. Установите в модули:
Бегущая строка - возможно использовать в данном стиле, в демо не участвует.
Слайдер новостей - возможно использовать в данном стиле, в демо не участвует.
Категории с изображением - используется для вывода категорий с крупным изображением вместо иконки:
- предпочтительный размер изображений 400x200
- количество уровней категорий не более двух
4. Для включения выбора вариантов цветов:
- опубликуйте модуль "Выбор шаблона" в позиции footer_module
- установите показ на всех страницах
- шаблон модуля обязательно должен быть module_no.tpl
Внимание! Данная Модуль-опция реализована специально для демо и использует шаблон _default_.
Каждый цветовой вариант это отдельный шаблон, можно устанавливать не все цветовые варианты или вообще один.
5. Позиции немного отличаются от схемы positions.jpg. В данном шаблон-стиле:
- не используются позиции login,user, вместо них выводится позиция cart
- позиция top_menu выводиться выше позиции main_menu
- позиция newsscroll используется для вывода основного слайдера (см. Пункт 6)
- позиция banner2 используется для вывода модуля меню с 4-мя пунктами (см. Пункт 7)
- под позицией bottom добавлена позиция bottom2
6. Основной слайдер с изображениями.
- создайте пользовательский модуль
- установите его в позицию newsscroll
- шаблон модуля обязательно должен быть выбран module_top_slider.tpl
- в поле html-кода (режим источник) разместите код слайдера.
Пример кода слайдера из 3-х слайдов:
<div><img alt="Слайд1" src="/images/content/slide1.jpg" /> <a href="/slide1">Стильная прическа <span>все нужное есть у нас</span></a></div>
<div><img alt="Слайд2" src="/images/content/slide2.jpg" /> <a href="/slide2">Долгожданный отпуск <span>заграницей как дома</span></a></div>
<div><img alt="Слайд3" src="/images/content/slide3.jpg" /> <a href="/slide3">Вставай на лыжи <span>чтобы было тепло на зимнем курорте</span></a></div>
где:
div - блок одного слайда
img - изображение -> src - путь к изображению
a - ссылка куда ведет слайд -> href - путь для перехода по ссылке, первая строка крупным шрифтом
span - вторая строка меньшим шрифтом внутри ссылки
7. Меню с 4-мя пунктами в позиции banner2.
- вместо иконки используется иконочный шрифт
- можно дать пунктам свои названия и css-классы (предварительно прописав правила в css-файлы).
- на демо используются названия: Как сделать заказ, Оплата товара, Доставка товара, Наши гарантии
И css-классы: zakaz, payment, delivery, guarantee соответственно.
Прописаны они в template.css. Их можно использовать для примера при создании своих классов.
- шаблон модуля установлен module_simple.tpl
8. Меню в позициях top_menu и main_menu:
- должны иметь шаблон модуля module_simple.tpl
- максимально два уровня вложенности
9. Модуль InstantShop - Корзина:
- устанавливается в позицию cart
- шаблон модуля module_no.tpl
- возможен вывод списка товаров в корзине
- галочка "Скрывать модуль если корзина пуста" должна быть снята
10. Модуль InstantShop - Витрина:
- выводиться по умолчанию слайдером в 5 слайдов, число не регулируется
- для вывода всех товаров блоками установите параметр "Число колонок для вывода" на 0
11. Модули InstantShop - новые и популярные товары:
- для вывода в виде слайдера нужно указать css-префикс "module slider_" без кавычек
- для вывода в виде двух колонок, в каждой 1 большой блок и 3 маленьких,
нужно установить "Количество товаров" и "Число колонок для вывода" равным 8
12. Для выделения заголовка красным цветом устанавливайте шаблон модуля module_red_title.tpl
13. Ссылки на социальные закладки прописываются в файле template.php