На нашем сайте мы используем cookie для сбора информации технического характера и обрабатываем IP-адрес вашего местоположения. Продолжая использовать этот сайт, вы даете согласие на использование файлов cookies. Здесь вы можете узнать, как мы пользуемся файлами cookies.
Я согласен
логотип upread.ru

Меняем вкладки на карточке товара Opencart


В этом материале мы научимся изменять вкладки на карточке товара Opencart. Не забудьте сделать бэкап или копии изменяемых страниц перед началом работы!



Итак, по умолчанию в дефолтном шаблоне опенкарт (ocStore 2.3 – мне нравится эта версия) есть всего три вкладки на странице товара: описание, характеристики и отзывы. Сначала научимся скрывать вкладку описание, если его нет (а его нет у многих товаров, это не редкость).

Редактируем файл \catalog\view\theme\default\template\product\product.tpl – именно он отвечает за вывод товара (продукта). Находим строчку:

<li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
И меняем её на:

<?php if ($description) {
          echo '<li class="active"><a href="#tab-description" data-toggle="tab">'.$tab_description.'</a></li>';
}			
?>
А вот эту:

<div class="tab-pane active" id="tab-description"><?php echo $description; ?></div>
На эти:

	  <?php
          if ($description) {
		 echo '<div class="tab-pane active" id="tab-description">'.$description.'</div>';
		 }
?>
Что мы делаем? Просто проверяем существование переменной $description, и если в ней что-то есть, то вкладку показываем. Заодно немного химичим и с активной вкладкой (так как изначально она по умолчанию активна).

Теперь о том, как добавить новую вкладку для карточки товара. Просто создаем еще один пункт в списке ссылок, открывающих вкладки:

<li><a href="#tab-dost" data-toggle="tab">Доставка</a></li>


А также див с соответствующим ид, в котором все будет отображаться:

<div class="tab-pane" id="tab-dost">Текст по доставке</div>
Вот так мы научились в опенкарт (ocStore) скрывать описание товара на карточке товара, если его (описания) нет, а также создавать новые вкладки. Есть вопросы? Пишите.


Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.



тегизаметки, opencart





Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.

Комментарии

Алексей: Ситуация такая в шаблоне по умолчанию в опенкарт 2.3.х создание таба идет через админку непосредственно при заполнении товара, но стоит мне изменить шаблон то созданный таб не отображается, пробовал скопировать product.tpl в свой шаблон но таб так и не появляется. Как быть?



Рецензия на книгу Бенедиктов Кирилл Эльдорадо. Золото и кокаин
Morrowind: интересная игра на выходные для слабого ПК


© upread.ru 2013-2021
При перепечатке активная ссылка на сайт обязательна.
Задать вопрос
письмо
Здравствуйте! Вы можете задать мне любой вопрос. Если не получается отправить сообщение через эту форму, то пишите на почу up777up@yandex.ru
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.