Добавляем Табы в карточку товара Joomshopping 4/5. jStart Replacer

Добавляем Табы в карточку товара Joomshopping 4/5. jStart Replacer

В 1 клик наводим порядок в карточке товара jStart Replacer версий 4 и 5. Структурируем вывод информации в удобный блок Табов.

Расскажу про новый аддон от jStart Replacer, который позволяет организовывать и структурировать информацию внутри карточки товара компонента JoomShopping. 

Как выглядит компонент Joomshopping 4/5, который выводит карточку товара сейчас?

И так, у нас есть компонент JoomShopping 5. В данном случае мы рассматриваем вариант, установленный на Joomla 4. В компоненте JoomShopping есть карточка товара, в которой выводится название товара, изображения товара, цена, характеристики и так далее. В стандартном шаблоне это все выводится в одну колонку. Никаких гибких настроек для внешнего вида нет.

Стандартный вид карточки товара.    

Dobavlyayem Taby v kartochku tovara Joomshopping 1 0963f

 Dobavlyayem Taby v kartochku tovara Joomshopping 2 a84eb

Как улучшить внешний вид отображения карточки товара?

Улучшать внешний вид мы будем при помощи аддона jStart Replacer.

 Напоминаю, что данный аддон от jStart Replacer работает на базе компонента ReReplacer от Regular Labs.

 Что нам понадобится:

Краткая напоминалка по установке компонента ReReplacer

Устанавливаем компонент ReReplacer

Админ панель joomla 4 “Система” ❯ В разделе “Установка” нажимаем “Расширения” ❯ на вкладке “Загрузить и установить”, перетягиваем файл установщика в поле загрузки. Компонент установлен. 

Установка аддона в компонент ReReplacer

В левой части панели управления joomla, в разделе “Компоненты” кликаем по Regular Labs - ReReplacer. Откроется страница “ReReplacer: Элементы”.

Кликаем по кнопке “Импорт”.  

Dobavlyayem Taby v kartochku tovara Joomshopping 3 b31d0 

Всплывет меню “Импортировать объекты”, кликаем по кнопке “Выберите файл” выбираем установщик аддона. 

Опубликованные элементы - можно оставить вариант “Как при экспорте”. При этом варианте после установки аддон будет уже опубликован. 

Если выбрать параметр “Нет” - установленный аддон будет выключен.  Далее нажать кнопку Импорт.  

Dobavlyayem Taby v kartochku tovara Joomshopping 4 38411 

Переходим на наш сайт, обновляем страницу. 

Результат

Вся информация из карточки товаров теперь организована в табы. Теперь все данные о товаре организованы, удобно читаемы. Нет хаоса в карточке товара.

Вся информация разнесена по вкладкам: 

  • Характеристики
  • Описание
  • Данные
  • Отзывы
  • Сопутствующие товары 

 Dobavlyayem Taby v kartochku tovara Joomshopping 5 1f82f

 Удобство для восприятия информации пользователем очевидно.

Какие есть нюансы ограничения в лайт версии аддона?

Вы можете бесплатно скачать и использовать Lite версию. Версия Lite имеет ряд ограничений. 

Версия Pro доступна для моих подписчиков с закрытого клуба “Остров”. 

Ограничения на Lite версии аддона jStart Replacer 

  • Нет возможности добавить вкладку “Сопутствующие товары”.  
  • Нет возможности переименовывать название вкладок. Это доступно только в Pro версии. 

На практике переименовываем вкладки (табы). Доступно только для pro версии.

Например, нам надо переименовать вкладку “Данные” на вкладку “Загрузки”.

Надо зайти внутрь аддона jStart Replacer.  

Dobavlyayem Taby v kartochku tovara Joomshopping 6 8b687 

Просто кликаем по его названию.

Надо найти поле “Замена”

В поле Замена видим код с названием вкладок.  

Dobavlyayem Taby v kartochku tovara Joomshopping 7 e4d73

Просто переименовываем название вкладок на нужное нам. Сохраняем. Обновляем страницу. 

Dobavlyayem Taby v kartochku tovara Joomshopping 8 ca577 

Dobavlyayem Taby v kartochku tovara Joomshopping 9 2b330 

Результат - вкладки переименованы.  

Совместимость аддона с разными версиями Joomshopping, Joomla

Этот аддон универсален и имеет обратную совместимость.

Аддон jStart Replacer совместим с Joomshopping 4 и 5, Joomla 3 и 4.  

Планы на дальнейшую разработку аддона jStart Replacer

Аддон будет обновляться. Это первая версия данного аддона. Версия 1.0.0.

Планы на будущее

  1. Появится возможность делать цветные табы. То есть менять цвет ярлыков вкладок. Можно будет сделать цвет по умолчанию и цвет при наведении.
  2. Также будут вертикальные табы. Это когда вкладки расположены как меню и при клике будут разворачиваться в правую сторону.
  3. В мобильной версии появится возможность табов видео аккордеона. Аккордеон представляет собой список с раскрывающимся содержимым.
  4. Будет возможность менять порядок Табов.
  5. Появится возможность добавлять иконки к названиям вкладок.
  6. Можно будет назначать вкладки по умолчанию при открытии страницы товара.

Image

Подпишись на Telegram канал "Goncharoff.pro сайты"

Рассказываю про сайты, продажи, работу с клиентами. Очень много авторского контента, лайфхаков и новых фич!

Перейти в канал
 

Как вступить в клуб "Остров непрограммистов"?

В клубе "Остров непрограммистов" есть много обучающих видео по Joomla, Joomshopping, SP Page Builder.

Эксклюзивный доступ к аддонам Pro.

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

 Ознакомиться с условиями доступа в Клуб

Возникли вопросы? Пишите мне Telegram.   

Видеоинструкция