Anystore - Универсальный адаптивный шаблон-конструктор

Совместимость: OcStore 2.1.0.2.1, OcStore 2.3.**, Opencart 2.1.**, Opencart 2.3.0.2,
Opencart.PRO 2.1.**, Opencart.PRO 2.3.**, Opencart.CMS 2.1.**, Opencart.CMS 2.3.**

Кроссбраузерность: Safari, Opera, Chrome, Firefox, IE 9+. Браузеры

Не заменяет файлы движка!

Полная поддержка мультиязычности!


Anystore это:

1. Премиум класс!

Шаблон содержит модуль настроек дизайна и функциональностей.
Огромное количество настроек стиля и опций поможет Вам легко управлять и редактировать свой интернет магазин.
В шаблоне так же есть дополнительные модули, облегчающие быстрый старт.

2. Уникальный дизайн!

Для изменения внешнего вида сайта Вам нет необходимости знать CSS или HTML или делать правки в файлах шаблона.
Изменить цвет текстов, ссылок, фонов, теней... Изменить шрифты, иконки, фоновые изображения...
Всё это и многое другое Вы сможете с лёгкостью сделать из админ панели шаблона парой кликов.
Нет никаких ограничений для создания собственного, уникального и неповторимого дизайна!

3. Универсальный стиль!

Используя безграничные возможности настроек стилевого отображения Вашего магазина,
Вы можете создать дизайн, подходящий для любой тематики.
Магазин спортоваров или ювелирных изделий, парфюмерии или одежды, детских игрушек или электроники...

4. Адаптивная вёрстка!

Ваш интернет магазин будет корректно отображаться и функционировать на всех девайсах,
имеющих разрешение от 320рх и выше: смартфоны, планшеты, десктопы, нетбуки, ноутбуки...

5. Расширяемость!

Шаблон будет дополняться новыми функциональными и дизайнерскими возможностями,
добавлением новых модулей и разработок...

Пожалуйста, внимательно ознакомьтесь с данной инструкцией прежде, чем приступите к настройкам шаблона. Данная документация описывает настройки именно шаблона Anystore, и никак не касается описания возможностей движка. Если у Вас есть желание полноценно задействовать огромный потенциал шаблона Anystore, Вы должны быть достаточно знакомы с Opencart (ocStore) и владеть базовыми знаниями CSS и HTML.

Важно! Для тех, кто обкатывает сайты на Денвере и у кого возникают ошибки при установке OCMOD-модификаторов/модулей:
Поскольку в Денвере нет FTP-сервера, возникают проблемы с загрузкой модулей через стандартный загрузчик OCMOD, когда движок требует выполнить загрузку модулей только через FTP.
Чтобы подобных проблем не было, необходимо установить специальный модуль, позволяющий обходить установку через FTP. Скачиваем, распаковываем архив.
Далее в админке Дополнения -> Установка дополнений -> кликаем Загрузить, выбираем из распакованного архива localcopy.ocmod.xml и устанавливаем его. Переходим в Менеджер дополнений и кликаем Обновить.
Далее переходим в Система -> Настройки и под вкладкой FTP пункт "Включить FTP" отмечаем в положении НЕТ.
Подобные проблемы возникают и на некоторых хостингах. В частности было замечено на Timeweb. Лечится так же.

1. Загрузка файлов шаблона Anystore.

Хотя шаблон Anystore не перезаписывает основные файлы движка, является хорошей практикой создание резервного копирования файлов и БД Вашей системы перед выполнением любых обновлений или изменений.

Распакуйте загруженный архив "anystoreV1.6.3-for-2.3.zip"

С помощью FileZilla (или любого другого FTP-клиента) перетащите или загрузите четыре папки (admin, catalog, image, system) из OCSTORE2.3/OPENCART2.3/OPENCART.PRO2.3/OPENCART.CMS2.3 (в зависимости от движка установленного у Вас) в основной каталог на вашем сервере, как показано на рисунке ниже.

Загрузка шаблона Anystore

2. Установка модификатора (ocmod)

В админке заходим в Дополнения >> Установка дополнений, кликаем Загрузить и выбираем из архива шаблона anystore.ocmod.zip

Важно! Архив anystore.ocmod.zip распаковывать не надо!

Далее заходим в Дополнения >> Менеджер дополнений и нажимаем кнопку "Обновить".

3. Установка шаблона Anystore в админ-панели Вашего сайта.

Войдите в админ-панель Вашего сайта и перейдите:

Дополнения >> Дополнения >> в панели фильтра выбираем Шаблоны >> Шаблон по умолчанию, кликаем редактировать >> кликаем в поле Папка шаблона и выбираем anystore.
Здесь же можно прописать основные настройки.

Установка шаблона Anystore

Далее заходим Система >> Пользователи >> Группы пользователей >> Administrator >> Редактировать
и кликаем Выделить всё для "Разрешить просмотр" и "Разрешить редактирование".

В левой колонке после Панели управления появится меню Anystore - Модули.

Установка шаблона Anystore

Из меню Anystore - Модули можно создавать новые соответствующие модули.
Для редактирования уже имеющихся необходимо пройти:
Дополнения >> Дополнения >> в панели фильтра выбираем Модули.

4. Активация шаблона.

Перейдите: Дополнения >> Дополнения >> в панели фильтра выбираем Модули >> >> Anystore - настройки шаблона >> Установить и далее Редактировать

Активация и настройки шаблона Anystore

Обязательно! В корне Вашего сайта переименуйте файл .htaccess.txt в .htaccess
Не забудьте включить опции шаблона!

Включение опций шаблона Anystore

1. Стилизация

