Подскажите что поменять в коде

[gorevandrew]

Всем доброго вечера.

 

Прошу помощи разобраться с кодом, ocStore изучаю пятый день. Раньше с языками кодинга не сталкивался.

 

Есть код

Спойлер

      <div class="tabs-product">
         <ul class="nav nav-tabs">
           <li class="active"><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>
            {% if attribute_groups %}
           <li><a href="#tab-specification" data-toggle="tab">{{ tab_attribute }}</a></li>
            {% endif %}
            {% if review_status %}
            <li><a href="#tab-review" data-toggle="tab">{{ tab_review }}</a></li>
            {% endif %}
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab-description">{{ description }}</div>
            {% if attribute_groups %}
            <div class="tab-pane" id="tab-specification">
              <table class="table table-bordered">
                {% for attribute_group in attribute_groups %}
                <thead>
                  <tr>
                    <td colspan="2"><strong>{{ attribute_group.name }}</strong></td>
                  </tr>
                </thead>
                <tbody>
                {% for attribute in attribute_group.attribute %}
                <tr>
                  <td>{{ attribute.name }}</td>
                  <td>{{ attribute.text }}</td>
                </tr>
                {% endfor %}
                  </tbody>
                {% endfor %}
              </table>
            </div>
            {% endif %}
            {% if review_status %}
            <div class="tab-pane" id="tab-review">
              <form class="form-horizontal" id="form-review">
                <div id="review"></div>
                <h2 class="heading-title">{{ text_write }}</h2>
                {% if review_guest %}
                <div class="form-group required">
                  <div class="col-sm-12">
                    <label class="control-label" for="input-name">{{ entry_name }}</label>
                    <input type="text" name="name" value="{{ customer_name }}" id="input-name" class="form-control" />
                  </div>
                </div>
                <div class="form-group required">
                  <div class="col-sm-12">
                    <label class="control-label" for="input-review">{{ entry_review }}</label>
                    <textarea name="text" rows="5" id="input-review" class="form-control"></textarea>
                    <div class="help-block">{{ text_note }}</div>
                  </div>
                </div>
                <div class="form-group required">
                  <div class="col-sm-12">
                    <label class="control-label">{{ entry_rating }}</label>
                    &nbsp;&nbsp;&nbsp; {{ entry_bad }}&nbsp;
                    <input type="radio" name="rating" value="1" />
                    &nbsp;
                    <input type="radio" name="rating" value="2" />
                    &nbsp;
                    <input type="radio" name="rating" value="3" />
                    &nbsp;
                    <input type="radio" name="rating" value="4" />
                    &nbsp;
                    <input type="radio" name="rating" value="5" />
                    &nbsp;{{ entry_good }}</div>
                </div>
                {{ captcha }}
                <div class="buttons clearfix">
                  <div class="pull-right">
                    <button type="button" id="button-review" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{ button_continue }}</button>
                  </div>
                </div>
                {% else %}
                {{ text_login }}
                {% endif %}
              </form>
            </div>
            {% endif %}</div>
      </div>

Код отвечает за отображение блока "описание", "атрибуты", "отзывы" в карточке товара.

Блок "описание" активный всегда при входе в карточку товара, соответственно, чтобы увидеть характеристики требуется нажать на блок "характеристики"

 

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

 

Удалить название групп характеристик я смог. Поменять местами не смог, хоть и пробовал такой вариант:

Спойлер

 

<div class="tabs-product">
         <ul class="nav nav-tabs">

           <li class="active"><a href="#tab-specification" data-toggle="tab">{{ tab_attribute }}</a></li>
            {% if attribute_groups %}
           <li><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>
            {% endif %}
            {% if review_status %}
            <li><a href="#tab-review" data-toggle="tab">{{ tab_review }}</a></li>
            {% endif %}
          </ul>

 

 

Заранее спасибо всем откликнувшимся и понимающим мою ситуацию, что я ничего не понимаю! =) 

[shoputils]

<ul class="nav nav-tabs">
    {% if attribute_groups %}
        <li><a href="#tab-specification" data-toggle="tab">{{ tab_attribute }}</a></li>
    {% endif %}

    <li><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>

 

Перед

<?php echo $footer; ?>

Добавить:

<script type="text/javascript"><!--
    $('ul.nav-tabs li:first a').trigger('click');
//--></script>

 

[gorevandrew]

Shoputils, большое спасибо! 

Правда скрипт не подошел, шаблон начал коряво отображать информацию. 

Нашёл выход из ситуации, благодаря значению написанном в Вашем скрипте - ('active').

 

Мой код следующим образом выглядит.

Было:

Цитата

 <ul class="nav nav-tabs">
           <li class="active"><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li> - кнопка описание (class="active" - подсветка кнопки при входе в карточку товара) 
            {% if attribute_groups %}
           <li><a href="#tab-specification" data-toggle="tab">{{ tab_attribute }}</a></li> - кнопка характеристики
            {% endif %}
            {% if review_status %}
            <li><a href="#tab-review" data-toggle="tab">{{ tab_review }}</a></li>
            {% endif %}
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab-description">{{ description }}</div> - активный блок описания при входе в карточку товара
            {% if attribute_groups %}
            <div class="tab-pane" id="tab-specification"> - нужный мне блок атрибутов, который должен отображаться при входе в карточку товара
              <table class="table table-bordered">
                {% for attribute_group in attribute_groups %}
                <thead>
                  <tr>
                    <td colspan="2"><strong>{{ attribute_group.name }}</strong></td> - отображение названия групп атрибутов
                  </tr>
                </thead>
                <tbody>

Стало:

Цитата

<ul class="nav nav-tabs">
            {% if attribute_groups %}
             <li class="active"><a href="#tab-specification" data-toggle="tab">{{ tab_attribute }}</a></li> - поменяны местами кнопки
            {% endif %}
           <li><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li> - поменяны местами кнопки
            {% if review_status %}
            <li><a href="#tab-review" data-toggle="tab">{{ tab_review }}</a></li>
            {% endif %}
          </ul>
          <div class="tab-content">
            <div class="tab-pane" id="tab-description">{{ description }}</div> - отключен блок описания при входе в карточку
            {% if attribute_groups %}
            <div class="tab-pane active" id="tab-specification"> - включен необходимый блок
              <table class="table table-bordered">
                {% for attribute_group in attribute_groups %}

                 Удалено название групп характеристик
                <tbody>