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

Совместимость: ocStore 1.5.4.x, 1.5.5.х, Opencart 1.5.4.x, 1.5.5.х, 1.5.6, Maxystore 1.5.4.x, 1.5.5.х

Не изменяет файлы движка! Не использует VQMOD!

• создан: 07/08/2013
• последнее обновление: 07/03/2014
• версия шаблона: V1.7
• автор: inguard

UpStore это современный, отзывчивый шаблон. Элегантный дизайн для любого интернет-магазина.

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

Установка шаблона очень проста.

Распакуйте загруженный архив "upstore-theme-V1.6.zip". 

С помощью FileZilla (или любого другого FTP-клиента) перетащите или загрузите папку patterns в Ваш_сайт/image/data, как показано на рисунке ниже.

Перетащите или загрузите три папки (admin, catalog, image) из OCSTORE_1.5.4 или OCSTORE_1.5.5 или OPENCART_1.5.4 или OPENCART_1.5.5_1.5.6 или MAXYSTORE_1.5.4 или MAXYSTORE_1.5.5 (в зависимости от версии ocStore/OpenCart/Maxystore установленного у Вас) в основной каталог ocStore/OpenCart/Maxystore на вашем сервере, как показано на рисунке ниже.

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

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

Система >> Настройки >> Изменить >> Витрина >> и выбрать UpStore

3. Системные установки.

Перейдите: Система >> Настройки >> Изменить >> Изображения и введите размеры изображений, как показано на рисунке ниже:

Дополнительно для версии Maxystore 1.5.4.1:
Перейдите: Система >> Настройки >> Изменить >> Новости и введите размеры изображений, как показано на рисунке ниже:

Дополнительно для версии Maxystore 1.5.5.1:
Перейдите: Система >> Настройки >> Изменить >> Новости и введите размеры изображений, как показано на рисунке ниже:

Для модулей Хиты продаж, Рекомендуемые, Акции параметры такие же.
Если вы используете эти модули в левой или правой колонке, настройки на рисунке ниже.

d) Настройки Карусели.

Перейдите: Дополнения >> Модули >> Карусель и введите параметры, как показано на рисунке ниже

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

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

Перейдите: Дополнения >> Модули >> UpStore - настройки темы >> Установить и Изменить

Так же, если Вам необходимо, устанавливаете модули Все вкладки и Контентные блоки.

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

Модуль Контентные блоки позволяет создать безграничное количество блоков.
В которых Вы можете прописать любой html-код, виджеты от Одноклассников, Вконтакте, Фейсбука, Твиттера, Карт от Google или Яндекс...
Выбрать ширину, высоту блока, расположение и схему.

Если Вы хотите использовать большой логотип, поставьте галочку. В этом случае Блок1 (Распродажа) будет отключен.

Если Вы хотите включить эффект всплывающих кнопок...

поставьте галочку.

По умолчанию (или при отключении эффекта всплывающих кнопок) кнопки отображаются так:

Если Вы хотите использовать Категории в блоке (вертикальный вариант меню)...

поставьте галочку. Категории в блоке будут отображаться и при разрешении монитора менее 1024рх по ширине.

По умолчанию и при отключении Категорий в блоке (при разрешении монитора более 1024рх по ширине) категории отображаются так:

Если Вы хотите использовать выплывающее фиксированное меню категорий...

поставьте галочку.

Если Вы хотите включить описания товаров в модуле Все вкладки...

поставьте галочку.

Вы можете заполнить поля...

для отображения в контактном блоке.

В контактном блоке отображаются данные из настроек магазина. Данные скайпа берутся из настроек шаблона вкладки Социальные кнопки.
Данные E-mail и скайп являются соответствующими ссылками.

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

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

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

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

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

1. Цвета

Перейдите на вкладку "Цвета". Кликнете в поле нужного элемента и выберите нужный цвет в "Color Picker".

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

2. Настройки фоновой картинки или узоров (паттернов).

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

Если Вы хотите узоры (паттерны), кликните нужный элемент с  "... узор"

В окне Менеджера изображений перейдите image > patterns и выберите нужный узор.

В этой папке более 300 узоров. Также Вы можете загрузить и установить свой узор.

Для сброса настроек изображений кликните "Очистить".

3. Шрифты

Перейдите на вкладку "Шрифты" и выберите шрифт для нужного элемента...

... выберите размер шрифта.

если Вам нужен кириллический шрифт, поставьте галочку

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

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

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

Перейдите на вкладку "Пользовательские блоки".

Блоки в шапке.

Эти блоки используют WYSIWYG редактор. Здесь Вы можете поместить любой HTML-код. Важно: В этих блоках учитывайте их размер!

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

Изменить текст в этих блоках Вы можете в файле Ваш_магазин/catalog/language/ваш_язык/upstore/upstore.php.

Блоки в подвале.

