Вход | Регистрация

Вставляем кнопки соц. сетей в карточку товара JoomShopping

социальные кнопки в joomshopping

Вставляем кнопки поделиться в карточку товара JoomShopping, без использования плагинов и модулей.


В прошлой статье мы разбирали вставку соц.кнопок в обычный материал Joomla, здесь мы вставим их в карточку товара JoomShopping.

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

Последовательность действий такая же.

Шаг 1. Выясняем есть ли переопределение макетов JoomShopping.
Если нет, то создаём самостоятельно.

Шаг 2. Находим файл, который отвечает за карточку товара и место где будем размещать код.

Шаг 3. Всатвляем код социальных кнопок и проверяем работу сайта.  

 

Приступим.

Шаг 1.

Открываем FTP клиент или идём в файловый менеджер хостинга.
Переходим в папку вашего установленного шаблона и проверяем наличие там папки html, напомню, это папка содержит переопределения макетов различных компонентов и модулей.

В папке html должна быть папка com_jshopping - тут в папках лежат макеты. Нам нужна папка product и файл product_default.php

Т.е. такой путь: сайт/templates/ваш_шаблон/html/com_jshopping/product/product_default.php

Если всё есть, то отлично.

Если папки com_jshopping нет в папке html, то переопределение для JoomShopping создаётся немного по-другому, не так как для других компонентов.

Чтобы создать переопределение для JoomShopping, нужно перейти в папку:

сайт/components/com_jshopping/templates/default

Здесь вы увидите папки с макетами. Можно скопировать все или только папку product, и перенести в:

сайт/templates/ваш_шаблон/html/com_jshopping/

 

Шаг 2.

Находим файл, который отвечает за макет карточки товара.

Это файл product_default.php в папке product
Открываем его для редактирования, видим в нём html код вперемешку с php.

Прим.: все шаблоны разные и html код может отличаться. 
Чтобы найти нужное место в коде, можно посмотреть карточку товара на сайте и исследовать её код через браузер.
Правый клик мыши по элементу -> Исследовать элемент. 

Откроется окно с html кодом и стилями. Раньше для этих целей использовался плагин FireBug, сейчас же это есть во всех браузерах.

К примеру, я меняю шаблон JT Market, и хочу вывести блок кнопок в средней колонке.

социальные кнопки в joomshopping

Если исследовать элемент через браузер, то видно что это место находится в блоке с классом product_data

Красной стрелкой обозначен родительский блок product_data, а зелёной - то место, куда я буду ставить код социальных кнопок.
Буду ставить под блок .prod_buttons

социальные кнопки в joomshopping

 

Теперь нужно найти в php файле это место и вставить туда скопированный код социальных кнопок.

Вот что у меня получилось.

как вставить кнопки соцсетей в joomshopping

Зелёным обведён блок product_data, как видите он выводится в условии if, поэтому код кнопок (обведён красным) я поставил за условием.

Вот как это выглядит на сайте.

кнопки социальных сетей в карточке Joomshopping

 

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

 

На этом всё, желаю успехов!

С уважением, Олег Касьянов

Сохраните эту информацию к себе, чтобы не потерять:

И подписывайтесь на наш онлайн-журнал.
С уважением, Олег Касьянов.

Комментарии

Оставьте ваше мнение

*

Получать уведомления о новых комментариях

X

Спасибо!
Ваш комментарий появится после одобрения

нашли ошибку? напишите
X

Вход

Ваш e-mail:

Ваш пароль:


Забыли пароль?
Регистрация

X

Нашли ошибку или баг? Напишите мне.

placeholder="Опишите пожалуйста где вы нашли ошибку и какую, буду вам очень благодарен">