Интернет магазин на opencart [академия верстки]

Интернет магазин на opencart [академия верстки]

Программа курса

Программа курса “Интернет-магазин на Opencart”


Начальный уровень входа:

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



За курс участник научится разрабатывать интернет-магазины на CMS-системе Opencart.

Модуль 1. Знакомство с CMS OpenCart
Урок №1. Выбор версии и установка OpenCart
План урока:

1. Установка Opencart
   
   
2. Выбор версии - отличия 2 и 3 версий
   
   
3. Различия между OpenCart и OCStore

Урок №2. Обзор панели администратора
План урока:

1. Обзор готового функционала CMS-системы
   
   
2. Особенности админ. панели
   
   
3. Работа с CMS OpenCart через админку
   
   
4. Работа с мультиязычностью, валютами

Урок №3. Работа с товарами
План урока:

1. Работа с товарами интернет-магазина
   
   
2. Категории, атрибуты, опции, фильтры

Урок №4. Знакомство с кодом CMS-системы: принцип работы, модули
План урока:

1. MVC - что это и как это работает
   
   
2. Создание своей темы
   
   
3. Работа с готовыми темами

Доп видео к уроку №4. Работа с модулями
План урока:

1. Что такое модули и где брать готовые модули
   
   
2. Как устроены модули с точки зрения кода
   
   
3. Варианты установки модулей

Результат модуля: вы научитесь основам работы с CMS-системой, будете уверенно владеть панелью администратора и получите представление о принципе работы движка


Модуль 2. Практика
Урок № 5. Практика 1. Верстка на OpenCart
План урока:

1. Подготовка к верстке на OpenCart - подключение скриптов, стилей
   
   
2. Встроенные библиотеки
   
   
3. Верстка шапки

Урок № 6. Практика 2. Настройка меню, кнопки корзины
План урока:

1. Вывод меню
   
   
2. Изменение кнопки корзины
   
   
3. Вывод модального окна при нажатии кнопки корзины

Урок № 7. Практика 3. Работа со слайдерами
План урока:

1. Работа со встроенными слайдерами OpenCart
   
   
2. Стилизация слайдера
   
   
3. Рассмотрение слайдера в виде модуля

Урок № 8. Практика 4. Работа с каталогом
План урока:

1. Боковое меню, настройка отображения элементов
   
   
2. Настройка пагинации

Урок № 9. Практика 5. Отображение товаров в каталоге, модулях и т. д.
План урока:

1. Настройка отображения товаров
   
   
2. Рекомендуемые товары, новые поступления, хиты продаж
   
   
3. Вывод на главную страницу в зависимости от наличия сайдбара
   
   
4. Обновление товаров, добавленных в корзину, без перезагрузки страницы

Урок № 10. Практика 6. Работа с карточкой товара
План урока:

1. Проработка страницы товара
   
   
2. Вывод параметров и опций товаров
   
   
3. Работа табов, возможности добавления отзывов
   
   
4. Вывод рекомендуемых товаров

Урок № 11. Практика 7. Создание формы обратной связи на новом шаблоне страницы
План урока:

1. Создание своего шаблона страницы
   
   
2. Создание формы обратной связи
   
   
3. Использование модулей
   
   
4. Самостоятельная настройка отправки

Урок № 12. Практика 8. Блог на сайте
План урока:

1. Модули для добавления блога
   
   
2. Настройка и стилизация статей
   
   
3. Добавление комментариев VK

Урок № 13. Практика 9. Доработка интернет-магазина
План урока:

1. Доработка футера, доп страниц
   
   
2. Полезные модули для улучшения интернет-магазина

Урок № 14. Практика 10. Основы разработки модулей
План урока:

1. Разработка простого модуля
   
   
2. Вывод модуля в админку

Результат модуля: вы научитесь основам создания интернет-магазина на CMS-системе Opencart на практике
Модуль 3. Всё, что нужно для работы интернет-магазина
Урок № 15. Упрощение оформления заказа
План урока:

1. Что можно сделать с неудобным процессом оформления заказа?
   
   
2. Модуль для управления страницей оформления заказа

Урок № 16. Настройка процесса оплаты и доставки
План урока:

1. Обзор платежных систем
   
   
2. Подключение платежных систем
   
   
3. Настройка платежных систем
   
   
4. Как создать варианты доставки
   
   
5. Настройка отображения вариантов

Урок № 17. Подключение онлайн-чата
План урока:

1. Подключение чата JivoSite
   
   
2. Основы работы с ним

Результат модуля: разработанные магазины будут настроены под заказчика и удобны в использовании и управлении


Доп урок 1. Работа с поступающими заказами
План урока:

1. Как формируются заказы
   
   
2. Пример писем, приходящих на почту администратору
   
   
3. Отображение незавершённых заказов
   
   
4. Сортировка и управление заказами

Доп урок 2. Продвижение интернет-магазина
План урока:

1. Контекстная реклама
   
   
2. СЕО-продвижение
   
   
3. Таргетинг
   
   
4. Выбор рекламы для конкретного ИМ
   
   
5. Настройка Яндекс.Метрики

Результат модуля: разработанные магазины будут настроены под заказчика и удобны в использовании и управлении

Ссылка на оплату
Скрытая ссылка