Есть ли плагин для формирования вкладок в карточке товара? Есть решение

У каждого товара есть вкладки: "Описание", "Документация", "Сертификация". С первой вкладкой всё понятно: достаём $product.description. Но как быть с контентом для других вкладок?

Купил плагин "вкладки", но его функционала недостаточно. Он позволяет присвоить шаблон для вкладки. Но возможности прописывать сам контент для вкладок индивидуально для каждого товара нет возможности.

Подскажите, есть ли плагин, который позволяет индивидуально для каждого товара прописывать контент для вкладок?

1 ответ

  • 3
    replicant 12 февраля 2021 17:13 # Решение

    Если внимательно почитать описание плагина, то там есть такое

    - Определенную страницу товара (выборка идет по url)

    Это подразумевает, что контент создается на Подстраницах товара, а потом берется плагином по ссылкам в виде url. Для этого надо создать вкладку и "скормить" ей ссылку на подстраницу.


    Однако есть и другой путь решения задачи.
    Доп. контент создается так же на подстраницах товара, а во вкладки упаковывается в шаблоне темы дизайна примерно так (Описание, Отзывы, Хар-ки, а затем +3 идут все страницы товара в виде вкладок)

                    {foreach $product.pages as $page}
                    <div id="tab{$page@iteration + 3}" style="display:none;">
                        <div class="tab-head"><h2>{$page.name|escape}</h2></div>
                        <div class="tab-content">
                            {include file="string:`$page.content`"}
                        </div>
                    </div>
                    {/foreach}

    Плагин для такой простой задачи в принципе не особо и нужен. Достаточно просто пересобрать шаблон product.html темы дизайна, хотя это тоже решение на любителя, но спецу работы на час, чтобы собрать вкладочную конструкцию. Подстраницы в моем коде закидываются на вкладки автоматически, а название вкладки = заголовок подстраницы товара. Создал страницу - вкладка появилась. Удалил - пропала. Всё крайне просто.

    Скрипт управления вкладками такой

    $('.tab-menu').click(function(){$('.tab-menu').removeClass('selected');$('.tab-content').parent().hide(200);$(this).addClass('selected');
    $('#tab'+$(this).attr('value')).show(200)})

    Собственно весь код уже в этой теме, кроме css и вкладок 1, 2, 3.

    Если нужен более подробный совет по второй части, то в Телеграм @dmitriy_glazachev

    • +1
      devellopah devellopah 13 февраля 2021 11:19 #

      Спасибо, воспользовался первым вариантом.

      На мой взгляд, это самый важный функционал плагина(загрузка содержимого дочерних страниц), поэтому когда сразу не разобрался, немного расстроился.

    • +1
      devellopah devellopah 13 марта 2021 00:47 #

      Нужна возможность загрузки файлов(например, pdf) в под страницах товара для отображения во вкладах.

      Подскажите, пожалуйста, можно ли использовать этот плагин для решения вышеописанной задачи совместно с плагином вкладок?

      • +1
        replicant replicant 13 марта 2021 08:27 #

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

        Короче пробовать надо туда-сюда крутить комбинировать думать. Есть ощущение, что всё получится.

        • +1
          devellopah devellopah 15 марта 2021 18:44 #

          К сожалению, плагин загружает файлы в "одну кучу". Пришлось писать костыль, чтобы иметь возможность распределять файлы по вкладкам. Этого можно было бы избежать, если бы разработчик плагина добавил выпадающее меню (под каждым загруженным файлом) с выбором дочерней страницы.

Добавить ответ

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