Компонент VirtueMart и кнопки социальных сетей SocButtons

Заметки


Здравствуйте дорогие друзья и любители Joomla. Сегодня будет еще одно обещанное руководство по установке кнопок социальных сетей SocButtons в сторонние расширения и очередь дошла до VirtueMart. Предыдущие записи Компонент Phoca Gallery и кнопки социальных сетей SocButtons и Компонент K2 и кнопки социальных сетей SocButtons я думаю вам будут полезны не менее. А сегодня будем соединять компонент VirtueMart и кнопки социальных сетей SocButtons.

Компонент VirtueMart и кнопки социальных сетей SocButtons

Компонент VirtueMart и кнопки социальных сетей SocButtons

Кратко опишу о чем пойдет речь:

  1. Добавим кнопки социальных сетей в список категорий VirtueMart.
  2. Вставим кнопки соц сетей в категорию товаров под VirtueMart.
  3. Добавим кнопки социальных сетей в карточку товара VirtueMart.

Компонент VirtueMart и кнопки социальных сетей SocButtons

Сделаю маленький экскурс и опишу что нам нужно для работы:

  1. Плагин кнопок социальных сетей SocButtons (под Joomla 1.5) —  в нем настраиваем сами кнопки и их вид.
  2. Системный плагин кнопок соц сетей System SocButtons — именно он помогает интерпретировать тег {socbuttons} в полноценные кнопки соц сетей
  3. Компонент интернет магазина VirtueMart (скачать VirtueMart) — думаю понятно что он делает :-).

И начнем мы с того что вставим кнопки в список категорий VirtueMart.

Добавить кнопки соц сетей SocButtons в список категорий товара VirtueMart

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

  • Зайти в админпанель вашего сайта
  • Перейти в компонент VirtueMart — Раздел «Магазин» — Пункт «Информация о магазине»
  • В поле «Описание» добавляем тег {socbuttons}
  • Сохраняем изменения.

Все довольно просто и в итоге мы получим следующее демо или то что на картинке:

Добавить кнопки соц сетей SocButtons в список категорий товара VirtueMart

Добавить кнопки соц сетей SocButtons в список категорий товара VirtueMart

Добавить кнопки соц сетей SocButtons в категорию товаров VirtueMart

Сейчас мы будем добавлять кнопки SocButtons в категорию с товарами. Так как в таких категориях 10-20 товаров, то вставлять кнопки вниз не вижу смысла. По этому вставим кнопки под описание категории товаров. Для этого нам нужно:

  • Зайти в папку components\com_virtuemart\themes\default\templates\browse\includes\
  • найти файл browse_header_category.tpl.php
  • в нем найти строчку №18, а именно
    <?php echo $desc; ?>

    и после нее (или перед ней, как кому угодно) вписать тег {socbuttons}. Получится следующее

    <?php echo $desc; ?>{socbuttons}
  • Сохранить изменения в файле

В итоге мы получим кнопки социальных сетей, которые будут отображаться после (или до) описания категории. Как на скриншоте:

Добавить кнопки соц сетей SocButtons в категорию товаров VirtueMart

Добавить кнопки соц сетей SocButtons в категорию товаров VirtueMart

Вставить кнопки социальных сетей SocButtons в карточку товара VirtueMart

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

Шаблонов карточек товара по-умолчанию идет 7 штук (flypage.tpl — самый популярный), по этому вам обязательно нужно узнать какой именно шаблон вы используете в своем магазине.

  • Идем в VirtueMart — Раздел «Настройки» — Пункт «Настройки». Выбираем вкладку «Сайт» и в поле «Страница товара (flypage)» смотрим название шаблона. Имейте ввиду что для каждой категории товара можно присвоить отдельно другой шаблон, нежели для всех остальных категорий.
  • Узнав название шаблона товара идем в components\com_virtuemart\themes\default\templates\product_details\
  • Ищем файл шаблона, он будет таким «имя шаблона.php», например flypage.tpl.php и редактируем его.

В разных шаблонах карточек, разная структура и тут вам на помощь придет статья Список заглушек VirtueMart, в которой описаны почти все переменные, которые отвечают за определенные данные. А я для примера вставлю кнопки соц сетей после названия товара.

  • Посмотрел, что за карточку товара отвечает шаблон flypage.tpl
  • Нашел flypage.tpl.php в папке components\com_virtuemart\themes\default\templates\product_details\
  • Нашел строчку №26 в которой выводиться название товара с помощью переменной $product_name
    <h1><?php echo $product_name ?> <?php echo $edit_link ?></h1>

    и дописал после нее тег {socbuttons}, получилось так

    <h1><?php echo $product_name ?> <?php echo $edit_link ?></h1>{socbuttons}
  • Сохранил изменения.

В итоге получилось следующее демо или то что на картинке:

Вставить кнопки социальных сетей SocButtons в карточку товара VirtueMart

Вставить кнопки социальных сетей SocButtons в карточку товара VirtueMart

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

А на этом пост Компонент VirtueMart и кнопки социальных сетей SocButtons закончен. Желаю вам по больше покупателей на ваших интернет магазинах. Увидимся.

Joomla Блог Nauca – научись работать с Joomla

Хочешь получать на e-mail свежие статьи о компонентах, модулях, плагинах и других полезных вещах связанных с Joomla? Не пропусти ничего полезного, подпишись на новости блога Nauca: