- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
PrestaShop 1.6.x. Как изменить порядок вкладок на странице товара
Август 8, 2016
Из этого туториала Вы узнаете, как изменить порядок вкладок на странице товара в шаблонах PrestaShop 1.6.x..
-
Найдите файл product.tpl в папке themes > your_theme и найдите следующий фрагмент кода: <ul class="product-info-tabs nav nav-stacked">. Для того чтобы изменить порядок вкладок, нужно изменить порядок блоков if. Например, если Вы хотите переместить вкладку описания в конец, Вам нужно скопировать и вставить перед закрывающим тегом </ul> следующий фрагмент кода:
{if isset($product) && $product->description} <li class="product-description-tab"><a data-toggle="tab" href="#product-description-tab-content">{l s='More info'}</a></li> {/if}
-
Теперь Вам также нужно изменить порядок содержимого вкладок. Найдите следующий фрагмент кода: <div class="tab-content">. Вырежьте и вставьте следующий фрагмент кода в конец контейнера, перед закрывающим тегом </div>:
{if isset($product) && $product->description} <span class="accordion active"><a href="#product-description-tab-content">{l s='More info'}</a></span> <div id="product-description-tab-content" class="product-description-tab-content tab-pane"> <div class="rte">{$product->description}</div> </div> {/if}
Вам также нужно удалить класс active из этой вкладки и добавить его в какую-либо другую вкладку, которую Вы хотите сделать активной.
Вкладка Описание (Description) теперь отображается последней, а вкладка Свойства теперь является первой.
Теперь Вы знаете, как изменить порядок вкладок на странице товара в PrestaShop 1.6.x.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
PrestaShop 1.6.x. Как изменить порядок вкладок на странице товара