hi
how to move the specification tab before description product view. ı vanna show Specification/Description/Review
and I would like it to set on the specification tab instead. version 3.0.2.0
Just edit template file.
Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com
but how?
Contact theme developer or post in commercial section and pay a developer.
In default theme you need to edit product.twig and rearrange the tabs.
Example:
This:
Code: Select all
<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>Code: Select all
<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>Code: Select all
<div class="tab-pane active" id="tab-description">{{ description }}</div>Code: Select all
<div class="tab-pane" id="tab-description">{{ description }}</div>Code: Select all
<div class="tab-pane" id="tab-specification">Code: Select all
<div class="tab-pane active" id="tab-specification">
Last edited by xxvirusxx on Fri Jan 22, 2021 7:25 pm, edited 3 times in total.
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
ı had too many problems this theme, so ı have to change.
how to rearrange product.twig in default theme
Give us a link to the site, there might be a CSS solution ...
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
you are the king!xxvirusxx wrote: ↑Fri Jan 22, 2021 7:16 pmContact theme developer or post in commercial section and pay a developer.
In default theme you need to edit product.twig and rearrange the tabs.
Example:
This:to thisCode: Select all
<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>this:Code: Select all
<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>to thisCode: Select all
<div class="tab-pane active" id="tab-description">{{ description }}</div>and thisCode: Select all
<div class="tab-pane" id="tab-description">{{ description }}</div>to thisCode: Select all
<div class="tab-pane" id="tab-specification">Code: Select all
<div class="tab-pane active" id="tab-specification">
Keep in mind that attribute_groups "specification" is an optional element.
For example: If a product doesn't have attribute_groups assigned then no default tab will be shown as active.
You have to handle the active state conditionally.
For example: If a product doesn't have attribute_groups assigned then no default tab will be shown as active.
You have to handle the active state conditionally.
Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!
Who is online
Users browsing this forum: No registered users and 404 guests