Эти блоки также используют WYSIWYG редактор. Если блоки "О нас", "Twitter", "Найти нас" включить, но оставить пустыми, то и на сайте они также будут отображаться пустыми.
Если Вы используете модуль Контентные блоки, то включать блоки над подвалом нет особой необходимости. Модуль Контентные блоки отлично их заменяет.
Если оставить пустым "Блок под повалом", он не будет отображаться на сайте. А если оставить пустыми  "Блок платёжек" и "Блок копирайта" в них будет отображаться контент по умолчанию.

На демо в блоке "Twitter" я разместил код виджета от Twitter, в блоке "Найти нас" я разместил HTML-код "Карты Google".

В этих блоках Вы можете разместить любой HTML-код (кроме блок "Facebook"). Также Вы можете изменить названия этих блоков в файле Ваш_магазин/catalog/language/ваш_язык/upstore/upstore.php.

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

Перейдите на вкладку "Социальные кнопки".

Введите в нужное поле имя Вашего профиля.

Контент блока "Facebook" связан с "Социальными кнопками". Если в поле "Facebook" введено имя профиля, то на сайте в блоке "Facebook" будет отображаться виджет "LikeBox" соответствующего профиля. Иначе блок "Facebook" будет отображаться на сайте пустым.

Поддерживается 15 социалок.

6. Страница товара

Перейдите на вкладку "Страница товара".

Все опции уже описаны выше, но эти параметры относятся только к настройкам Страницы товара. Если Вы хотите использовать Zoom эффект, поставьте галочку.

На странице товара включайте либо левый, либо правый сайдбар.

Кроме того, настройки в каждой вкладке можно отключить полностью.

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

7. Другие языки

Если Вы хотите использовать другие языки, выполните следующее:

Добавьте язык в админ-панели:

Скопируйте файл Ваш_магазин/admin/language/russian/module/upstore.php

в папку Ваш_магазин/admin/language/ваш_язык/module

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

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

CSS

• stylesheet.css - Основной файл стилей
• responsive.css - Файл стилей для адаптации
• flexslider.css - Стили для flexslider
• font-awesome.css - Стили для Font-Awesome
• jquery.jqzoom.css - Стили для Zoom эффекта
• long-logo.css - Стили для большого лого
• prettyPhoto.css - Стили для prettyPhoto
• carousel.css - Стили для Карусели
• schemes - Папка для стилей дополнительных стилевых схем

Javascript

• jquery.flexslider-min.js - Адаптивный слайдер (Flexslider)
• jquery.jqzoom-core.js - Zoom эффект на странице товара
• jquery.prettyPhoto.js - Адаптивное всплывающее окно для доп. изображений товара
• scrolltopcontrol.js - Кнопка "Наверх"

CSS

• stylesheet.css - Основной файл стилей

• responsive.css - Файл стилей для адаптации

TPL

• header.tpl - Файл шапки.
• footer.tpl - Файл подвала.

• set.tpl - Файл модулей Акции, Рекомендуем...
• upstore-style.tpl - Файл настроек шаблона

• upstore_all_tabs.tpl - Шаблон модуля Все вкладки
• upstore_html.tpl - Шаблон модуля Контентные блоки

Языковые файлы

• upstore.php - Файл английского языка

• upstore.php - Файл русского языка

Controller

• upstore_all_tabs.php - Модуль Все вкладки
• upstore_html.php - Модуль Контентные блоки

В каталоге admin

TPL

• upstore.tpl - Файл админ панели настроек шаблона

• upstore_all_tabs.tpl - Файл настроек модуля Все вкладки
• upstore_html.tpl - Файл настроек модуля Контентные блоки

Языковые файлы

• upstore.php - Файл английского языка

• upstore_all_tabs.php - Файл английского языка для модуля Все вкладки
• upstore_html.php - Файл английского языка для модуля Контентные блоки

• upstore.php - Файл русского языка

• upstore_all_tabs.php - Файл русского языка для модуля Все вкладки
• upstore_html.php - Файл русского языка для модуля Контентные блоки

Controller

• upstore.php - Файл настроек модуля шаблона

• upstore_all_tabs.php - Файл настроек модуля Все вкладки
• upstore_html.php - Файл настроек модуля Контентные блоки

www.woothemes.com/flexslider -> Flexslider
fontawesome.github.com/Font-Awesome -> Font-Awesome
www.mind-projects.it -> Jqzoom
www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone -> PrettyPhoto
subtlepatterns.com -> Subtle Patterns
pixabay.com -> Images for demo

В версии для Maxystore в zoom эффекте используется плагин Cloud Zoom из сборки Maxystore.
Скрипт jqzoom отсутствует.

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

Если у Вас возникли вопросы выходящие за рамки этого документа, Вы можете задать их на email komissar.igor@gmail.com или более оперативно на скайп inguardx.
Буду рад помочь по любому вопросу, связанному с шаблоном UpStore.

Если Вы ещё не приобрели адаптивный шаблон UpStore, купить его можно здесь Ulvia Lab. © 2014

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