Создание Интернет магазина на OpenCart: руководство для начинающих. Как создать интернет-магазин на OpenCart: пошаговая инструкция Общие настройки OpenCart — Основное

CMS Opencart - идеальное решение для создания небольшого торгового ресурса. Она не требует особых затрат и имеет такие преимущества как:

Поддержка мультиязычности.

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

Модульная система (возможность создавать на одной платформе несколько магазинов на Opencart).

Поисковая оптимизация.

Расширение функциональности за счет установки дополнений.

Возможность установки различных тем.

Также существует русифицированная расширенная версия OpenCart – ocStore. Его мы и будем устанавливать, так как “из коробки” он наиболее эффективен для России. В отличии от OpenCart, в нем уже есть:

Русский языковый пакет

Локализация базы данных

SEO-оптимизация (добавлены title и h1 для товаров, категорий, производителей и др.)

Расширенный функционал.

Итак, давайте по шагам разберем, как создать магазин на Opencart.

Шаг 1. Установка Opencart на хостинг

Описание. Здесь вносим описание категории для посетителя. Отображение зависит от шаблона.

HTML-тег Title. Здесь вписываем заголовок страницы. Например, “Русская кухня”.

HTML-тег H1. Здесь можно продублировать заголовок страницы. В нашем примере он будет отображаться как на рисунке.

- Мета-тег Description и Мета-тег Keywords. Это мета-теги описания и ключевых слов для поисковых систем.

Вкладка “Данные”:

Родительская категория. Если категория, которую создаем, является родительской, то ничего не выбираем. Если она является подкатегорией, то выбираем здесь для нее родительскую категорию. В нашем примере “Русская” - это родительская категория, поэтому оставляем без изменений.

SEO URL. Здесь прописываем URL-метку нашей категории для отображения в ссылке. Обычно указывается название категории на латинице. Если категория состоит из двух слов, разделенных пробелом, то пробел меняем на дефис или нижнее подчеркивание. В нашем примере будет “russkaya”.

Изображение категории. Здесь добавляем изображение, которое будет отображаться вверху. Отображение зависит от используемой темы. В нашем примере оно будет отображаться под текстом HTML-тег H1 (на рисунке выше обведено рамочкой).

Главное меню. При установленной галочке категория будет отображаться в верхнем меню. Работает только для основных категорий.

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

Шаг 4. Добавление и настройка товара на Opencart

Переходим в Каталог => Товар. В открывшемся окне мы видим уже созданные в процессе установки товары. Вы можете оставить их для примера или удалить. Удаление происходит также, как и удаление категорий.

Как добавить товар на Опенкарт - простой пример

Добавляем новый товар, щелкнув по значку “плюс” вверху. Откроется страница с несколькими вкладками, которые мы и рассмотрим.

Вкладка “Общие”:

Наименование. Название товара, например “Щи из свежей капусты”.

Описание. Описание товара, которое увидит посетитель.

- HTML-тег Title, HTML-тег H1, Мета-тег Description, Мета-тег Keywords. Эти поля имеют такие же функции как и у категорий, но только для товара.

Теги товара. Теги товара в Opencart - это своего рода метки товара, которые отображаются внизу. По ним можно быстро найти похожие товары, они положительно влияют на поисковую оптимизацию.

Вкладка “Данные”:

- Изображение товара. Главное изображение товара. Будет отображаться на странице категории и первым в карточке товара.

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

Цена. Указываем цену нашего товара.

Количество. Указываем количество товара на складе.

- Минимальное количество. Указываем минимальное количество для заказа. Т.е., если у вас оптовая торговля, то можете указать какое минимальное количество нужно добавить в корзину, чтобы сделать заказ на товар.

- Вычитать со склада. Если будет указано “Да”, то при каждом заказе количество на складе будет уменьшаться. В нашем примере товар готовится каждый раз после заказа и какого-то определенного количества на складе не имеет. Поэтому указываем “Нет”.

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

SEO URL. Так же, как и в категориях, прописываем уникальную метку для ссылки. Например, shchi-iz-svezhej-kapusty.

- Размеры (Д x Ш x В). Обязательно указывайте, если потом будете использовать модули для расчета доставки. В нашем примере указание размеров не требуется.

Единица длины. В чем измеряем - см или мм.

Вес. Указываем вес товара.

Единица веса. В чем измеряем - кг или г.

Статус. Статус указываем “Включено”, чтобы наш товар отобразился на витрине.

Вкладка “Связи”:

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

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

Вкладка “Скидки”:

Тут можно установить цены в зависимости от количества (2). Указываем количество, при котором начинает действовать цена со скидкой (1). Также данную скидку можно ограничить по времени, указав дату начала и дату окончания (3 и 4). Для добавления новой скидки от следующего количества жмем на плюс (5).

Вкладка “Акции”:

Тут можно установить новую цену на определенный период, например, для распродажи. Указываем новую цену (1), дату начала и дату окончания (2 и 3). Если нужно указать ещё, то жмем на плюс (4).

Вкладка “Изображения”:

На этой вкладке мы можем добавить дополнительные изображения для нашего товара.

Вкладка “Бонусные баллы”:

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

1. В поле “Баллы” указываем количество баллов, за которые покупатель может приобрести товар. Если товар невозможно приобрести за баллы, то укажите 0.

2. В поле “Бонусные баллы” укажите количество баллов, которые покупатель получит, купив товар.

После внесения всех настроек сохраняем, нажимая на значок дискеты вверху. На этом создание простого товара закончено.

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

Как добавить товар на Опенкарт - пример посложнее

Прежде чем добавлять товар, нам необходимо добавить опции, перейдя в Каталог => Опции . В открывшемся окне мы видим уже созданные в процессе установки Opencart опции. Удаляем их также, как и ранее в категориях.

