UpStore - Отзывчивый, универсальный шаблон

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


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

 

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

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

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

Распакуйте загруженный архив "upstore-theme-V1.5.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 (в зависимости от версии ocStore/OpenCart установленного у Вас) в основной каталог ocStore/OpenCart на вашем сервере, как показано на рисунке ниже.

 

Не волнуйтесь, основные файлы движка магазина не затрагиваются.


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

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

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

 

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

 

a) Настройки изображений.
 

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

 

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

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

 

c) Настройки Слайшоу.
 
Передите: Дополнения >> Модули >> Слайдшоу и введите параметры, как показано на рисунке ниже

 

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

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

 

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

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

и Изменить

Обязательно! В корне Вашего сайта переименуйте файл .htaccess.txt в .htaccess, откройте его и найдите в нём строку # php_flag magic_quotes_gpc Off. Раскомментируйте её (удалите слева символ #)

 

Не забудьте включить опции шаблона!

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

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

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

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

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

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

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

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

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

Создайте свой стиль, сохраните его в файле 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.

Важно! Если Вы используете активные, но пустые Пользовательские блоки перед сохранением настроек шаблона перейдите на вкладку "Пользовательские блоки" и кликните в полях пустых блоков. Так же поступить рекомендуется после всех манипуляций с настройками шаблона, если у Вас есть какие-нибудь пустые, активные Пользовательские блоки. Для OpenCart версий 1.5.5х, 1.5.6 эти действия не нужны.

CSS

catalog/view/theme/upstore/stylesheet/

Javascript

catalog/view/theme/upstore/js/

Flexslider
Font-Awesome
Jqzoom
PrettyPhoto
Subtle Patterns
Images for demo

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

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