logo

Создание WEB сайтов/

Пошаговое руководство по созданию сайтов на CMS .

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

Интернет-магазин на OpenCart: пошаговая инструкция. Часть-2

 

Шаг 3: расширяем функциональность OpenCart с помощью модулей

Как работать с базовыми модулями OpenCart
В админке выберите меню «Модули - Расширения». На открывшейся странице вы увидите список установленных и доступных для установки в русской сборке OpenCart модулей.

 Модуль «Аккаунт» - отвечает за отображение меню личного кабинета пользователя.

Модуль «Аккаунт» - отвечает за отображение меню личного кабинета пользователя.
Страница авторизации пользователей

Страница авторизации пользователей 

По умолчанию модуль «Аккаунт» включен. Чтобы научиться работать с модулями, добавьте блок «Аккаунт» на страницу поиска.
Делаем страницу поиска более функциональной

Делаем страницу поиска более функциональной

 Перейдите в раздел админки «Дизайн – Макеты». Выберите макет Search и войдите в меню редактирования. Нажмите кнопку «+», чтобы добавить модуль в макет.

 Добавляем модуль в макет

Добавляем модуль в макет

 С помощью выпадающего меню выберите модуль «Аккаунт». Сохраните изменения. Обновите страницу результатов поиска. Теперь на ней отображается новый модуль.

Добавили модуль на страницу Добавили модуль на страницу

 Чтобы настроить модуль, войдите в меню редактирования соответствующего блока.

 Редактируем модуль карусель

Редактируем модуль карусель

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

 В карусели на главной отображаются продукты HP

В карусели на главной отображаются продукты HP

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

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

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

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

Как расширить функциональность OpenCart с помощью дополнительных модулей

С помощью дополнительных модулей можно обеспечить соответствие ресурса требованиям поисковых систем, а также безопасность пользователей и сайта. Начните с установки SEO-модуля. Обратите внимание на платные комплексные решения, например, SeoPro, SEO Mega Kit Plus, All in One SEO for OpenCart и другие. Если пока не готовы платить за комплексные модули, найдите бесплатные расширения.

В отличие от коммерческих продуктов, они обычно решают одну задачу. Если решили использовать модули со свободной лицензией, нужно обратить внимание на их совместимость с последними версиями OpenCart. Вот несколько бесплатных расширений для SEO:

Seo Friendly Urls. Плагин делает URL сайта дружественным к пользователям и «поисковикам». Если работаете с русской сборкой OpenCart, этот модуль не нужен.
Simple SEO. Модуль позволяет редактировать title и мета-теги description и keywords. Актуален для версий CMS до 1.5.4. В русской сборке редактирование метаданных доступно по умолчанию.
Google Rich Snippets. С помощью модуля можно разметить страницы товаров для отображения расширенных описаний в поисковой выдаче. Актуален для версий движка до 1.5.4. Платные альтернативы для внедрения микроразметки, совместимые с текущей версией CMS: SEO Rich Snippets for OpenCart, SEO Rich Snippet Reviews Microdata for Product page, SEO Product Rich Snippets with Reviews.
SEO Facebook OpenGraph Tags. Позволяет сделать расширенные описания страниц для социальных сетей.
Yandex Sitemap. С помощью плагина можно управлять XML-картой сайта.

Чтобы установить модуль, скачайте архив с дистрибутивом на жесткий диск компьютера. Установите пакет на сайт в разделе админки «Модули – Установка расширений».

OpenCart 9

Устанавливаем модуль для реализации протокола Open Graph

 Перейдите в раздел админки «Модули – Модификаторы», нажмите кнопку «Обновить».
Обновляем кэш модификаторов

Обновляем кэш модификаторов

Проверьте отображение ссылок на сайт в социальных сетях. До реализации протокола Open Graph они выглядят так (см. иллюстрацию).
Сниппет без фото не привлекает внимание

Сниппет без фото не привлекает внимание

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

Сниппет с фото выглядит лучше

Сниппет с фото выглядит лучше

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

OpenCart BackUp to Google Drive. Плагин автоматически сохраняет архив на «Диск» Google.
Backup / Restore Plus. Инструмент создает резервные копии по расписанию и по требованию.
BackUp Pro. Модуль автоматически создает резервные копии сайта.

Также можно пользоваться штатным инструментом резервного копирования CMS OpenCart и создавать резервные копии вручную. Войдите в меню «Система – Обслуживание - Бэкап». Нажмите кнопку «Бэкап». Система создаст и загрузит на жесткий диск компьютера резервную копию.

 Создаем резервную копию сайта штатными средствами вручную

Создаем резервную копию сайта штатными средствами вручную

Чтобы защитить административную панель от взлома, воспользуйтесь одним из перечисленных модулей:

Simple Login Security.
Admin Rename (платный).
Admin Key (платный).

Позаботьтесь об удобных и безопасных способах расчетов. Большинство платежных модулей платные. Обратите внимание на такие:

Яндекс.Касса.
Robokassa.
Wallet One.

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

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

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

 Активируем модуль Google Analytics

Активируем модуль Google Analytics

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

 Добавляем код и включаем модуль

Добавляем код и включаем модуль

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

 Данные поступают, Google Analytics подключили

Данные поступают, Google Analytics подключили

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

 «Метрику» подключаем через модуль Google Analytics

«Метрику» подключаем через модуль Google Analytics

Подключите сайт к сервисам Google Search Console и «Яндекс.Вебмастер». Для этого зарегистрируйте ресурс в системах и выберите способ подтверждения прав на управление. Например, с помощью FTP-клиента загрузите HTML-файл на сайт.

 Загружаем HTML-файл на компьютер

Загружаем HTML-файл на компьютер

Файл поместите в корневой каталог ресурса.

 Загружаем файл на сервер с помощью FTP-клиента

Загружаем файл на сервер с помощью FTP-клиента

Перейдите по ссылке, предложенной на странице верификации в «Вебмастере».

 Файл загружен на сервер

Файл загружен на сервер

Для завершения верификации нажмите кнопку «Проверить».

 Права на управление сайтом подтверждены

Права на управление сайтом подтверждены

Аналогичным способом подтвердите права на сайт в Search Console.

 Перейти к статье:  Интернет-магазин на OpenCart: пошаговая инструкция. Часть-1

Перейти к статье:  Интернет-магазин на OpenCart: пошаговая инструкция. Часть-3

ОБУЧАЮЩИЕ КУРСЫ

Популярные практические платные курсы для обучения.

Photoshop для детей

Первый обучающий курс по Adobe Photoshop для детей от 8 до 15 лет.

Первая фотокамера

Полный курс по основам фотосъёмки на профессиональную камеру

Супер Premiere Pro

Полный обучающий курс по монтажу видео в программе Premiere Pro

Photoshop с нуля 2021

Изучения фотошопа, без посещения дорогих курсов и метода тыка!

КОНТАКТЫ НАШЕГО САЙТА

Хотите задать вопрос? Свяжитесь с нами с помощью формы обратной связи. Мы будем рады помочь Вам.

Форма контакта:  отправить сообшение

ПОСЕЩАЕМОСТЬ САЙТА

Яндекс.Метрика

 

Партнерские программы - интернет-бизнес который без них просто не смог бы получить своё развитие в разных темпах.