Post by crd » Fri Jan 22, 2021 5:08 pm

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

crd
Newbie

Posts

Joined
Thu Mar 21, 2019 8:31 pm

Post by sw!tch » Fri Jan 22, 2021 5:36 pm

using the default theme?

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!


Active Member

Posts

Joined
Sat Apr 28, 2012 2:32 pm
Location - USA

Post by thekrotek » Fri Jan 22, 2021 5:42 pm

crd wrote:
Fri Jan 22, 2021 5:08 pm
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


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by crd » Fri Jan 22, 2021 7:13 pm

sw!tch wrote:
Fri Jan 22, 2021 5:36 pm
using the default theme?
use ***** theme
Last edited by crd on Fri Jan 22, 2021 7:23 pm, edited 1 time in total.

crd
Newbie

Posts

Joined
Thu Mar 21, 2019 8:31 pm

Post by crd » Fri Jan 22, 2021 7:14 pm

thekrotek wrote:
Fri Jan 22, 2021 5:42 pm
crd wrote:
Fri Jan 22, 2021 5:08 pm
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.
but how?

crd
Newbie

Posts

Joined
Thu Mar 21, 2019 8:31 pm

Post by xxvirusxx » Fri Jan 22, 2021 7:16 pm

crd wrote:
Fri Jan 22, 2021 7:13 pm
use glorious theme
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>
to 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>
this:

Code: Select all

<div class="tab-pane active" id="tab-description">{{ description }}</div>
to this

Code: Select all

<div class="tab-pane" id="tab-description">{{ description }}</div>
and this

Code: Select all

<div class="tab-pane" id="tab-specification">
to this

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.

Extensions converted by me for Free | Custom 3.0.3.7 | Buy me a beer


User avatar
Expert Member

Posts

Joined
Tue Jul 17, 2012 10:35 pm
Location - România

Post by crd » Fri Jan 22, 2021 7:23 pm

xxvirusxx wrote:
Fri Jan 22, 2021 7:16 pm
crd wrote:
Fri Jan 22, 2021 7:13 pm
use glorious theme
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.
ı had too many problems this theme, so ı have to change.
how to rearrange product.twig in default theme

crd
Newbie

Posts

Joined
Thu Mar 21, 2019 8:31 pm

Post by paulfeakins » Fri Jan 22, 2021 7:44 pm

crd wrote:
Fri Jan 22, 2021 5:08 pm
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
Give us a link to the site, there might be a CSS solution ...

For quick, professional OpenCart support please email info@antropy.co.uk


User avatar
Guru Member

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - Reigate, Surrey, United Kingdom

Post by crd » Fri Jan 22, 2021 7:47 pm

xxvirusxx wrote:
Fri Jan 22, 2021 7:16 pm
crd wrote:
Fri Jan 22, 2021 7:13 pm
use glorious theme
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>
to 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>
this:

Code: Select all

<div class="tab-pane active" id="tab-description">{{ description }}</div>
to this

Code: Select all

<div class="tab-pane" id="tab-description">{{ description }}</div>
and this

Code: Select all

<div class="tab-pane" id="tab-specification">
to this

Code: Select all

<div class="tab-pane active" id="tab-specification">
you are the king!

crd
Newbie

Posts

Joined
Thu Mar 21, 2019 8:31 pm

Post by sw!tch » Sat Jan 23, 2021 2:44 am

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.

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!


Active Member

Posts

Joined
Sat Apr 28, 2012 2:32 pm
Location - USA

Post by crd » Sun Jan 24, 2021 1:12 am

sw!tch wrote:
Sat Jan 23, 2021 2:44 am
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.
thanks

crd
Newbie

Posts

Joined
Thu Mar 21, 2019 8:31 pm
Who is online

Users browsing this forum: No registered users and 21 guests