Под вкладкой Стилизация находятся стилевые настройки шаблона, разделённые по секторам. В каждом секторе есть настройки фоновых изображений, цветов и теней.
В некоторых есть настройки шрифтов, дополнительных конфигураций.

Важно! Везде, где в настройках шаблона используется html-редактор ( WYSIWYG ), для сохранения данных введённого содержимого кликайте не кнопку Применить, а кнопку Сохранить.

Стилевые настройки шаблона Anystore

Настройки фоновых изображений

В Фоновых изображениях для нужного сектора сайта Вы можете выбрать свой узор или узор из предустановленной папки anystore-patterns (в ней находятся более 300 узоров).
Также Вы можете выбрать не узор, а любое изображение. Выбрать позиционирование и повторение рисунка.
Для общего фона можно выбрать привязанность рисунка, scroll (изображение будет скролится вместе с контентом сайта) и fixed (при скроллинге контента изображение остаётся фиксированным).

Настройки цветов

Здесь Вы можете выбрать цвет, яркость цвета для нужного элемента данного сектора, кликнув в необходимом поле.

Для сброса цвета просто очистите поле.
Кнопка Сбросить ... отменяет Ваши цветовые настройки во всех полях данного сектора.

Шрифты

Здесь Вы можете выбрать шрифт для нужного элемента, размер шрифта и поддержку кириллицы (если необходимо).
Кроме основных системных шрифтов поддерживаются более 650 Google-шрифтов. 55 из них поддерживают кириллицу.

Список шрифтов, поддерживающих кириллицу:

  1. Andika
  2. Anonymous Pro
  3. Arimo
  4. Bad Script
  5. Comfortaa
  6. Cousine
  7. Cuprum
  8. Didact Gothic
  9. EB Garamond
  10. Exo 2
  11. Fira Mono
  12. Fira Sans
  13. Forum
  14. Istok Web
  15. Jura
  16. Kelly Slab
  17. Ledger
  18. Lobster
  19. Lora
  20. Marck Script
  21. Marmelad
  22. Neucha
  23. Noto Sans
  24. Noto Serif
  25. Open Sans
  26. Open Sans Condensed
  27. Oranienbaum
  28. PT Mono
  29. PT Sans
  30. PT Sans Caption
  31. PT Sans Narrow
  32. PT Serif
  33. PT Serif Caption
  34. Philosopher
  35. Play
  36. Playfair Display
  37. Playfair Display SC
  38. Poiret One
  39. Press Start 2P
  40. Prosto One
  41. Roboto
  42. Roboto Condensed
  43. Roboto Slab
  44. Ruslan Display
  45. Russo One
  46. Scada
  47. Seymour One
  48. Stalinist One
  49. Tenor Sans
  50. Tinos
  51. Ubuntu
  52. Ubuntu Condensed
  53. Ubuntu Mono
  54. Underdog
  55. Yeseva One
Тени

Здесь Вы можете переопределить отображение теней элементов сайта. Назначить цвет, сдвиги, направление (внутри или снаружи) размытие и растяжение.
Если Вам надо отключить тень на каком-либо элементе, в поле цвета выберите любой цвет, а другие данные должны быть нулевыми.
При необходимости можно отключить все тени на сайте, отметив соответствующий чекбокс в секторе Базовая.

Дополнительные конфигурации
Сектор "Базовая"

Под вкладкой Доп.телефоны находятся поля для внесения дополнительных номеров телефонов.
К дополнительным номерам телефонов можно подключить отображение соотвествующего провайдера.
Предустановлены 31 иконка телефонных провайдеров, но можно загрузить и свои. Рекомендуемые размеры иконок 20х20рх.
Дополнительные телефоны выводятся в Контактном блоке и на странице контактов (Связаться с нами).
Также в Контактном блоке и на странице контактов можно вывести ссылку на скайп-звонок.
Данные скайпа берутся из настроек шаблона, вкладка Социальные кнопки, если в поле скайпа введено имя контакта. При этом чекбокс "Включить социальные кнопки" может быть и не отмеченным.

Дополнительные телефоны

При отключенном чекбоксе "Контент в боксе" включаются возможности Параллакс фонов и слайдшоу на всю ширину экрана.
При включенном чекбоксе контент отображается стандартно, Параллакс фоны отключаются.

При включенном чекбоксе "Режим каталога" отключается показ корзины и кнопок В корзину, что исключает возможность делать покупки.

Чекбокс "Скрыть цены" позволяет отключить вывод цен всем, в том числе и залогиненным пользователям.

При включенном чекбоксе "Простые регистрация и вход" включается простая регистрация и вход в модальном (всплывающем) окне.

Простая регистрация

При включенном чекбоксе "Включить Обратный звонок" включается иконка Обратного звонка, при клике на которую открывается модальное окно с формой ввода телефона.

Обратный звонок

При включенном чекбоксе "Анимировать кнопку Обратного звонка" включается анимация иконки Обратного звонка.

При включенном чекбоксе "Фиксировать корзину" Иконка корзины фиксируется. То есть, при скроле страницы Корзина всегда будет на виду.

Фиксированная корзина

Сектор "Верх шапки"

Под вкладкой Элементы топ-меню находятся поля и текстовые редакторы для формирования верхнего меню до 4-х элементов.
Если элемент - ссылка, укажите адрес в виде http://ssylka.ru Можно указывать как внешние ссылки, так и ссылки на внутренние страницы.
Если же элемент используется как контент-блок, то вставьте (впишите) в соответствующее поле HTML-код.
В контент-блок можно вставлять любое содержание (HTML-код). Картинки, видео, коды виджетов, карты, ссылки...
Содержание контент-блока будет выводиться в модальном окне, а при разрешении экрана менее 1200px в выпадающем блоке.

