Как вывести сопутствующие товары в отдельной вкладке на странице карточки товара?

[support 447]

В Админке - Оформление - Шаблоны - Шаблон карточки товара меняйте:

      <div class="row product-tabs">

          <ul class="nav nav-tabs">
            <li class="active"><a href="#description" aria-controls="description" data-toggle="tab"><i class="fa fa-thumbs-up"></i> {lang}Description{/lang}</a></li>
            <li><a href="#reviews" aria-controls="reviews" data-toggle="tab"><i class="fa fa-comment"></i> {lang}Reviews{/lang}</a></li>
            <li><a href="#add-review" aria-controls="add-review" data-toggle="tab"><i class="fa fa-pencil"></i> {lang}Add Review{/lang}</a></li>
          </ul>

          <div class="tab-content">

            <div class="tab-pane inner fade in notop active" id="description">
              <div itemprop="description">{description}</div>
            </div>

            <div class="tab-pane inner fade in notop" id="reviews">
              {module alias="reviews" action="display"}
            </div>

            <div class="tab-pane inner fade in notop" id="add-review">
              {module alias="reviews" action="create"}
            </div>

          </div>

      </div>

    {xsell}

на:

      <div class="row product-tabs">

          <ul class="nav nav-tabs">
            <li class="active"><a href="#description" aria-controls="description" data-toggle="tab"><i class="fa fa-thumbs-up"></i> {lang}Description{/lang}</a></li>
            <li><a href="#reviews" aria-controls="reviews" data-toggle="tab"><i class="fa fa-comment"></i> {lang}Reviews{/lang}</a></li>
            <li><a href="#add-review" aria-controls="add-review" data-toggle="tab"><i class="fa fa-pencil"></i> {lang}Add Review{/lang}</a></li>
            <li><a href="#xsell" aria-controls="xsell" data-toggle="tab"><i class="fa fa-shopping-cart"></i> Сопутствующие товары</a></li>
          </ul>

          <div class="tab-content">

            <div class="tab-pane inner fade in notop active" id="description">
              <div itemprop="description">{description}</div>
            </div>

            <div class="tab-pane inner fade in notop" id="reviews">
              {module alias="reviews" action="display"}
            </div>

            <div class="tab-pane inner fade in notop" id="add-review">
              {module alias="reviews" action="create"}
            </div>

            <div class="tab-pane inner fade in notop" id="xsell">
              {xsell}
            </div>
            
          </div>

      </div>