Как сформировать ссылку на вкладку (аксессуары и п - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Как сформировать ссылку на вкладку (аксессуары и п

Michel II
Профессионал
Сообщений: 473
Регистрация: 08-06-2012

# 1

13-06-2017 04:28

Здравствуйте. Подскажите, как создать ссылку на одну из вкладок , которые находятся на странице товара (аксессуары, отзывы, характеристики и пр). У них свой idTab
Задача разместить кнопку на странице товара по аналогии с "подробнее". Что бы по нажатию попадали на эту нужную вкладку.

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

preatashop v1.4.10

Щелкните, и это сообщение будет добавлено в ваш ответ как цитата

Алекс

Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009

# 2

13-06-2017 11:38

1) Откройте файл /themes/ваша-тема/js/product.js и добавьте после:

Код:

$(document).ready(function()
{

подобный код:

Код:

$('[data-tab]').on('click', function()
{
    var $tab = $('#more_info_tabs').find('[href="'+ $(this).data('tab') +'"]');
    if($tab.length)
    {
        $tab.click();
        $.scrollTo($tab, 900);
    }
});

2) Откройте файл /themes/ваша-тема/product.tpl и добавьте кнопку:

Код:

<a class="button" data-tab="#idTab2" href="#">данная кнопка развернёт idTab2</a>

Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.

Michel II
Профессионал
Сообщений: 473
Регистрация: 08-06-2012

# 3

13-06-2017 19:12

Пока не получилось. При 100% копировании кода новая кнопка заставляет страничку подскакивать к верху.
На всякий случай уточню. Нужно открывать вкладку с idTab11

Сообщение отредактировал Michel II (13-06-2017 15:12)

preatashop v1.4.10

Алекс

Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009

# 4

13-06-2017 20:47

Цитата:( Michel II @ 13-06-2017 20:12 Смотреть сообщение )

При 100% копировании кода новая кнопка заставляет страничку подскакивать к верху.

Это моя ошибка. Если вы используете версию PrestaShop v1.4.10 (текст из подписи) необходимо немного изменить код на:

Код:

$('[data-tab]').click(function()
{
    var $tab = $('#more_info_tabs').find('[href="'+ $(this).data('tab') +'"]');
    if($tab.length)
    {
        $tab.click();
        $.scrollTo($tab, 900);
    }
});

Цитата:( Michel II @ 13-06-2017 20:12 Смотреть сообщение )

Нужно открывать вкладку с idTab11

Код:

<a class="button" data-tab="#idTab11" href="#">данная кнопка развернёт idTab11</a>

Michel II
Профессионал
Сообщений: 473
Регистрация: 08-06-2012

# 5

13-06-2017 21:13

получилось. )) Благодарю

preatashop v1.4.10