Opencart начало работы и настройки. От новичка до профи в OpenCart: Установка. Почему стоит работать с OpenCart

OpenCart - удобная и практичная система управления контентом, на основе которой можно бесплатно создать полноценный и многофункциональный интернет-магазин. Этот раздел научит вас устанавливать её и даст общее представление о том, как с ней работать. Рассматривается OpenCart 2.x, а точнее OpenCart 2.1.0.2, так как на момент создания раздела это самая свежая редакция, имеющая русификатор.

  • 1 Как установить CMS OpenCart на localhost

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

  • 2 Как установить CMS OpenCart на хостинг

    Инструкция по инсталляции CMS на хостинг. В качестве примера взят надёжный и недорогой Beget , который предлагает установку множества движков (OpenCart - не исключение) в упрощённом режиме.

  • 3 Выбираем и устанавливаем тему (дизайн)

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

  • 4 Базовые настройки

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

  • 5 Модули OpenCart

    Для движка написано большое количество расширений. Но где их найти, каких типов они бывают и чем друг от друга отличаются, как правильно установить OCMod- и VQMod-плагины и как их активировать - без статьи вы разберётесь вряд ли.

  • 6 Немного SEO

    Чтобы магазин процветал, его нужно хорошо оптимизировать, дабы не путать ни поисковых роботов, ни клиентов. Оптимизацию можно проводить и вручную, но зачем изобретать велосипед, если существуют расширения, автоматизирующие процесс? Материал познакомит с тремя платными и тремя бесплатными модулями SEO-оптимизации (ссылки на страницы скачивания есть внутри).

  • 7 Google Analytics на OpenCart

    Анализ магазина может увеличить конверсию и подсказать веб-мастерам, как именно нужно улучшить интерфейс. Google Analytics - один из самых мощных инструментов мониторинга активности на вашем сайте. Статья рассказывает о том, как заставить его работать в вашем интернет-магазине и куда скопировать специальный код.

  • 8 Как редактировать контент
  • 9 Отслеживание продаж

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

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

Дмитрий Дементий

Из этой статьи вы узнаете, как создать интернет-магазин на CMS OpenCart.

Почему стоит работать с OpenCart

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

Вам не все равно, какой движок использовать. CMS интернет-магазина должна соответствовать следующим характеристикам:

    Свободное распространение. Зачем платить за движок, если есть качественные бесплатные продукты?

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

    Встроенная система мониторинга продаж. Конечно, основные метрики эффективности вы будете отслеживать с помощью «Яндекс.Метрики» или Google Analytics. Но некоторые данные полезно получать при каждом входе в админку.

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

    SEO-дружественность. Русская сборка CMS OpenCart поддерживает функцию ЧПУ. А с помощью дополнительных расширений и настроек движок можно привести в соответствие с требованиями поисковиков для продвижения сайта .

    Безопасность. С помощью платежных модулей и модулей безопасности можно защитить покупателей.

Перечисленным характеристикам соответствует CMS OpenCart. Ниже вы найдете инструкцию по созданию интернет-магазина на этом движке.

Шаг 1: устанавливаем OpenCart

Установить OpenCart можно после регистрации домена и оплаты услуг хостинг-провайдера. Если выбрали хостинг с поддержкой автоустановки движков, действуйте так.

В панели управления в списке доступных установок выберите актуальную версию OpenCart. Например, в cPanel установить CMS можно с помощью Softaculos. Запустите автоматическую установку.




Запустите автоустановщик.

Если выбрали хостинг без поддержки автоустановки CMS, действуйте так:

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

    Распакуйте архив и загрузите файлы на сервер с помощью FTP-клиента, например, SmartFTP или FileZilla. Данные для доступа к серверу через FTP получите у хостинг-провайдера.

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

Установите бесплатный модуль безопасности, например, OpenCart Total Security . Надстройка защищает сайт от действий злоумышленников.

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

Чтобы подключить Google Analytics, активируйте встроенный модуль. Для этого перейдите в меню админки «Модули – Расширения», с помощью выпадающего меню выберите вариант «Аналитика» и нажмите кнопку «Добавить» напротив опции Google Analytics.


В меню редактирования модуля добавьте код аналитики и измените статус на «Включено».


Подождите несколько минут и проверьте, поступают ли данные в Google Analytics.


