Меняем вкладки на карточке товара 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 в свой шаблон но таб так и не появляется. Как быть?



PHP изображения, графики
JQuery анимации
Криптографические хэши