Меняем вкладки на карточке товара 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) скрывать описание товара на карточке товара, если его (описания) нет, а также создавать новые вкладки. Есть вопросы? Пишите.