Установка шаблона OpenCart
Шаблон для платформы электронной коммерции OpenCart можно скачать и в официальном каталоге, и на различных сторонних ресурсах. Следует выбирать шаблоны с адаптивной вёрсткой, чтобы они одинаково хорошо смотрелись на мониторах с различным разрешением и на разных мобильных устройствах. Обычно они помечаются в каталогах тегами responsive, adaptive, mobile-friendly.
Загрузка файлов шаблона на хостинг
Шаблоны тем OpenCart хранятся на сайте хранятся по адресу «. catalog/view/theme». По этому адресу необходимо загрузить папку с файлами шаблона. Файлы не должны находиться в архиве.
Для загрузки/выгрузки файлов на сайт рекомендуем использовать программу «FileZilla». Читайте подробнее в статье «Загрузка файлов на сайт с помощью FileZilla».
Установка шаблона
Для установки шаблона перейдите в панели управления сайтом. В левом меню кликните на пункт «Модули/Расширения». В открывшемся меню нажмите «Модули/Расширения». В строке «Выберите тип расширения» надо выбрать «Темы». Если тема была загружена на сервер верно. то напротив неё будет кнопка «Активировать», изображённая в виде зелёного плюса. Кликните на него, чтобы выбор этой темы стал возможен. 
Далее нужно кликнуть по слову «Система» (в боковом меню), в открывшемся меню нажать строчку «Настройки». В строке с названием магазина в крайнем правом столбике под названием «Действия» находится кнопка «Редактировать», изображённая в виде карандаша: 
После нажатия кнопки «Редактировать» откроется окно, в котором нужно найти строку «Темы». Через выпадающее меню надо выбрать тему, которая была загружена на сервер. 
Осталось сохранить сделанные настройки. Для этого нужно прокрутить окно обратно наверх, в правом верхнем углу можно увидеть кнопку «Сохранить» в виде дискеты. После этого система OpenCart выдаст сообщение, что тема успешно применена.
Установка OpenCart и добавление шаблона
Обновлено: 16.04.2020 Опубликовано: 08.02.2020
Используемые термины: CMS, OpenCart.
Скачивание файлов и загрузка на хостинг
Для начала необходимо скачать дистрибутив с официального сайта https://www.opencart.com/
Распаковываем скачанный архив — переносим содержимое папки upload на хостинг, например, по FTP: 
* если вы хотите осуществить загрузку файлов на хостинг через браузер — после загрузки не забудьте переместить файлы из паки upload в корень. На сервере переименовать два файла:
- config-dist.php в config.php
- admin/config-dist.php в admin/config.php
Теперь переходим к установке OpenCart.
Стартовая настройка сайта
Отрываем браузер и вводим адрес нашего будущего магазина. Откроется мастер установки OpenCart — инсталляция проходит в 4 шага.
1) на первом шаге принимаем лицензионное соглашение (кнопка Continue):
2) на следующей странице установщик проверит, соответствует ли хостинг требованиям CMS. Если нет предупреждений и ошибок, нажимаем далее (Continue). Если есть ошибки — устраняем их.
3) на третьем шаге настраиваем подключение к базе данных:
- DB Driver — программный драйвер, с помощью которого происходит взаимодействие с СУБД. Желательно, использовать MySQLi.
- Hostname — имя сервера баз данных. Для хостингов, как правило, это тот же сервер (то есть localhost).
- Username — имя пользователя для подключения к базе данных. Выдается хостингом.
- Password — пароль для подключения к базе данных. Выдается хостингом.
- Database — имя базы данных. Выдается хостингом.
- Port — порт, на котором слушает MySQL. Как правило, 3306.
- Prefix — префикс, который будет добавлен в название каждой из таблиц.
. и создаем пароль и email для администратора:
4) на четвертом шаге установщик сообщит об успешном завершении установки и напомнит о необходимости удаления директории с установочными файлами:
Для удаления установочных файлов просто удаляем с сервера папку install:
Переходим в панель администратора OpenCart — http:///admin/ — вводим логин admin и пароль, который нами был создан во время установки.
При первом входе выйдет рекомендация создать директорию хранения данных отдельно от web директории. Выбираем директорию и нажимаем кнопку Move:
Появиться сообщение об успешном создании папки. Закрываем окно сообщения.
Локализация Opencart
По умолчанию Opencart скачанный с официального сайта имеет только английский язык. Все остальные надо добавлять отдельно.
Для установки русской версии необходимо зайти на сайта http://opencart-russia.ru и из центра загрузок скачать нужную версию дистрибутива:
Подробнее, дальнейший процесс описан с данной инструкции.
Установка нового шаблона
Есть несколько разных вариантов установки индивидуального шаблона — рассмотрим два варианта.
Через установку расширений
Скачиваем/покупаем шаблон для Opencart.
Разархивируем его на своем компьютере.
В корневую директорию сайта копируем каталоги шаблона: catalog, image.
Переходим в административную панель сайта. Открываем пункт меню Модули / Расширения, далее подменю Модули / Расширения:
В выпадающем списке выбрать темы:
Нажать на кнопку редактировать тему:
В поле директория темы выбираем свой шаблон вместо шаблона default из выпадающего списка и нажимаем на кнопку сохранить в правом верхнем углу.
Переходим в панель состояния, в правом верхнем углу нажимаем на кнопку с изображением шестеренки.
В появившемся окне обновить кэш темы нажатием кнопки обновления напротив компонента тема.
Все готово. Ваша тема установлена.
Вручную
Скачиваем/покупаем шаблон для Opencart.
Разархивируем его на своем компьютере.
В корневую директорию сайта копируем каталоги шаблона, обычно они лежат в паке upload, в данном случае это: admin, catalog, system.
Переходим в административную панель сайта. Открываем пункт меню Модули / Расширения, далее подменю Модули / Расширения:
В выпадающем списке выбрать темы:
Нажать на кнопку активировать тему:
Нажать на кнопку редактировать тему:
В поле Статус выбираем Включено и нажимаем на кнопку сохранить в правом верхнем углу.
Переходим в раздел Система > Настройки, нажать на кнопку редактировать, рядом с вашим магазином.
Во вкладке Основное > Тема выберите шаблон свой шаблон и нажмите на кнопку сохранить.
Далее необходимо предоставить права шаблону на внесение изменений в систему. Для этого переходим в раздел Система > Пользователи > Группа пользователей, нажать на кнопку редактировать, в поле Administrator.
Далее в разделах Разрешить просмотр и Разрешить редактировать нажмите кнопки Выделить все и сохраните изменения.
Все готово. Ваша тема установлена. Далее можно переходить в раздел Модули / Расширения > Модули / Расширения и приступить к дальнейшей настройке.
Как установить шаблон OpenCart?
Интернет-магазины сейчас на пике популярности. Именно поэтому, опираясь на большой спрос, существует огромное количество шаблонов OpenCart для них, как платных, так и бесплатных. Но выбрать придется только один. И только после окончательного определения победителя можно говорить об установке шаблона OpenCart.
Как выбрать шаблон для OpenCart?
Первым делом определитесь, что вам не нравится в выбранном шаблоне OpenCart. Обратите внимание на формы основных элементов и структуру магазинной витрины.
Ее цвет тоже важен, однако не следует чересчур увлекаться игрой красок. В шаблоне может присутствовать перечень графических схем, которыми можно будет воспользоваться, установив шаблон OpenCart или, при желании, изменить, применив код.
Выбрав шаблон, опираясь на визуальное восприятие, следует еще уточнить массу деталей, перед тем как установить шаблон Опенкарт. А именно:
1. Какая версия движка, на котором разработан шаблон Интернет – магазина. Это можно посмотреть в описании или в инструкции по установке. Если имеющаяся версия не подходит под запросы магазина, то шаблон можно смело закрывать.
2. Демо-версия. Она необходима, чтоб можно было наглядно посмотреть все плюсы и минусы шаблона до установки. Если выбор остановился на платном шаблоне, то у него точно будет демо. При выборе бесплатного шаблона, ее отсутствие неприятно, но не так критично.
При отсутствии демо-версии, должны быть хотя бы скриншоты. Если и они отсутствуют, то не стоит дальше терять время на этот шаблон.
3. Оценив шаблон по скринам или демо, обратите внимание на отзывы и комментарии клиентов. Если имеются нарекания на цвета и неправильные формы, то не стоит их брать в расчет. У каждого свое виденье красоты.
Однако, при наличии жалоб на проблему с установкой и некорректную работу шаблона, стоит присмотреть другой шаблон OpenCart, так как решить эти проблемы очень тяжело и придется подключать разработчиков, а это дополнительная трата времени и средств.
4. Обращайте внимание на рейтинг и оценку понравившегося модуля, если они присутствуют. Оценить шаблон проще и быстрее, нажав на плюсик, чем писать хвалебную оду. Но, если вы выбрали новый шаблон, которому всего несколько недель, то понятно, что оценок может не быть и вовсе. Поэтому данный пункт можно назвать дополнительным, а не главным при выборе шаблона Опенкарт.
5. Важный момент, требующий уточнения – это адаптивность OpenCart шаблона. В 21 столетии люди выходят в Интернет уже не только с компьютера, но и с телефона, планшета и т.д. Поэтому очень важно, чтоб выбранный графический шаблон мог адаптироваться под все мобильные устройства. Это значительно повысит привлекательность ресурса и позволит покупателям заходить на него в любое время и с любого устройства.
6. Насколько богаты ваши знания по HTML и CSS? Большинство шаблонов имеют стандартные разрешения и функции. Так, например, выбор цвета и шрифта ограничен, и если вы захотите что-то оригинальное, придется работать с кодом и устанавливать модуль.
Сравним два шаблона:
Оформление интернет-магазина, используя стандартные настройки OpenCart шаблона:
Оформление интернет-магазина, используя HTML и CSS коды для настройки OpenCart шаблона:
Поэтому, не имея знаний про коды, необходимо выбирать обдумано, чтоб потом не гадать «как редактировать шаблон OpenCart».
Как установить шаблон OpenCart?
Понятно, чтоб установить, следует сначала загрузить выбранный шаблон OpenCart. Далее:
1. Берем заархивированный файл шаблона, нажимаем распаковать и ищем папки:
2. Необходимо скопировать все папки и перенести их в корневую директорию магазина. При совпадении, подтверждаем замену имеющихся файлов. Не имеет значение, находится сайт на локальном сервере или на хостинге – на порядок установки это не влияет.
3. Установка шаблона, в принципе, выполнена. Необходимо применить его и проверить на работоспособность. Открываем административную панель интернет – магазина доменное_имя_сайта/admin и вводим данные для идентификации: логин и пароль:
4. Заходим Система-Настройки (пункт Система может быть обозначен в виде шестеренки):
5. Откроется окно, где отображен перечень всех магазинов, которые управляются из этой админ-панели (OpenCart дает такую возможность).
Жмем на кнопку Редактировать (синее окно в виде карандаша) напротив ресурса, который нужно редактировать. В новом окне выбираем вкладку Магазин:
6. Тут необходимо выбрать раздел Шаблон. Он оформлен как выпадающий список, где указаны все имеющиеся в магазине шаблоны. После установки, в списке появится имя нужного шаблона. Выбираем его и нажимаем Сохранить (дискета на синем фоне в верхнем углу справа).
В результате выполненных действий шаблон OpenCart был установлен. Дальше можно перейти в витрину интернет-магазина и проверить его работоспособность.
Заключение
Учитывая все вышесказанное, стоит отметить, что установить шаблон OpenCart не так уж и сложно, как выбрать правильный. Установка шаблона для интернет-магазина занимает не очень много сил и времени, главное все делать последовательно и четко.
Однако если не обратить вовремя внимание на основные моменты при выборе шаблона, то после установки можно не только разочароваться, а даже потратить деньги впустую, если шаблон был платным.
Поэтому, помните, что выбор хорошего шаблона OpenCart и его установка тесно взаимосвязаны. Перед тем как перейти непосредственно к установке, внимательно изучите, что представляет собой шаблон и какие он имеет характеристики.
Как выбрать и установить шаблон на OpenCart
Шаблон (тема) для OpenCart — набор файлов и стилей, которые отвечают за внешний вид сайта в браузере. Шаблоны дают браузеру информацию о том, в каком виде будут выводиться на экран страницы вашего магазина, но при этом схема страниц магазина не меняется. Есть как бесплатные, так и платные шаблоны по различным тематикам, поэтому найти подходящий достаточно легко.
В этой статье рассмотрим:
- Как и где выбрать шаблон на OpenCart
- По каким критериям выбирать шаблон
- Как установить шаблон на OpenCart
Как и где выбрать шаблон на OpenCart
Есть много ресурсов для скачивания платных и бесплатных шаблоны на OpenCart, но не на всех ресурсах можно скачать шаблон безопасно. Встречаются зараженные вирусом файлы или в коде продуктов могут быть фрагменты, через которые можно взломать сайт или навредить ему. Это часто происходит при скачивание бесплатных шаблонов для OpenCart.
Меры предосторожности при скачивании шаблонов с неизвестных источников:
- Ищите шаблоны с включенным антивирусом, который поможет отсеять потенциально опасные ресурсы;
- При скачивании файлов обращайте внимание на размер и расширение файла. Не скачивайте файл, если его размер подозрительно мал (несколько байт) или имеет нестандартное расширение. Модули шаблонов всегда запакованы в RAR-архивы или ZIP-архивы, другие расширения — это потенциальный вирус;
- Просканируйте антивирусом скачанные файлы перед распаковкой и установкой.
Но надежный способ найти качественные модули шаблонов — скачать бесплатные или платные шаблоны для OpenCart с сайта opencart.com.
Чтобы упростить выбор из большого количества шаблонов на любом источнике, обратите внимание на следующие критерии:
Критерии выбора шаблона на OpenCart
Версия движка
Чтобы шаблон работал корректно, версия движка, на базе которого разработан интернет-магазин, и версия шаблона должны совпадать. Чтобы проверить версию OpenCart вашего интернет-магазина, зайдите в панель администратора, внизу страницы указана версия ocStore.
Версия шаблона всегда указывается разработчиками в его описании или инструкции по установке на OpenCart.
Наличие демо-версии
Выбирайте шаблоны с демо-версией, чтобы наглядно оценить все преимущества и недостатки до установки шаблона OpenCart на свой магазин, особенно в платном варианте.
Комментарии и отзывы
Прочитайте отзывы и комментарии пользователей, которые воспользовались данным шаблоном. Вы можете узнать о различных достоинствах/недостатках и проблемах шаблона еще до его установки.
Адаптивность шаблона
Выбирайте адаптивные шаблоны. С таким шаблоном сайт будет корректно отображаться не только на компьютере, но и на мобильных телефонах и планшетах, что важно для интернет-магазина. Если есть демо версия шаблона, пробуйте запускать с телефона, чтобы проверить работу на всех устройствах.
После выбора и проверки шаблона, скачайте его. Для этого зарегистрируйтесь на сайте Оpencartforum.com, затем на странице выбранного шаблона появится зеленая кнопка “Скачать файл”.
Далее рассмотрим шаблоны на официальном сайте OpenCart.
Opencart.com — официальный веб-сайт OpenCart. Здесь все программное обеспечение проходит обязательную модерацию. Есть система штрафов к разработчикам, которые предоставили некачественный продукт и гарантия возврата денег клиенту за некачественный товар.
Чтобы выбрать и загрузить шаблон с официального сайта OpenCart, зарегистрируйтесь на сайте, затем на главной странице перейдите во вкладку на верхней панели управления “MARKETPLACE”.
Далее в колонке меню слева выберите “Themes” (темы/шаблоны). Отметьте “COMMERCIAL”, чтобы выбрать платные шаблоны, или “FREE”, чтобы выбрать бесплатные шаблоны для OpenCart.
В выпадающем списке справа выберите вариант сортировки: Recently Updated (недавно обновленные), Recently Added (недавно добавленные), Rating (рейтинг), Name (название), Price (цена).
Чтобы найти определенный шаблон, введите его название в строке поиска.
Зайдите в выбранный шаблон и нажмите зеленую кнопку “DOWNLOAD”, чтобы скачать файл.
Как установить шаблон на OpenCart
Перед установкой нового шаблона рекомендуем сделать резервную копию вашего веб-сайта и базы данных, чтобы в случае ошибок вернуть все назад. Для этого на панели управления слева зайдите во вкладку “System” (“Система”) , откройте вкладку “Maintenance” (“Инструменты”) и выберите пункт “BackUp/Restore” (“Бэкап/восстановление”). Отметьте галочками все файлы и нажмите кнопку сохранения внизу “Export”.
Чтобы вернуть старую версию и восстановить магазин, нажмите кнопку “Import” во вкладке “Restore” (“Восстановление”) и загрузите файл резервной копии.
Обратите внимание, что способы установки скачанных шаблонов сильно отличаются друг от друга, поэтому до установки шаблона на OpenCart обязательно найдите и изучите инструкцию установки выбранного шаблона. Инструкцию ищите в описании темы на странице скачивания или в самом архиве в виде файла .txt.
Пример установки загруженного со стороннего источника шаблона (Materialize_Template).
Мы скачали бесплатный шаблон Materialize_Template на официальном сайте Opencart.com. Тут же есть документ с пошаговым руководсвом по установке шаблона, следуйте всем рекомендациям.
Зайдите в административную панель и на панели управления слева выберите вкладку “Extensions” (“Дополнения”), затем “Installer” (“Установка дополнений”). Нажмите “Upload” и загрузите установочный файл.
Обратите внимание, каждый раз как включаете, выключаете или удаляете модификатор, нужно нажать кнопку обновления, чтобы обновить кэш модификаторов.
Затем откройте вкладку “Modifications” (“Модификаторы”) и нажмите кнопку обновления в правом верхнем углу.
Далее на панели управления слева выберите раздел “Extensions” (“Дополнения”) и вкладку “Extensions”. В выпадающей строке выберите тип дополнения “Themes” (“Темы”). Напротив темы “Materialize Template” нажмите зеленую кнопку со знаком “+”, чтобы установить шаблон.
После установки шаблона, значок установки меняется на значок редактирования. Нажмите на синий значок “карандаш” напротив шаблона и откроется страница редактирование темы.
Установите статус на “Enabled” (“Включено”) и нажмите кнопку “Save” (“Сохранить”).
Затем откройте раздел “System” (“Система”) на панели управления слева и выберите вкладку “Settings” (“Настройки”). Нажмите кнопку редактирования магазина и в разделе “Theme” (“Тема”) поменяйте стандартную тему на выбранный шаблон. Нажмите кнопку сохранения в правом верхнем углу.
Заходим на сайт и смотрим как он выглядит с применением нового шаблона: