8uh.ru - это информационный портал в стиле "Подслушано". Обсуждаем важные новости мира и интернета, показываем тонкости работы с различными сайтами и социальными сетями: от сайтов поисковых систем Яндекс, Гугл, Мэйл, Рамблер, Нигма до соцсетей Вконтакте, Одноклассники, Твиттер и Пинтерест. Подсказываем как грамотно сделать сайт и получить на него посетителей, используя различные способы продвижения сайтов: SEO-продвижение, краунд-маркетинг, соцсигналы, SMM-маркетинг и SMO-маркетинг.

Улучшение стандартного слайдера Opencart 2

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

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

Вывод мини-описания в стандартном слайдере Опенкарт 2

Итак, чтобы на слайдере отображался текст (мини-описание), нужно выполнить несложные доработки базового функционала стандартного модуля SlideShow. Для этого, идём по пути /catalog/view/theme/default/template/module/slideshow.tpl

Здесь вы увидите небольшой код, который нам нужно слегка модернизировать.

Как вам известно (если вы уже пробовали создавать слайд-шоу в Opencart 2) — слайд может быть ссылкой, а может и не быть таковой. Эта особенность описывается в этой части кода:

Т.е. если для баннера (слайда) указана ссылка, то и выводиться ссылка-картинка. Если наоборот — то просто картинка.

В админке сайта для каждого слайда мы можем задать его описание. Описанием будет поле, которое называется — «заголовок»:

Указание заголовка слайда в админке Опенкарт

Теперь нам остаётся только вывести этот заголовок поверх самого слайда. Чтобы это сделать, нужно код:

Заменить таким:

Мы добавили в код:

Этот блок будет содержать заголовок слайда, который мы указываем в админке. Остаётся только добавить стилей, чтобы текст отображался так, как нам нужно.
Например:

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

Рассказать о подслушанном:

Комментарии

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

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