Перейти к содержанию
megasvf

[Решено] Как вывести содержимое табов на карточке один под другим?

Рекомендуемые сообщения

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

 

Т.е сейчас так:

 

Описание | характеристики |  Отзывы

 

Описание о самом крутом товаре на 1000 символов, который побудит пользователя купить товар...

 

 

А хочу сделать так:

 

Описание | характеристики |  Отзывы

 

Описание о самом крутом товаре на 1000 символов, который побудит пользователя купить товар...

 

Характеристика 1                        Значение 1

Характеристика 2                        Значение 2

Характеристика 3                        Значение 3

Характеристика 4                       Значение 4

Характеристика 5                        Значение 5

 

Оценка 5/5

Отзыв о самом качественном и крайне недорогом товаре....

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Ок, спасибо. А как вывести контент табов один под другим сразу?

 

Вот кусок кода в файле product.tpl , что отвечает за вывод табов на страницу. 

<ul class="nav nav-tabs">
            <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
            <?php if ($attribute_groups) { ?>
            <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
            <?php } ?>
            <?php if ($review_status) { ?>
            <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
            <?php } ?>
            <?php if ($product_extra_tabs) { ?>
              <?php $tab_i=0; foreach ($product_extra_tabs as $product_extra_tab) { ?>
                <li><a href="#tab-extra-<?php echo $tab_i; ?>" data-toggle="tab"><?php echo $product_extra_tab['title']; ?></a></li>
              <?php $tab_i++; } ?>
            <?php } ?>
   </ul>
Изменено пользователем megasvf

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

megasvf,

А за ним есть еще элементы которые отвечают за выводщ содержымого табов

<div id="tab-description"> и тому подобное ваша задача содержымое всех табов обьединить в один ну и поубирать вкладки насколько я полнял

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

изменить

<div class="tab-content">

на

<div class="content>
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Огромное спасибо всем, кто откликнулся и помог в решении вопроса. Помогло.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От krutoperdoff
      Доброго времени суток всем!
      Возникла проблема с выводом текста названия товара в карточке – скриншот
      При длине текста более 26 символов (с пробелами), он обрезается и добавляется символ вопроса с троеточием �... 
      С троеточнием всё понятно, но вот откуда добавляется вопрос � хотелось бы пофиксить. В файле шаблона нашел такой вывод:
      <h4 class="product-name"><a href="{{ product.href }}">{{ product.name }}</a></h4> Не смог найти откуда подсасывается {{ product.name }} в цмске, кто знает, подскажите плиз!
      Или, если у кого есть другие идеи как исправить данную проблему, тоже выскажитесь, пожалуйста!
    • От chick
      Скачать/Купить дополнение


      Модификатор перемещения товаров во вкладки (табы)
      Описание
      В карточке товара модификатор перемещает товары из схемы "Products" и Положения "Content Bottom" во вкладки (табы) "Описание, Характеристики, Отзывы..."
      Может использоваться как дополнение к модулю Похожие товары

      Установка
      Требуется vqmod
      В opencart 2.x (addmoduletotab.ocmod.xml) устанавливается через установку модификаторов. Выбираем этот файл и готово.
      В opencart 1.5.x (addmoduletotab.xml) нужно, чтобы был установлен vqmod, а сам файл положить в папку vqmod/xml
       
      По умолчанию вкладки появляются вначале списка вкладок.
      Если Вы хотите выводить вкладки в конце:
      Найдите 76-77 строки в файле:
      <search><![CDATA[#tab-description]]></search> <add position="before"><![CDATA[ И приведите их к следующему виду:
      <search><![CDATA[#tab-review]]></search> <add position="after"><![CDATA[ Добавил chick Добавлено 12.02.2016 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop  
    • От toporchillo
      900.00 руб
      Скачать/Купить дополнение


      Оплата через эквайринг Газпромбанка (www.gazprombank.ru)
      Модуль позволяет оплачивать заказы пластиковой карточкой через платёжный шлюз (эквайринг) Газпромбанка
      Демо: http://toporchillo.myjino.ru/os23/admin (логин и пароль: demo)

      Инструкция по установке платежного модуля

      1. Распаковать  содержимое  архива. Содержимое папки upload из архива скопировать поверх структуры папок сайта.

      2. В системе  администрирования  в разделе "Дополнения-Оплата" должен появиться платежный модуль "Газпромбанк". Его необходимо установить.

      3. В разделе  системы администрирования "Система-Пользователи-Группы пользователей" для группы пользователей "Главные администраторы" необходимо  отметить  галку  "extension/payment/gazprombank" для просмотра и для редактирования.

      4. Открыть  форму  редактирования  настроек  модуля  - раздел системы администрирования "Дополнения-Оплата" напротив модуля "Газпромбанк" ссылка "[изменить]"

      5. Идентификатор магазина/продавца и Идентификатор учетной записи вам должен выдать банк при заключении договора.

      6. Банку вы сообщаете URL, по которым модуль ожидает от Банка Запрос проверки возможности платежа и Запрос регистрации результата платежа. Также вы банку сообщаете логин и пароль к этим запросам.

      7. Если вы решили проверить работу модуля в тестовом режиме, то надо использовать тестовую карточку:
      "Имя на карте": любое латиницей
      Номер: 9000000000000000001
      Срок: 12/18
      CVV: 123

      8. Платежный шлюз Газпромбанка принимает платежи только в рублях, поэтому в OpenCart должна присутствовать валюта "Рубль" с кодом RUB или RUR.
      Добавил toporchillo Добавлено 15.04.2017 Категория Платежные системы Системные требования https Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop  
    • От SergejFreelancer
      Извините за нубство, но не могу найти простейший функционал для ocStore 2.3. Есть xml файл, в котором товары выставлены с разновидностями. Когда я их импортирую в ocStore, то система разбивает их на отдельные товары. Теперь мне нужно обединить их как-то в одну карточку, чтобы вариации стали или параметром или они не о ображались все на сайте, а отображался только один (основной). Остальные же можно уже отобразить только в карточке основного товара. Опмсание, фото и другое одигаковое, но... Нужно, чтобы у каждого размера был свой артику и остаток в системе учета. Ума не приложу, какой модуль нужен. 
    • От Abaddon
      Шаблон http://pizza.oc-mod.ru 
       
       
      Сроки, цена.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.