如何在OpenCart 3.x中使用模板语言Twig添加额外选项卡

我想要一个额外的描述标签，名为“概述”，用于nav nav tabs类下的产品页面

这是完整的细枝模板代码：

<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>{{ 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>

{%if属性_组%}

{%endif%}
{%if review_status%}

{%endif%}

{{description}}
{%if属性_组%}
{属性组%中的属性组%}
{{attribute_group.name}}
{属性_group.attribute%}中的属性为%
{{attribute.name}
{{attribute.text}
{%endfor%}
{%endfor%}
{%endif%}
{%if review_status%}
{{text_write}}
{%if review_guest%}
{{entry_name}}
{{entry_review}
{{text_note}}
{{entry_rating}}
{{entry_bad}}
{{entry_good}}
{{captcha}}
{{button_continue}}
{%else%}
{{text_login}
{%endif%}
{%endif%}

使用此代码，页面如下所示：

我想要一个更多的标签，上面写着不同内容的概述

有人能帮我吗

附言：我确实读过：

---

但是，我不确定在哪里可以找到这段代码（我也尝试过查找产品TPL文件）。

您应该尝试一下，它将添加新的选项卡名称概述

<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 %}
    <li><a href="#tab-overview" data-toggle="tab">Overview</a></li>
</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>{{ 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 class="tab-pane" id="tab-overview">
        <h1>Overview</h1>
        <!-- Your HTML and twig code here-->
    </div>
</div>

{%if属性_组%}

{%endif%}
{%if review_status%}

{%endif%}


{{description}}
{%if属性_组%}
{属性组%中的属性组%}
{{attribute_group.name}}
{属性_group.attribute%}中的属性为%
{{attribute.name}
{{attribute.text}
{%endfor%}
{%endfor%}
{%endif%}
{%if review_status%}
{{text_write}}
{%if review_guest%}
{{entry_name}}
{{entry_review}
{{text_note}}
{{entry_rating}}
{{entry_bad}}
{{entry_good}}
{{captcha}}
{{button_continue}}
{%else%}
{{text_login}
{%endif%}
{%endif%}
概述

输出图像

---

您应该尝试此操作，它将添加新的选项卡名称概述

<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 %}
    <li><a href="#tab-overview" data-toggle="tab">Overview</a></li>
</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>{{ 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 class="tab-pane" id="tab-overview">
        <h1>Overview</h1>
        <!-- Your HTML and twig code here-->
    </div>
</div>

{%if属性_组%}

{%endif%}
{%if review_status%}

{%endif%}


{{description}}
{%if属性_组%}
{属性组%中的属性组%}
{{attribute_group.name}}
{属性_group.attribute%}中的属性为%
{{attribute.name}
{{attribute.text}
{%endfor%}
{%endfor%}
{%endif%}
{%if review_status%}
{{text_write}}
{%if review_guest%}
{{entry_name}}
{{entry_review}
{{text_note}}
{{entry_rating}}
{{entry_bad}}
{{entry_good}}
{{captcha}}
{{button_continue}}
{%else%}
{{text_login}
{%endif%}
{%endif%}
概述

输出图像

---

您刚刚添加了两件事

<li><a href="#tab-overview" data-toggle="tab">My Tab</a></li>

<div class="tab-pane" id="tab-overview">
     <h1>My Tab Content</h1>
     <!-- Your HTML and twig code here-->
</div>

在ul标签中添加此li

<li><a href="#tab-overview" data-toggle="tab">My Tab</a></li>

<div class="tab-pane" id="tab-overview">
     <h1>My Tab Content</h1>
     <!-- Your HTML and twig code here-->
</div>

并为选项卡内容添加一个div

<li><a href="#tab-overview" data-toggle="tab">My Tab</a></li>

<div class="tab-pane" id="tab-overview">
     <h1>My Tab Content</h1>
     <!-- Your HTML and twig code here-->
</div>

我的标签内容

您刚刚添加了两件事

<li><a href="#tab-overview" data-toggle="tab">My Tab</a></li>

<div class="tab-pane" id="tab-overview">
     <h1>My Tab Content</h1>
     <!-- Your HTML and twig code here-->
</div>

在ul标签中添加此li

<li><a href="#tab-overview" data-toggle="tab">My Tab</a></li>

<div class="tab-pane" id="tab-overview">
     <h1>My Tab Content</h1>
     <!-- Your HTML and twig code here-->
</div>

并为选项卡内容添加一个div

<li><a href="#tab-overview" data-toggle="tab">My Tab</a></li>

<div class="tab-pane" id="tab-overview">
     <h1>My Tab Content</h1>
     <!-- Your HTML and twig code here-->
</div>

我的标签内容

感谢您的及时回复。不幸的是，即使用您的代码替换了这段代码，它也没有出现。从系统/存储/缓存中手动清理缓存删除所有文件仅保留index.phpThanks以获取提示答案。不幸的是，即使在更换了那块