Под вкладкой Заголовки находится поле для введения своего названия мобильного верхнего меню.

Заголовок верхнего меню

При включенных чекбоксах "Показ одиночной валюты" и "Показ одиночного языка" язык и валюта будут выводится даже если у Вас используются один язык и/или одна валюта.

Чекбокс "Скрыть Описание товара" позволяет отключить вывод описания товара везде,
кроме вида Список (на страницах категории, поиска, производителя, товаров со скидкой) и карточки товара.

Сектор "Шапка"

Под вкладкой Доп.элементы меню находятся поля и текстовые редакторы для формирования дополнительных элементов меню, до 6-ти элементов (ссылками и/или выпадающими контент-блоками).
Настройки и возможности идентичны верхнему меню.

Под вкладкой Заголовки находятся поля для введения своих заголовков для пустой корзины (если корзина не компактная)

Заголовок пустой корзины

и блока контактов.

Заголовок блока контактов

Под вкладкой Варианты шапки есть возможность выбрать небходимый вариант шапки, с необходимыми позициями элементов.

Варианты шапки

Сектор "Меню"

Под вкладкой Доп.элементы меню находятся поля и текстовые редакторы для формирования дополнительных элементов меню, до 6-ти элементов (ссылками и/или выпадающими контент-блоками).
Настройки и возможности идентичны верхнему меню.

Под вкладкой Заголовок находится поле для введения своего заголовка мобильного главного меню.

Заголовок главного меню

Сектор "Подвал"

Под вкладкой Варианты подвала есть возможность выбрать небходимый вариант подвала, с необходимыми позициями элементов.

Варианты подвала

Сектор "Страница категории"

При включенном чекбоксе "Описание категории внизу" Описание категории будет под выводом товаров.

При включенном чекбоксе "Показывать изображения подкатегорий" будут выводиться изображения подкатегорий, если они есть.
При включенных чекбоксах "Показывать изображения подкатегорий" и "Показывать названия подкатегорий" будут выводиться и изображения подкатегорий, и ссылки-названия подкатегорий.
По умолчанию и при включенном только чекбоксе "Показывать названия подкатегорий" будут выводиться только ссылки-названия подкатегорий.

Сектор "Страница товара"

Под вкладкой Дополнительный блок находится html-редактор ( WYSIWYG ) для вставки дополнительного информационного блока на странице товара.
Данный блок носит ощий характер. То есть, он будет отображаться на странице каждого товара.
Для блоков с уникальным контентом для конкретного товара используется модуль Доп.блоки.
Об этом модуле смотрите в разделе данной инструкции Настройки дополнительных модулей.

Дополнительный блок в карточке товара

Под вкладкой Дополнительные вкладки расположены разделы для создания дополнительных вкладок на странице товара.
Возможно добавить до 2-х вкладок с блоками содержащими любую информацию, в том числе и html-код.
Данные вкладки носят ощий характер. То есть, они будут отображаться на странице каждого товара.
Для вкладок с уникальным контентом для конкретного товара используется модуль Доп.вкладки.
Об этом модуле смотрите в разделе данной инструкции Настройки дополнительных модулей.

C помощью соответствующих чекбоксов Вы можете выбрать кнопки для добавления контента в социальные сети. Предлагаются Addthis и Pluso. А можете их и вовсе не включать.

Чекбокс "Вертикальные вкладки" включает отображение блока вкладок вертикально.
По умолчанию вкладки отображаются стандартно, горизонтально.

Чекбокс "Включить Быстрый заказ" включает отображение кнопки быстрого заказа. При клике на эту кнопку выводится модальное окно с формой ввода номера телефона.
Покупателю достаточно ввести свой номер телефона и нажать кнопку. Если посетитель авторизован поле номера телефона заполняется автоматически.
Заказ поступает на e-mail администратора магазина в виде Название магазина, Название товара, ссылка на страницу товара, Цена товара, Код товара и Номер телефона заказчика.

Назначение чекбокса "Видео под фото товара" вполне понятно по названию. По умолчанию видео отображается под ценовым блоком.

Чекбокс "Включить карусель доп.фото" включает отображение дополнительных фото товаров в карусели.

Для вставки видео (видео обзоров) в карточку товара зайдите в админке Каталог > Товары выберите товар > Редактировать.
Далее вкладка Видео > нажмите кнопку Добавить видео и в текстовое поле вставьте код с Youtube, Vimeo
или с других сайтов, которые предоставляют возможность интеграции своих видео.

Каждому конкретному товару Вы можете прописать конкретное видео (видео обзор).

По умолчанию Доступные опции товара спрятаны под ссылку, при клике на которую опции раскрываются.
Чекбокс "Показывать опции открытыми" включает отображение Доступных опций развёрнутыми. Это необходимо, если опций у товаров не много.

2. Быстрый просмотр

При включении Быстрого просмотра в представлении товара на сайте отображается ссылка "Быстрый просмотр".
При клике на эту ссылку открывается модальное (всплывающее окно) со всеми возможностями, что присутствуют в карточке товара.
То есть, из окна Быстрого просмотра можно положить товар в корзину с выбором опций или воспользоваться Быстрым заказом,
добавить товар в сравнения или в закладки, написать отзыв о товаре и т.д.
По сути, это полноценная карточка товара, но в модальном окне и без перехода на саму страницу товара.
При необходимости можно назначить ссылке свои цвета.

Быстрый просмотр

Также можно включить режим галереи при котором можно переключать товары в определённом наборе и без перехода в карточку товара.

Быстрый просмотр товара работает на всех страницах, где есть возможность купить товар.