Чтобы подключить систему аналитики «Яндекс.Метрика», добавьте код отслеживание в поле модуля Google Analytics.


  • ОТЗЫВЫ
    владельцев интернет-магазинов

    Всем привет! После Новогодних каникул, мы запустили Интернет-магазин, где вы сможете заказать или приобрести детские товары, такие как детские коляски, санки-коляски, снегокаты, тюбинги, автокресла, и многие другие. В связи с этим, хочу рассказать об одном очень интересном сервисе – ShopConstructor.ru. Именно с помощью этого сервиса у нас очень быстро и недорого, появилась возможность сделать красивый, качественный и полнофункциональный ИМ. Менеджеры и служба поддержки всегда быстро отвечают на вопросы и помогают в решении вопросов. Кстати, есть очень много бесплатных бонусов. Спасибо ребятам за качественный сервис. Ну и ждем всех в нашем интернет-магазине.

    Был огромный выбор куда обратиться, но по отзывам подошел только один, и не прогадал, вдруг кому нужен срочно интернет-магазин за приемлемую цену- можно обратиться в компанию Shopconstructor.ru. Срочно потребовался интернет-магазин, в кратчайшие сроки, списался с менеджерами-ассистентами, которые уточнили все вопросы, и сразу же программисты принялись за работу, и в течении 5 дней, уже было всё готово. Спасибо вам за проделанную работу. Если ещё потребуются сайты подобного типа, обращусь ещё раз).

    Поделюсь своей историей знакомства с shopconstructor.ru. Осенью прошлого 2017 года пришёл к выводу, что иметь магазин "в контакте" не достаточно, так как онлайн продажи для меня более знакомы решил остановиться на создании полноценного интернет-магазина. Бюджет был ограничен, критерии поиска были простые: не дорого, красиво, удобство выбора и заказа, возможность редактировать самому, дёшево в обслуживании, возможность расширить функциональность магазина (при росте предприятия).

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

    Эта серия статей призвана помочь начинающим разработчикам OpenCart поднять их уровень знаний и помочь им стать более продвинутыми разработчиками.

    Особенно это касается тех разработчиков, которые знакомы с PHP, Объектно-Ориентированным Программированием, и шаблоном проектирования “Модель-Вид-Представление” (MVC).

    В первой части мы рассмотрим следующие вопросы:

    • Что такое OpenCart;
    • Установка OpenCart на локальную машину;
    • Разбор основной структуры каталогов и файлов.

    Что такое OpenCart?

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

    OpenCart - это бесплатная, продвинутая система электронного магазина с открытым исходным кодом, призванная упростить создание собственного интернет-магазина.

    Почему OpenCart?

    Есть множество факторов, говорящих в пользу OpenCart, но вот основные и наиболее важные:

    1. OpenCart очень проста, как для разработчиков, так и для конечных пользователей;
    2. В Интернете есть множество статей, которые помогут вам разобраться практически в любой ситуации;
    3. Для системы написан полный комплект документации, так что разработчики могут легко найти информацию о каждой детали платформы;
    4. Доработка кода “под себя” очень проста, так что даже разработчик начинающего уровня может разобраться с кодом системы;

    Конечно, это лишь поверхностный обзор. А теперь давайте рассмотрим некоторые сильные стороны, которыми обладает OpenCart по сравнению с другими альтернативами.

    Замечу, что хотя у платформы есть большое количество сильных сторон, в этой статье мы рассмотрим только часть из них.

    Сильные стороны:

    1. Несколько магазинов в одной системе;
    2. Мощные средства автоматического изменения размеров изображений;
    3. Встроенный лог ошибок;
    4. Резервирование и восстановление;
    5. Поддержка многоязычности;
    6. Поддержка большого количества модулей.

    Устанавливаем OpenCart на локальную машину

    Первым делом, загрузите и установите последнюю версию XAMPP на ваш компьютер, посетив сайт Apache Friends , и установив подходящую для вашей системы версию.

    Отмечу, что в своих примерах я использую Windows 7. Загрузите файл и следуйте инструкции.

    После того, как установка завершится, запустите сервер XAMPP, и запустите сервисы Apache и MySQL. Убедитесь, что оба сервиса подсвечены зеленым фоном, если это не так - перезапустите сервисы.

    Иногда Apache не запускается из-за Skype. Если у вас возникла эта проблема - попробуйте закрыть Skype, и запустить сервис снова.

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

    Теперь откройте XAMPP и кликните по кнопке Explorer, которая находится справа. Она откроет окно Проводника в директории, куда установлен XAMPP. Там будет директория htdocs - просто откройте ее.

    Распакуйте архив с OpenCart, скопируйте директорию uploads внутрь htdocs , и переименуйте ее (я назвал распакованную директорию OpencartStore). Вторым шагом создайте пустой файл с именем config.php в директории admin .

    Теперь откройте ваш любимый браузер и введите адрес http://localhost/OpencartStore .

    Вы увидите страницу установки, на которой вам будет показан текст Лицензионного Соглашения. Просто нажмите на кнопку Continue (Далее).

    На странице Pre-Installation (Требования к установке) необходимо убедиться, что соблюдены все требования в секции PHP Settings and Extensions (Настройки и расширения PHP).

    Пользователи Mac и Linux должны выставить корректные разрешения доступа на перечисленные файлы и директории (chmod 0775)

    Перейдите в phpMyAdmin и создайте базу данных. Например, я создал базу данных под названием storedb . Теперь заполните поля формы Configuration (Конфигурация) значениями, сходными с ниже-перечисленными:

    На следующей странице убедитесь что ваши PHP настройки полностью соответствуют минимальным требованиям OpenCart.

    Пользователям Mac и Linux необходимо выставить данным каталогам соответствующие права на запись (chmod 775).

    1. Database driver (драйвер базы данных): MySQL;
    2. Database Host (хост базы данных): localhost;
    3. User (пользователь): root;
    4. Password (пароль): ** пароль пользователя базы данных **;
    5. Database Name (Имя базы данных): storedb (той, что вы создали с помощью phpMyAdmin);
    6. Database Prefix (префикс таблиц): (оставьте как есть, oc_).

    На последней странице заполните данные администратора магазина:

    1. Username (имя пользователя): admin;
    2. Password (пароль): admin;
    3. Email: (почтовый адрес администратора ресурса).

    Клик по кнопке Continue (Продолжить) займет некоторое время, так как OpenCart копирует структуру таблиц и PHP файлы. Не беспокойтесь о времени, подождите пару секунд, и ваш магазин будет готов!

    Не забудьте удалить директорию “OpencartStore/install” после успешной установки.

    Разбираем основную структуру файлов

    У OpenCart очень простая структура файлов. Пользователи не будут испытывать сложностей после ознакомления с основным назначением директорий.

    • admin - хранит директории с Моделями, файлами Представлений и Контроллеров административной панели, а также языковые файлы и директории;
    • catalog - содержит файлы Моделей, Представления, Контроллеров и Языков. Также в директории View можно найти некоторые файлы и директории с шаблонами;
    • image - содержит файлы баннеров, логотипы, изображения товаров и кеш изображений
    • system - содержит файлы ядра фреймворка OpenCart. Самыми важными в этой директории являются файлы библиотек (library) и помощников (helper).

    Это мы рассмотрим уже в следующих статьях цикла.

    Инструкцию по установке OpenCart начнем с самого начала и по порядку. Во первых, что Вам нужно для установки движка OpenCart. Вам нужен домен и хостинг — собственно то, куда будете устанавливать. Хостинг — это дисковое пространство на удаленном сервере где собственно и будет находится Ваш сайт. Домен — имя Вашего сайта в интернете. И то и другое платное. Также Вам нужен сам движок — файлы сайта для установки, это бесплатно.

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

    Если Вы предполагаете что у Вас будет один сайт (Ваш магазин) и все — Вам хватит самого простого тарифного плана для одного сайта, дискового пространства Вам для начала тоже вполне хватит. Заказываем самый простой тариф:

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

    Выбираете доменную зону которая подходит по цене и придумываете доменное имя. Оплачиваете домен тоже на год — на меньше домены не оплачиваются. И только когда у Вас зарегистрированы и домен хостинг, можно приступать к установке OpenCart. Устанавливать движок на Денвер на своем компьютере чтобы посмотреть, а потом переносить на хостинг, я особого смысла не вижу в этих манипуляциях, если Вам нужен один магазин себе, только дольше голову поморочите. Сразу все делайте на хостинге. Когда домен оплачен переходите на Вкладку хостинг и выбираете Мои сайты:

    И в появившемся всплывающем окне вводим зарегистрированное Вами доменное имя и жмете кнопку Добавить. Например:

    Когда сайт готов должно это выглядеть так:

    Часть работы сделана — место для Вашего будущего сайта подготовлено. Если Вы кликните по ссылке (домену), должна появляться такая картинка (только с Вашим доменом и минут через 15 после регистрации):

    Значит все сделано правильно! Но это еще не все. Теперь нужно сделать базу данных для Вашего будущего магазина. Движок ОпенКарт работает таким образом, что вся информация (описания товаров, названия категорий, и т.п.) хранятся в базе данных. То есть, Вы в админ панеле магазина добавляете товар — вся эта информация попадает в базу данных, затем из базы данных уже выводится в пользовательской части магазина. Базу данных тоже сразу делаем. На вкладке Хостинг кликаем на ссылку Базы данных:

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

    Еще один шаг пройден. Но и это еще не все. Нам нужно будет как то закачивать файлы нашего сайта на хостинг. Удобнее всего это делать через FTP клиент, о нем немного ниже, а пока нужно сразу сделать логин и пароль для доступа к Вашему будущему сайту по FTP. На вкладке Хостинг, как Вы уже поняли все манипуляции с сайтом делаются именно на этой вкладке, жмем Пользователи FTP:

    Придумываем логин и пароль. В результате должно быть так (только с Вашим логином):

    Теперь все! Подготовительные работы сделаны — можно приступать к самой установке OpenCart, которая займет меньше времени чем подготовка. Скачиваем сам двжок с официального сайта . Распаковываем архив на своем компьютере. После распаковки появится папка upload и файлы с инструкциями. Именно содержимое папки upload (это и есть сайт) и нужно закачать на удаленный сервер:

    Для закачки файлов удобно использовать бесплатный FTP клиент ФайлЗилла. Обязательно скачайте и установите себе эту программку — при настройке сайта она часто будет нужна. Запускаем ФайлЗиллу и соединяемся с нашим сервером. Для этого вводим данные FTP доступа недавно созданные нами:

    Порт оставляем пустым и жмет Быстрое соединение. Левая сторона программы — это наш компьютер, правая — удаленный сервер. Раскрываем слева папку upload с файлами сайта, так чтобы были видны все файлы нашего сайта. С права у Вас будет одна папка с названием вашего сайта (доменом). Раскрываем ее. Там будет папка www, раскрываем ее. В папке www будет файл index.html — этот файл нужно удалить (клик правой кнопкой и выбор удалить), и вместо него закачать файлы нашего сайта. Для закачки зажав левую кнопку мыши выделяем все файлы сайта, затем клик правой кнопкой выбираем Закачать на сервер:

    Когда файлы сайта закачаны на наш хостинг, обращаемся к нашему сайта — можете в адресной строке браузера набрать домен и нажать Энтер, или перейти на сайт из панели управления хостингом. Если все правильно сделано, будет такая картина:

    Соглашаемся с лицензией и жмем Продолжить. Далее смотрим чтобы состояния везде было зеленым.

    У меня написано что не хватает конфигурационных двух файлов (все остальное зеленое). На самом деле эти файлы есть, но по другому называются. Через FTP клиент находим эти файлы (пути к файлам мы видим — заходим в соответствующие папки уже на сервере). И переименовываем файлы config-dist.php в config.php — клик правой кнопкой по файлу и выбрать переименовать:

    Один такой файл прямо в корневом каталоге (не надо никуда заходить и искать). Второй в папке admin — нужно раскрыть папку admin и в ней есть файл с таким точно названием — переименовать и его. Должно быть так (и то же в папке admin):

    После переименования обновляем страницу с установкой. Когда все состояния зеленые, жмем Продолжить:

    На следующем шаге заполняем поля с данными о базе данных. И придумываем логин и пароль:

    Когда все поля заполнены жмем Продолжить:

    Готово! Можем перейти в админ панель, или в витрину нашего магазина. Также, после установки, нужно удалить папку install с корневого каталога:

    Все наш магазин готов! Если эта инструкция по установке Opencart показалась слишком сложной, есть , не только по установке, но и по настройке этого движка.

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

  • Понравилось? Лайкни нас на Facebook