Введение Что находится в шаблоне и для чего его можно использовать
Благодарим Вас за приобретение шаблона OpenCart. Данная документация состоит из нескольких частей и охватывает весь процесс установки и настройки веб-сайта OpenCart c нуля. Мы сделали все возможное, чтобы это руководство было понятным и удобным в использовании.
Что представляет собой OpenCart?
OpenCart - это бесплатная платформа электронной коммерции с открытым исходным кодом для Интернет-предпринимателей. OpenCart позволяет создать профессиональную и надежную основу для построения успешного онлайн магазина. Сообщество Opencart включает множество пользователей, начиная с опытных веб-разработчиков, ищущих удобный интерфейс, и заканчивая владельцами магазинов, впервые запускающими онлайн-бизнес. OpenCart предоставляет огромное количество функций, позволяющих полностью контролировать магазин. С инструментами OpenCart вы легко раскроете потенциал магазина. Детали
Структура файлов
Шаблон состоит из следующих компонентов:
- documentation - содержит детальное руководство по установке шаблона и движка;
- index_ru.html - основной файл документации. Вы его сейчас читаете :)
- screenshots - содержит скриншоты темы;
- sources - исходный файл шаблона для Adobe Photoshop(.psd);
- themeXXX - включает:
- themeXXX(full).zip - архив с движком OpenCart, шаблоном и демо-данными темы (предназначен для установки с нуля);
- themeXXX(update).zip - архив с шаблоном без демо-данных (для установки поверх существующего магазина);
- themeXXX(extensions).zip - архив с xml-файлами;
- unzip.php - файл, используемый для разархивации .zip после загрузки на хостинг сервер;
- info.txt - предоставляет информацию об архивах;
- fonts_info.txt - содержит информацию о шрифтах, используемых в шаблоне;
Подготовка Что нужно сделать перед началом работы
Прежде, чем перейти к установке веб-сайта OpenCart, нужно полностью подготовиться.
Программное обеспечение
Для полноценной работы с шаблоном Opencart мы рекомендуем скачать все требуемые приложения. Список необходимого программного обеспечения находится на странице предпросмотра шаблона. Требования для различных шаблонов могут меняться, поэтому мы перечислим лишь основные:
- Вам может понадобиться программа Adobe Photoshop. Она используется для редактирования исходных файлов .PSD и необходима, если требуется изменить графический дизайн и изображения шаблона.
- Для редактирования исходного кода файлов шаблона нужно использовать редактор кода, например Adobe Dreamweaver, Notepad++, Sublime Text и т.п.
- Чтобы загрузить файлы на хостинг сервер, потребуется FTP менеджер, например Total Commander, FileZilla, CuteFTP и т.д.
- Воспользуйтесь следующими туториалами, чтобы распаковать архивы при помощи WinZip(PC) и StuffitExpander(MAC).
Хостинг
Поскольку OpenCart базируется на приложениях PHP/MySQL, необходимо подготовить хостинг сервер.
При наличии активного сервера, нужно проверить его на соответствие системным требованиям и на способность обслуживать веб-сайты OpenCart.
Также можно установить OpenCart на персональном компьютере при помощи локального сервера. Для создания локального хостинг сервера необходимо использовать программное обеспечение WAMP, AppServ, MAMP и т.п. Любое из них устанавливается как обычная программа и поддерживает OpenCart.
Вы можете воспользоваться следующими туториалами для настройки локального сервера:
Начало использования Куда нажимать, чтобы приступить к работе
Полная установка
Данный тип установки используется, если у вас нет готового сайта OpenCart. Архив 'themeXXX(full).zip' включает файлы движка OpenCart и темы с демо-данными, поэтому вам не нужно отдельно загружать движок OpenCart. Демо-данные позволят вашему сайту выглядеть так же, как и шаблон на странице предпросмотра, со всеми образцами товаров, модулей и настройками сайта.
Установка на существующий магазин
Следуйте данному типу установки, если у вас уже есть действующий сайт OpenCart и требуется всего лишь изменить его внешний вид, путем установки новой темы.
Полная установка
Полная установка используется в том случае, если нужно установить веб-сайт OpenCart c нуля. Предусматривается предварительное выполнение всех подготовительных шагов и наличие необходимых программ.
Создание базы данных
Когда все файлы будут загружены на хостинг сервер, необходимо подготовить новую базу данных для веб-сайта OpenCart. Ее можно создать через инструмент управления базами данных в контрольной панели хостинга. (обычно PhpMyAdmin).
При помощи phpMyAdmin можно создать новую базу данных за 3 простых шага: (см. следующие слайды):
- Щелкните кнопку Databases (базы данных) в верхнем меню навигации, чтобы перейти в список баз данных.
- Введите название базы данных в поле "Create new database (Создать новую базу данных)"
- Нажмите справа на кнопку Create (Создать).
База данных появилась в списке. Кликните по ее названию, чтобы получить доступ к ней:
Вы также можете воспользоваться детальным видео туториалом Как создать базу данных.
В случае возникновения сложностей при создании базы данных, необходимо обратиться к хостинг провайдеру за поддержкой.
Загрузка и разархивирование
Для начала работы с OpenCart, требуется загрузить файлы на хостинг сервер. Это можно сделать при помощи файлового менеджера хостинга или альтернативного FTP менеджера.
- Oткройте папку шаблона.
- Выделите файлы 'unzip.php' и 'themeXXX(full).zip' и загрузите на сервер ( Как загрузить файлы на сервер, Как загрузить файлы с помощью cPanel (WebHost менеджер, WHM)).
- Введите путь к файлу 'unzip.php' на сервере (http://your_domain_name/unzip.php) в браузере.
- Должно появиться следующее окно:
Рис 1. Стартовый экран скрипта Unzip.php.
- В поле 'Choose your zip file (Выберите файл zip)' выберите загруженный файл 'themeXXX(full).zip'.
- В поле 'Unzip to (Распаковать в)' укажите директорию, куда нужно распаковать файлы.
- Нажмите кнопку 'Unzip (Распаковать)', чтобы распаковать файлы.
Задайте правильные разрешения на папку, куда нужно разархивировать файлы. Разрешения должны быть CHMOD 755 или 777 в зависимости от конфигурации сервера.
Установка OpenCart
Откройте браузер и пропишите путь к директории OpenCart в адресной строке браузера (например http://your_domain_name/opencart). Должен появиться экран установки OpenCart:
1 этап установки Лицензия
Рис 1. Установка OpenCart. Этап 1. Лицензия
Ознакомьтесь с лицензией OpenCart и, если вы согласны с ее условиями, выберите опцию I agree to the license (Я согласен с условиями лицензии) и нажмите кнопку Continue (Продолжить).
2 этап Предварительный
Рис 3. Установка OpenCart. Этап 2. Предварительный
На данном этапе, OpenCart проверит хостинг сервер: соответствуют ли настройки требованиям OpenCart и правильно ли заданы разрешения файлов и директорий.
Убедитесь, что разрешения на следующие файлы и папки движка OpenCart заданы правильно:
- chmod 0755 или 0777 image/
- chmod 0755 или 0777 image/cache/
- chmod 0755 или 0777 image/data/
- chmod 0755 или 0777 system/cache/
- chmod 0755 или 0777 system/logs/
- chmod 0755 или 0777 download/
- chmod 0755 или 0777 config.php
- chmod 0755 или 0777 admin/config.php.
3 этап Конфигурация
Рис 4. Установка OpenCart. Этап 3. Конфигурация
На данном этапе нужно указать детали подключения к базе данных. Насколько вы помните, на этапе подготовки была создана база данных MySQL, сейчас нужно указать полученные/заданные вами детали:
- сервер базы данных;
- название базы данных;
- имя пользователя базы данных;
- пароль пользователя базы данных;
При возникновении сложностей с этими деталями, обратитесь к хостинг провайдеру.
Также нужно создать профиль администратора магазина. Введите имя, пароль и e-mail администратора. Эти детали будут использоваться для доступа в панель управления OpenCart.
4 этап Готово!
Рис 5. Установка OpenCart. Этап 4. Готово!
Это заключительный этап установки движка OpenCart. Предлагаются две опции: перейти на ваш сайт магазина OpenCart или в панель управления OpenCart.
Вы также можете воспользоваться туториалом по установке: OpenCart. Как установить движок и шаблон OpenCart (при помощи “fullpackage”) .
Удалите папку "install" с сервера. Вы не сможете войти в магазин, пока эта папка находится на сервере.
Установите разрешения 644 или 444 на следующие файлы с целью ограничения доступа к ним:
- config.php
- index.php
- admin/config.php
- admin/index.php
- system/startup.php.
Установка завершена. Чтобы открыть магазин, пропишите свое доменное имя в адресной строке браузера. Для доступа в панель управления OpenCart, пропишите доменное_имя/admin.
Установка на существующий магазин
Убедитесь, что ваша версия движка OpenCart соответствует требованиям шаблона. Все версии OpenCart доступны на официальном сайте OpenCart.
- Чтобы установить шаблон OpenCart, нужно загрузить его файлы на хостинг сервер. В папке шаблона OpenCart найдите архив "themeXXX(update).zip" и загрузите в корневую директорию установленного OpenCart.
Вы также можете воспользоваться детальным видео туториалом, как загружать файлы на хостинг сервер.
Файлы шаблона никаким образом не повредят магазину. - После этого загрузите файл unzip.php шаблона на сервер в ту же директорию, что и предыдущий архив.
- Затем откройте сайт в браузере и добавьте - unzip.php к URL. Адрес будет выглядеть следующим образом: yourwebsite.com/unzip.php.
- В списке "Choose your zip file" (Выберите ваш файл zip), выделите файл themeXXX(update).zip и нажмите "Unzip" (Распаковать). Начнется разархивация файлов на сервер в ту же директорию. Это займет некоторое время.
- Введите yourwebsite.com/install/ в адресной строке браузера.
- В завершение, следуйте инструкциям по установке появившимся на экране.
- Войдите в панель управления Вашим сайтом, перейдите в меню Extensions -> Extension Installer и загрузите файлы из архива themeXXX(extensions). После загрузки всех файлов архива, перейдите в меню Extensions -> Modifications и нажмите копку refresh в правом верхнем углу экрана.
Вы также можете воспользоваться туториалом по установке: OpenCart. Как установить шаблон на существующий магазин (при помощи архива “update”).
Настройка расширений
Olark Live Chat
Для того, чтобы использовать чат, доступный на демо шаблона, нужно зарегистрироваться на официальном веб-сайте Olark. После предоставления всех необходимых данных, вы получите код, который нужно добавить в файл catalog\view\theme\themeXXX\template\common\footer.tpl перед </body> тегом.
Политика использования cookies
По закону ЕС о Cookies Вы должны добавить на Ваш сайт модуль, который будет отображать предупреждение о cookies, используемых на сайте. Мы рекомендуем к использованию следующий модуль:
Полезная информация куда обращаться за помощью, поддержкой и дополнительной информацией
OpenCart - это многофункциональное, быстрое и понятное пользователю решение для электронной коммерции с привлекательным дизайном. Это идеальное решение для онлайн магазина. Стандартный пакет содержит все необходимые модуля и расширения для успешной торговли. Открытый исходный код предоставляет поистине выдающиеся возможности для ваших клиентов.
Дополнительная информация:
Не удается загрузить Google Fonts:
- Откройте 'site\index-*.html' или 'site\css\style.css' файлы
- Найдите строку:
//fonts.googleapis.com/css?family=[---your_web_font_name_here---]
- Замените её следующим:
//fonts.useso.com/css?family=[---your_web_font_name_here---]
Валидация
В наших шаблонах мы придерживаемся семантических правил написания кода HTML-разметки и CSS-стилей. Однако, некоторые ошибки все же могут возникать при W3C валидации. Создание 100-процентно правильного кода, согласно стандартам консорциума W3C, ограничивает использование современных технологий создания сайтов, таких как спецификация CSS3 и разметка HTML5. Целью нашей компании является предоставление богатого пользовательского опыта с высококачественными шаблонами, и иногда нам приходится нарушать некоторые правила.