3. Пользовательские блоки

Эти блоки используют WYSIWYG редактор. Здесь Вы можете поместить любой HTML-код. Изображения, видео, ссылки, коды виджетов...

Блоки уведомлений Над шапкой и Под подвалом это временные, выдвижные блоки содержащие текущую, актуальную информацию, анонсы.
При закрытии пользователем этих блоков, они не будут больше отображаться, до изменения информации в них.
Данные в них сохраняются в локальном хранилище (более быстрая и более объёмная альтернатива cookie).
Стилевые настройки этих блоков находятся под вкладкой Стилизация в сеторах Верх шапки и Подвал.

В Блоке пустой корзины можно разместить Upsell предложение в виде изображения какого-либо товара с ссылкой на него.
Либо информацию о получении подарка, скидок...
В Блоке корзины с товаром также можно разместить Upsell предложение или благодарность за покупку...
Здесь Ваши возможности и фантазии не ограничены.

В Блоке на странице контактов можно разместить код карты расположения Вашего магазина,
фотографии помещений, персонала, видео...
Опять же, Ваши возможности и фантазии не ограничены.

В Блоке Сообщение при режиме обслуживания можно заменить вывод стандартной информации на свою, более информативную.

Блок над подвалом это дополнительный блок над футером.

В Блоке под подвалом можно разместить информацию о магазине, историю создания и развития, перспективы...
В блок платёжек рекомендуется вставлять изображения платёжных систем (можно и ссылками на эти платёжные системы).
С шаблоном поставляются некоторые изображения в папке Ваш_сайт/image/catalog/anystore-payments/ Но ничто не мешает загрузить и свои изображения.
Рекомендуемые размеры 51х32рх.

В Блоке копирайта Вы можете изменить копирайт по-умолчанию.

И не забывайте отмечать чекбоксы для отображения этих блоков!

4. Социальные кнопки

Здесь Вы можете отметить свои социальные сети.

Отметьте чекбокс "Включить социальные кнопки" и введите в нужное поле ссылку на Ваш профиль.
Выбранные кнопки будут отображаться кнопками-ссылками на соответствующий профиль над футером сайта.

5. CSS/JS

Здесь Вы можете переопределять стили элементов сайта (в поле CSS) и добавлять javascript-ы (в поле JS).

6. Стилевые схемы

Вы можете выбрать уже настроенную схему. Также Вы можете в вышеописанных настройках подправить выбранную Вами схему.

Комбинируйте настройки и экспериментируйте. И тогда Ваш сайт не будет похож на другие сайты!

7. Параллакс фоны

Для крошек и некоторых модулей, располагающихся вверху или внизу, можно подключить отдельные фоны с эффектом параллакс.
Параллакс фоны можно выбрать изображениями или видео. Если не отметить чекбокс "Включить параллакс фона", то фон будет без эффекта параллакс.
В этом случае можно выбрать привязанность изображения, фиксированно или с прокруткой. Также можно выбрать цвет фона,
как с изображением (цвет будет перекрывать изображение), так и без изображения (фон будет просто цветным).
При необходимости можно выбрать тип параллакса (один из 6-ти), скорость параллакса (как положительную, так и отрицательную),
цвет заголовка и цвет бордера под заголовком.

8. Система сообщений

Интегрированная система сообщений позволяет переписываться с авторизованными зарегистрированными клиентами магазина.
В личном кабинете посетитель может задать вопрос, проконсультироваться и получить ответ от администратора.

Anystore - Система сообщений

Сообщения от клиентов приходят в админку в специальный раздел,

Anystore - Система сообщений

Anystore - Система сообщений

откуда администратор может ответить на вопрос.

Anystore - Система сообщений

Как администратор, так и авторизованный посетитель могут односторонне очистить историю сообщений.
То есть, если клиент очистил историю сообщений, у администратора она не очистится.
Так же если администратор очистил историю сообщений с каким-либо клиентом, то у этого клиента история не очистится.

Настройки модулей Доп.блоки и Доп.вкладки.

С помощью модулей Доп.блоки и Доп.вкладки Вы можете создавать
дополнительные блоки и дополнительные вкладки с уникальным контентом для конкретного товара.
Настройки для Доп.вкладок и Доп.блоков идентичны.
Зайдите в админке Anystore - Модули -> Доп.вкладки/Доп.блоки.

Модули Доп.блоки и Доп.вкладки

Пропишите название блока/вкладки. Название вкладки в карточке товара отображается вкладкой, название блока используется только в системе.
Выберите необходимую позицию блока/вкладки и другие опции, сохраните.

Далее заходим в редактирование нужного товара, кликаем вкладку Вкладки/Блоки,
кликаем в поле автокомплита и в выпадающем списке выбираем нужные блок/вкладку.
В редакторе прописываем необходимый контент (изображения, видео, любой html-код).

Настройки модуля Anystore - Новости.

Модуль Anystore - Новости позволяет создавать новости для Вашего магазина и выводить их там, где Вы считаете это необходимо.
Зайдите в админке Anystore - Модули -> Новости -> Новости.

Anystore - Новости

Здесь Вы можете отредактировать новости или создать новую.

Anystore - Новости

А под кнопкой Настройки находятся настройки для вывода Списка всех новостей.

Anystore - Новости

SEO keyword для Списка новостей прописывается в Система -> Инструменты -> OC Team -> SEO менеджер. Например так:
В поле запрос прописываем information/anystore_news
В поле SEO Keyword прописываем novosti

Anystore - Новости

