Дизайн и схемы (макеты) страниц в Opencart: пошаговая инструкция

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

Раздел Дизайн-Схемы в CMS Opencart

Чтобы изменить внешний вид любого типа страниц потребуется перейти в административной панели в «Дизайн»-«Схемы», где мы видим все уже имеющиеся шаблоны.

Список страницы в

При необходимости кликаем на «Редактировать» (карандаш).

Переход в редактирование категорий в Opencart 2 и 3

Далее видим, что схема состоит из:

  • Левой колонки. Отвечает за отображение в сайдбаре;
  • Центральную часть. Делить на вверху и внизу страницы, указывающую на отображение информации в шапке и подвале сайта;
  • Правая колонка. Аналогично отвечает за правую часть страницы.
Работа со схемами в административной панели Opencart

Редактирование страницы категорий

Чтобы добавить еще один элемент, мы кликаем в нужном месте на «+» (Добавить).

Добавление нового элемента при работе со схемами, дизайнами и макетами в Opencart

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

Изменение маркета и схемы категорий товаров в CMS Opencart 2 и 3

Как видим кольцевая галерея из баннеров появилась в категориях.

Изменение схемы и макета категорий товаров в Опенкарт

Редактирование карточки товаров через схемы в Опенкарт 2 и 3

Переходим в редактирование продукта.

Переход в редактирование карточки товара в Opencart 2 и 3

Добавляем:

  • В сайдбар вывод списка категорий;
  • Добавляем вывод в подвале баннера.
Изменение маркета и схемы карточки товара в CMS Opencart 2 и 3

Данные дополнения появились на посадочных страницах товара.

Изменение схемы и макета карточки товара в Опенкарт

Изменение главной страницы сайта

Переходим в редактирование главной.

Переход в редактирование главной страницы в Opencart 2 и 3

Удаляем рекомендуемые товары.

Удаление элемента маркета главной страницы в CMS Opencart

Добавляем вывод списка категорий и видим как изменения вступили в силу.

Изменение схемы и макета главной страницы в Опенкарт

Как создать новый баннер в Opencart 2 и 3

Для этого переходим в «Дизайн»-«Баннеры», где мы видим уже имеющиеся баннеры, которые можно изменить при необходимости.

Редатирование уже созданного баннера в Opencart

Создать новый можно кликнув на «Добавить» (+) в правом-верхнем углу.

Добавление нового баннера в Опенкарт

Даем ему название, выбрав статус «Включено» и заполняем:

  1. Заголовок;
  2. Ссылка. Указывается URL на который перейдет пользователь при клике по изображению;
  3. Изображение;
  4. Сортировка. Порядок показа;
  5. Добавить (+). Добавляется еще один блок с креативом.
Создание нового баннера для схем в Опенкарт

После сохранения данных он появится в общем списке баннеров.

Сохранение данных при создании нового баннера в Opencart

Все готово, его можно использовать в «Схемах».

Подписывайтесь на наш канал в Яндекс.Дзен

Подписывайтесь на наши социальные сети

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (6 оценок, среднее: 5,00 из 5)
Загрузка...