Добавляем новую опцию, нажимая плюс вверху.

2. Затем выбираем тип опции - в нашем примере “Переключатель”, чтобы была возможность выбрать только один вариант.

3. Указываем порядок сортировки - необязательно.

4. Далее вносим значения опции, нажав плюс: само значение (5), изображение к нему (6) и порядок сортировки (7). Порядок сортировки в нашем примере имеет значение, чтобы не нарушать логику, так как значений будет два (250г и 300г) и они должны следовать по возрастанию.

Теперь перейдем к добавлению товара с опциями. Ранее мы уже добавляли товар и на этом подробно останавливаться не будем, за исключением вкладки “Опции”, которую мы ещё не рассматривали.

1. Выбираем на вкладке только что созданную опцию “Порция”. Появится окно для внесения значений.

2. В поле “Обязательно” выставляем значение “Нет”, чтобы покупатель мог добавить товар без выбора опции. Но для этого должна быть полностью прописана карточка товара с опцией по умолчанию - должна быть указана цена и вес порции (100 руб. и 200 г соответственно).

3. Добавляем новое значении опции.

4. Выбираем значение.

6. Прописываем надбавку на цену.

7. Добавляем вес к исходной порции.

8. Сохраняем товар.

Вот какая карточка в итоге у нас получилась:

Таким образом, в Opencart мы можем сделать настройку фильтров, описывающих самые разные свойства товара. Покупатель сможет выбирать товары по цвету, размеру, модификации, комплектации и прочим параметрам.

Шаг 5. Настройка приема платежей на Opencart

1. Для настройки платежей переходим в Дополнения => Платежи . На странице есть несколько модулей оплаты.

2. По умолчанию они не установлены и для того, чтобы их установить, нужно нажать на плюс.

3. После этого можно перейти к редактированию, нажав на значок карандаша.

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

Переходим в редактирование модуля:

- Минимальная сумма. Указываем минимальную сумму для оплаты данным способом. При сумме заказа меньшей этого значения способ будет не доступен.

- Статус заказа после оплаты. Указываем статус заказа после поступления оплаты. В нашем примере статус будет “Доставлено”.

Статус. Для включения способа необходимо выбрать “Включено”.

Шаг 6. Настройка доставки Opencart

В нашем примере будут использоваться два варианта доставки - фиксированная стоимость доставки (150 рублей) и бесплатная доставка при сумме заказа от 1000 рублей.

1. Для настройки способов доставки переходим в Дополнения => Доставка. На открывшейся странице мы увидим несколько способов доставки, среди которых есть необходимые нам.

2. Устанавливаем их, нажав на плюс.

3. Переходим к редактированию, нажав на карандашик.

Начнем с редактирования способа “Фиксированная стоимость доставки”:

Стоимость. Указываем стоимость доставки. В нашем пример 150.

Класс налога. Меняем на “Не выбрано”, так как налоги мы не используем, работая с физлицами.

Сохраняем, нажав на дискету вверху.

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

Статус. Указываем “Включено”.

Сохраняем.

Итог

Мы вкратце рассказали о создании интернет-магазина на Opencart на примере магазина еды с доставкой. Конечно, в статье мы рассмотрели только базовые настройки модулей. При более тщательном изучении движка вы можете построить онлайн мегамаркет со своими маркетинговыми фишками.

Не ограничивайте свою фантазию! Устанавливайте движок, выбирайте подходящую тему и экспериментируйте!

На этом все. Успехов в создании интернет-магазина!

От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как сделать сайт на OpenCart, конкретнее, мы поговорим о создании шаблонов (тем) для Опенкарт.

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

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

Итак, перейдем на сервере, где уже установлен движок, в папку catalog/view/theme. Там мы увидим единственную (при условии, что это чистая установка CMS) папку – default. Это и есть стандартная тема магазина. Внутри указанной папки для нас в первую очередь представляет интерес папка template, в которой и находятся все шаблоны движка.

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

Как видите, файлов достаточно много и каждый из них отвечает за тот или иной кусочек страницы сайта. Например, первый файл – cart.tpl – отвечает за показ содержимого корзины на кнопке в шапке сайта.

Шаблоны column_left.tpl и column_right.tpl, как вы наверное догадались, показывают сайдбары сайта. Файлы header.tpl и footer.tpl отвечают за шапку и подвал сайта и т.д. Создавая свою тему, вы смотрите, какой именно участок страницы вы хотите изменить. Если вам нужно изменить шапку сайта, тогда в папке вашей темы с шаблонами нужно создать папку common, а в ней создать файл header.tpl с нужным содержимым. Давайте попробуем.

Пусть папка с нашей темой называется просто – mytheme. В ней мы создаем нужный файл по следующему пути: mytheme/template/common/header.tpl. Чтобы этот файл не был пустым, скопируем в него полностью код из одноименного файла дефолтной темы.

Теперь давайте перейдем в админку и там зайдем в меню Дополнения – Дополнения, где из списка имеющихся дополнений выберем Шаблоны. В списке доступных шаблонов мы должны увидеть только что добавленный нами – mytheme.

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

Теперь наша задача, как разработчиков темы, править содержимое файлов уже в папке нашей темы. Например, для файла header.tpl мы можем подключить свои стили, скрипты, изменить верстку шапки и т.д. В качестве примера давайте попробуем удалить кнопку корзины. Для этого вернемся к файлу header.tpl и найдем там соответствующий код – это строка 96:

Эта серия статей призвана помочь начинающим разработчикам 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).

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

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

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

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

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

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

Инструкцию по установке 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 показалась слишком сложной, есть , не только по установке, но и по настройке этого движка.

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