Далее заходим Дополнения -> Дополнения -> Модули -> Anystore - Новости, создаём сам модуль вывода новостей и далее добавляем этот модуль
на нужных схемах (макетах), выбирая расположение и прописывая порядок сортировки.

Для вывода новостей можно выбрать Список, Сетку или Слайдер.
Для Слайдера можно включить Одиночный слайдер, при котором новости будут выводиться в слайдшоу по одной новости.
При Одиночном слайдере можно выбрать анимацию слайдов, эффекты появления и исчезновения слайдов.

Anystore - Новости

Настройки модуля Anystore - Вы смотрели.

С помощью модуля Anystore - Вы смотрели Вы можете в любом месте сайта отобразить просмотренные посетителем товары.

Anystore - Вы смотрели

Настройки модуля достаточно просты. Обязательно включите отображение модуля для схемы (макета) Продукт.

Для вывода товаров можно выбрать Список, Сетку или Слайдер.
Для Слайдера можно включить Одиночный слайдер, при котором товары будут выводиться в слайдшоу по одному товару.
При Одиночном слайдере можно выбрать анимацию слайдов, эффекты появления и исчезновения слайдов.

Настройки модуля Anystore - Популярные.

Этот модуль выводит популярные (самые просматриваемые) товары.

Anystore - Популярные

Настройки модуля идентичны настройкам модуля Anystore - Вы смотрели кроме обязательного включения модуля для схемы (макета) Продукт.

Настройки модуля Anystore - Все вкладки.

Модуль Anystore - Все вкладки выводит Акции, Рекомендуемые, Новинки, Хиты продаж и Популярные во вкладках.

Anystore - Все вкладки

Вывод товаров по вкладкам работает автоматически. Если есть товары с акциями, то и вкладка Акции будет отображаться.
Вкладка Хиты продаж появится, как только будет хоть одна покупка какого-либо товара. Новинки это Последние товары.
Популярные это самые просматриваемые товары

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Все вкладки.

Anystore - Все вкладки

Отмечаем чекбоксы вкладок, которые необходимы.

Anystore - Все вкладки

Кликаем в поле Рекомендуемые товары и из выпадающего списка выбираем нужные товары.
Либо кликаем и вводим в это поле название необходимого товара.
С первой буквы в выпадающем списке автоматически будут выведены релевантные названия товаров.

В поле "Вид" Вы можете выбрать вывод товаров Сеткой или Слайдером.
При варианте Слайдер товары будут выводиться адаптивно из количество назначенного в поле "Лимит".

Сохраняем модуль и добавляем его в необходимые схемы (макеты).

Настройки модуля Anystore - Поиск.

Модуль Anystore - Поиск позволяет при вводе запроса в поисковой строке автоматически выводить в выпадающем списке релевантные названия товаров и ссылки на них.
Также в настройках модуля можно включить вывод цены, изображения и описания товара, количество выводимых товаров.
Модуль Anystore - Поиск работает по технологии Ajax.

Anystore - Поиск

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Поиск.

Anystore - Поиск

Прописываем необходимые настройки, сохраняем.

Anystore - Поиск

Настройки модуля Anystore - Модальные окна.

Всплывающие блоки информационных уведомлений, анонсов. С поддержкой html-кода.
При закрытии посетителем этого блока, он больше не будет показываться этому посетителю.
При изменении контента, блок снова будет показан до закрытия этого блока.
Данные сохраняются в локальном хранилище (более быстрая и более объёмная альтернатива cookie).

Anystore - Модальные окна

Можно создать для каждой схемы (макета) индивидуальный блок. С индивидуальной информацией, дизайном, функциналом.
А при наличии базовых знаний CSS можно создать уникальный дизайн.

Anystore - Модальные окна

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Модальные окна.

Anystore - Модальные окна

Вписываем контент и делаем необходимые настройки.

Anystore - Модальные окна

Сохраняем модуль и добавляем его в необходимую схему (макет). Выбор позиции (сверху, снизу ...) и сортировка не важны.

Фоновое изображение

Вы можете выбрать свой узор или любое изображение. Выбрать позиционирование и повторение рисунка.
А также выбрать позиционирование текста в модальном окне.

Цвета

Здесь Вы можете выбрать цвет, яркость цвета для нужного элемента, кликнув в необходимом поле.

Тень окна

Здесь Вы можете настроить тень модального окна.

Шрифты

Здесь Вы можете выбрать шрифт для нужного элемента, размер шрифта и поддержку кириллицы (если необходимо).

Задержка перед показом окна

Здесь Вы можете выбрать время задержки перед показом окна.

А также метод показа окна, по клику или автоматически.
Если эта опция включена в положение ДА, то время задержки уже не важно.
Также никакие данные не будут записываться в локальное хранилище.
Данная опция реализует возможность показа окна по клику какой-либо ссылки.
Например, мы хотим вывести модальное окно на странице товара по клику ссылки в описании товара.
Создаём окно с включенной опцией По клику, прописываем название (должно быть уникальным) Первый блок, добавляем в схему (макет) Продукт.
В тексте описания нужного продукта прописываем такую ссылку, например <a href="#" data-toggle="modal" data-target=".modal-pervyyblok">Модальное окно</a>.
Вместо pervyyblok прописываем уникальное название нашего модуля латиницей, в нижнем регистре, без пробелов.
Таким образом, мы можем создать в тексте несколько ссылок для разных модальных окон.

Важно! В названии модуля используйте только буквы, цифры и пробелы.

Название модуля транслитерируется в латиницу автоматически по таким правилам:
а -> a, б -> b, в -> v, г -> g, д -> d, е -> e, ё -> e, ж -> gh, з -> z, и -> i, й -> y, к -> k, л -> l, м -> m, н -> n, о -> o, п -> p,
р -> r, с -> s, т -> t, у -> u, ф -> f, х -> h, ц -> c, ч -> ch, ш -> sh, щ -> sch, ъ -> y, ы -> y, ь -> y, э -> e, ю -> yu, я -> ya
Учитывайте эти правила при прописывании ссылки в тексте.

Закрытие окна

Здесь Вы можете выбрать опции закрытия окна.
Запрет клика вне окна отключает возможность закрытия окна кликом по фону сайта, вне границ окна.
Опция Скрыть кнопку закрытия позволяет отключить показ кнопки закрытия (крестик).
Таким образом можно отключить возможность закрытия окна посетителями, а в контенте прописать код нужных кнопок, принудительно обязывающих клика по ним.
Для того, чтобы окно просто закрылось, кнопке надо прописать атрибут data-dismiss="modal".
Для того, чтобы окно закрылось и больше не показывалось посетителю, а данные занеслись в локальное хранилище,
кнопке надо прописать класс class="close-anystore-notice-name" и атрибут data-dismiss="modal".
Вместо name прописываете латиницей, в нижнем регистре и без пробелов название модуля (которое назначали в админке).
Например как в демо. Модальное окно для страницы информации в настройках модуля названо "В статьях".
Значит для кнопки прописываем класс class="close-anystore-notice-vstatyyah".
Также Вы можете прописать класс в соответствии с Вашей основной таблицей стиля, или стиля шаблона используемого Вами, или используя стили Bootstrap.

Настройки модуля Anystore - Выдвижные панели.

Данный модуль позволяет включить на страницах сайта панели,
контент которых изначально скрыт от посетителя (но не от поисковиков).
При наведении или клике на иконку, панель выдвигается.

Anystore - Выдвижные панели


Панели фиксированы. То есть, при скролле страницы иконки панелей всегда в поле видимости.

В этих панелях можно разместить любое содержимое (поддерживается HTML-код), в том числе изображения, видео, ссылки,
коды виджетов социальных сетей...
На каждой схеме (макете, странице) возможно формирование индивидуального набора панелей,
в количестве до 10 с каждой стороны страницы, слева и/или справа.

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Выдвижные панели.

Anystore - Выдвижные панели

Вписываем контент и делаем необходимые настройки.

Anystore - Выдвижные панели

Сохраняем модуль и добавляем его в необходимую схему (макет). Выбор позиции (сверху, снизу ...) и сортировка не важны.

При ширине экрана менее 640рх показ панелей отключается.

Настройки модуля Anystore - Контент.

Это клон модуля HTML Содержимое. Но с возможностью назначить каждому модулю свой индивидуальный цвет фона, фоновое изображение,
в том числе с эффектом параллакс с индивидуальными настройками, или нзначить фону видео, назначить цвет текста и цвет заголовка.

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Контент.

Anystore - Контент

Вписываем контент и делаем необходимые настройки.

Anystore - Контент

Сохраняем модуль и добавляем его в необходимую схему (макет). Выбираем позицию (сверху, снизу ...) и сортировку.

Настройки модуля Anystore - Стена категорий.

Модуль Anystore - Стена категорий позволяет выводить избранные категории в блоке в виде изображений и названий с ссылками на эти категории.
Возможно создать любое количество таких блоков и расположить их в любой схеме (макете).
Размеры изображений беруться из основных настроек магазина.

Anystore - Стена категорий

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Стена категорий.

Anystore - Стена категорий

Прописываем необходимые настройки, кликаем в поле "Выбрать категории" и из выпадающего списка выбираем нужные категории.
Либо кликаем и вводим в это поле название необходимой категории.
С первой буквы в выпадающем списке автоматически будут выведены релевантные названия категорий.
Сохраняем модуль и добавляем его в необходимые схемы (макеты).

Anystore - Стена категорий

Настройки модуля Anystore - Преимущества.

Модуль Anystore - Преимущества, не смотря на условное название, это модуль более широкого применения.
С помощью этого модуля можно создать и блоки преимуществ, и статичные баннеры, и прайс-блоки, и многое другое...
Возможности модуля неограниченны, и сферы его применения зависят от фантазии.

Anystore - Преимущества

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Преимущества.

Anystore - Преимущества

В основных настройках модуля прописываем количество блоков от 1 до 4.

Кликаем "Добавить блок" и прописываем необходимые настройки, добавляем ещё блок и прописываем для него настройки.
Таким образом добавляем необходимое количество блоков в соответствии с прописанным основным количеством.
Сохраняем и добавляем модуль в необходимые схемы (макеты).

Anystore - Преимущества

Настройки модуля Anystore - Слайдшоу.

Модуль Anystore - Слайдшоу позволяет выводить в слайдах контентные блоки с поддержкой html.
Можно отобразить блоки справа и/или слева и/или в центре.

Anystore - Слайдшоу

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Слайдшоу.

Anystore - Слайдшоу

Кликаем "Добавить слайд" и прописываем необходимые настройки, добавляем ещё слайд и прописываем для него настройки.
Таким образом добавляем необходимое количество слайдов.
Сохраняем и добавляем модуль в необходимые схемы (макеты).

Для эффекта переходов можно выбрать анимацию слайдов, эффекты появления и исчезновения слайдов.

Anystore - Слайдшоу

Настройки модуля Anystore - Отзывы о магазине.

Модуль Anystore - Отзывы о магазине позволяет выводить отзывы посетителей.
Отзывы можно отобразить в слайдшоу,

Anystore - Отзывы о магазине

сеткой,

Anystore - Отзывы о магазине

или списком.

Anystore - Отзывы о магазине

Заходим Anystore - Модули -> Отзывы о магазине -> Отзывы о магазине.

Anystore - Отзывы о магазине

На этой странице Вы можете редактировать поступившие отзывы.

Далее в Дополнения -> Дополнения -> Модули -> Anystore - Отзывы о магазине.
Делаем необходимые настройки. Сохраняем и добавляем модуль в необходимые схемы (макеты).

При включении отображения кнопки "Все отзывы", посетитель,
кликнув по ней, попадает на страницу всех имеющихся отзывов о магазине,
где посетитель может оставить и свой отзыв.

Anystore - Отзывы о магазине

SEO keyword для страницы Отзывов о магазине прописывается в Система -> Инструменты -> OC Team -> SEO менеджер. Например так:
В поле запрос прописываем information/anystore_testimonial
В поле SEO Keyword прописываем testimonials

Для вывода отзывов можно выбрать Список, Сетку или Слайдер.
Для Слайдера можно можно выбрать анимацию слайдов, эффекты появления и исчезновения слайдов.

Настройки модуля Anystore - Отзывы о товарах.

Модуль Anystore - Отзывы о товарах позволяет выводить отзывы о товарах.
Отзывы можно отобразить в слайдшоу, сеткой или списком.
При варианте Слайдер отзывы будут выводиться адаптивно из количество назначенного в поле "Лимит".

Anystore - Отзывы о товарах

Anystore - Отзывы о товарах

При включении опции "Одиночный слайдер" в слайдшоу будет выводиться только один отзыв.
Это особенно полезно при выводе модуля в левой или правой колонке.

Anystore - Отзывы о товарах

Заходим Дополнения -> Дополнения -> Модули -> Anystore - Отзывы о товарах.

Anystore - Отзывы о товарах

Делаем необходимые настройки. Сохраняем и добавляем модуль в необходимые схемы (макеты).

При включении отображения кнопки "Все отзывы", посетитель,
кликнув по ней, попадает на страницу всех имеющихся отзывов о товарах.

Anystore - Отзывы о товарах

SEO keyword для страницы Отзывов о товарах прописывается в Система -> Инструменты -> OC Team -> SEO менеджер. Например так:
В поле запрос прописываем product/anystore_reviews
В поле SEO Keyword прописываем otzyvy

Для вывода отзывов можно выбрать Список, Сетку или Слайдер.
Для Слайдера можно включить Одиночный слайдер, при котором отзывы будут выводиться в слайдшоу по одному отзыву.
При Одиночном слайдере можно выбрать анимацию слайдов, эффекты появления и исчезновения слайдов.

Настройки модуля Anystore - Статьи.

Модуль Anystore - Статьи позволяет создавать статьи для Вашего магазина и выводить их там, где Вы считаете это необходимо.
Статьи можно отобразить в слайдшоу, сеткой или списком.
Настройки модуля идентичны настройкам модуля Anystore - Новости.

Настройки модуля Anystore - Алфавит.

Anystore - Алфавит

С помощью этого модуля можно выводить алфавит, начинающихся на соответствующую букву товаров.
Anystore - Алфавит

При включении опций Кириллица/Латиница,
Anystore - Алфавит
Anystore - Алфавит
будут отображаться буквы соответствующих алфавитов.

При включении опции Цифры,
Anystore - Алфавит
будут отображаться цифры, на которые начинаются названия товаров.

При включении фильтра алфавита,
Anystore - Алфавит
будут отображаться буквы только тех товаров, которые есть на данной странице.
Но этот фильтр не сработает, если отключена опция "Только буквы, на которые есть товары".
Anystore - Алфавит
В этом случае, будут отображаться все буквы алфавитов (кирилличного и латинского) и цифры.

Также имеются настройки фона блока, эффекта параллакс, цветовые настройки заголовка и ссылок (букв, цифр).

Настройки модулей Anystore - (Акции, Рекомендуемые, Последние, Хиты продаж).

Модули Anystore - (Акции, Рекомендуемые, Последние, Хиты продаж) это клоны
соответствующих стандартных модулей, но с расширенными настройками.
Настройки модулей идентичны настройкам модулей Anystore - Популярные и Anystore - Вы смотрели.

Вы можете подключить своё стилевое оформление с возможностью активации его из админки.

Создайте свой стиль, сохраните его в файле your_style.css (вместо your_style Ваше название латиницей в нижнем регистре)
и закиньте его в папку Ваш_магазин/catalog/view/theme/anystore/stylesheet/schemes/ ( в этой папке находятся все стилевые схемы шаблона )

Создайте картинку Вашего стиля в формате .png размером 120х180 пикселей, с названием совпадающим с именем .css файла
и закиньте картинку в папку Ваш_магазин/admin/view/image/anystore-scheme/

Зайдите в админку своего сайта, в модуль настроек шаблона Anystore, Ваша стилевая схема с картинкой будет в ряду других стилевых схем.

Даже если Вы совсем не знакомы с CSS, Вам всё равно будет не трудно создать файл стилевого оформления.

Для этого в админке шаблона под вкладкой Стилизация создайте стилевые настройки фоновых изображений, цветов, теней, шрифтов...
Сохраните свои настройки и зайдите на сайт. Кликнете правой кнопкой мышки, выберите Исходный код (Просмотр кода страницы)...
Перед закрывающем тегом </head> скопируйте код между тегами <style type="text/css"> копируемый код </style> .

Создайте текстовый файл и вставьте в него скопированный код,
сохраните этот файл как your_style.css (вместо your_style Ваше название латиницей в нижнем регистре)
и закиньте его в папку Ваш_магазин/catalog/view/theme/anystore/stylesheet/schemes/.

Создайте картинку Вашего стиля в формате .png размером 120х180 пикселей, с названием совпадающим с именем .css файла
и закиньте картинку в папку Ваш_магазин/admin/view/image/anystore-scheme/. В админке шаблона удалите Ваши стилевые настройки. Всё!

Ваша новая стилевая схема готова к эксплуатации Вами из админки.

Шаблон Anystore поставляется с русским и английским языком.
Если Вы хотите использовать в админке другие языки для настроек шаблона, выполните следующее:

Скопируйте файл Ваш_магазин/admin/language/ru-ru/extension/module/anystore.php
в папку Ваш_магазин/admin/language/ваш_язык/extension/module

Откройте файл Ваш_магазин/admin/language/ваш_язык/extension/module/anystore.php в текстовом редакторе (рекомендуется Notepad++)и сделайте перевод слов и фраз в правой колонке. Сохраните файл в кодировке UTF-8 без BOM.

Настройки других языков

Для перевода фронтенда скопируйте папку Ваш_магазин/catalog/language/ru-ru/anystore в папку Ваш_магазин/catalog/language/ваш_язык. Откройте файл Ваш_магазин/catalog/language/ваш_язык/anystore/anystore.php в текстовом редакторе и сделайте перевод слов и фраз в правой колонке. Сохраните файл в кодировке UTF-8 без BOM.

Подключение любого стороннего шрифта

Иногда необходимо подключить шрифт, которого нет среди Google-шрифтов (особенно кириллических).
В интернете есть сервисы, предоставляющие возможность подключение любого имеющегося шрифта, в том числе и со свободной лицензией. Например: webfont.ru
Итак, находим необходимый шрифт и прописываем в нашей админке, в настройках шаблона, во вкладке CSS/JS в поле для CSS такой код, например:
</style>
<link href='http://webfonts.ru/import/gunnyrewritten.css' rel='stylesheet' type='text/css'>
<style>

Теперь к любому элементу можно подключить новый шрифт. Например для меню прописываем:
#menu {font-family: 'Gunny Rewritten';}
Такими вариантами можно подключить любой шрифт, в том числе скачав и загрузив нужный шрифт себе на сайт.
Будьте внимательны! Учитывайте авторские права.

Уникальный дизайн модального окна

При желании можно создать уникальный дизайн Модального окна для необходимой схемы (макета). Например, как на главной странице демо.
Для этого в настройках шаблона во вкладке CSS/JS в поле для CSS прописываем нужный код.
Для примера такой:
#anystore-modal .modal-dialog.common-home {
max-width:650px;
}
#anystore-modal .common-home .modal-content {
box-shadow:none;
border:0;
min-height:340px;
text-align:left;
}
#anystore-modal .common-home .modal-header .close {
right:90px;
}

Основной идентификатор Модального окна это #anystore-modal
класс .common-home это класс текущей страницы (схемы, макета).
.modal-dialog это класс основного блока
.modal-content это класс контента
.modal-header .close это класс закрывающей кнопки (крестик)
.modal-body это класс внутреннего блока контента

Таким образом, обращаясь к нужным классам, через класс текущей страницы,
можно создать уникальный дизайн, выходящий за рамки доступных настроеек.

Anystore - Модальные окна

Индивидуальный фон крошек (для параллакс)

Для каждой категории свой фон крошек можно реализовать так.
В админке, в настройках шаблона, вкладка CSS/JS в поле для CSS прописываем такой код, например:
.product-category-20 .breadcrumb-wrap {
background: url("абсолютный путь к изображению");
}

В данном случае 20 это уникальный идентификатор категории.
При этом в Параллакс фонах Вы можете только отметить Включить параллакс фон для крошек (и другие настройки при необходимости), не устанавливая изображение вообще.
Тогда фон крошек будет только для категории/категорий с указанными идентификаторами. На других категориях/страницах фонового изображения крошек вообще не будет.
Таким образом можно индивидуально прописывать фоны крошек и для товаров, и для других страниц.

fontawesome.github.com/Font-Awesome -> Font-Awesome
subtlepatterns.com -> Subtle Patterns

Изображения продуктов, баннеров на демо для демо-версии и в архив с Anystore не включены!

Адаптивный шаблон Anystore является коммерческим продуктом и защищён Законом об авторских правах.
При покупке коммерческой лицензии Вы получаете право использовать шаблон Anystore на одном домене.
Запрещено размещение данного ПО на других ресурсах без разрешения автора.
В том числе в ознакомительных, образовательных, развивающих или иных целях.
Запрещено передавать или продавать файлы шаблона третьим лицам без разрешения автора.
Для обсуждения других видов лицензии (Расширенная, Реселлерская и т. д.) обращайтесь по скайпу или e-mail.

Помните! Приобретая или скачивая шаблоны на варезниках, в складчину, размещённые на сторонних сайтах без разрешения автора,
Вы рискуете получить недоброкачественный продукт, заражённый вредоносным кодом, вирусами, троянами...
А также Вы лишаетесь профессиональной и своевременной авторской техподдержки, последующих обновлений, различных бонусов и многого другого!

Техподдержка для покупателей и консультации предоставляются в теме по шаблону Anystore на форуме и e-mail.
Если у Вас возникли вопросы выходящие за рамки этого документа, Вы можете задать их на email komissar.igor@gmail.com
Основная техподдержка оказывается только в теме шаблона Anystore на форуме.

Шаблон будет расширяться дополнительными функциями, но и цена в этом случае будет повышаться. Для покупателей все дальнейшие обновления и дополнения будут бесплатны.

Ulvia Lab. © 2016

Выбирай свой стиль! Будь в ногу со временем!