Post by htwp » Thu Aug 27, 2020 11:07 pm

Hi,
i have opencart 3.0.3.3 and i need to add the additional information table in admin product info page next to the other tables and not separate(scroll down and push the #tab-additional.

check image.

https://imgur.com/kffbTPB

Thank you.
Last edited by htwp on Tue Sep 01, 2020 8:37 pm, edited 1 time in total.

Active Member

Posts

Joined
Sun Oct 14, 2012 1:29 am

Post by khnaz35 » Thu Aug 27, 2020 11:40 pm

htwp wrote:
Thu Aug 27, 2020 11:07 pm
Hi,
i have opencart 3.0.3.3
Did you modified this page earlier! in default OC the page is same as you want to change. https://prnt.sc/u6ycij

Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature ;) :) :-*


User avatar
Active Member

Posts

Joined
Mon Aug 27, 2018 11:30 pm
Location - Malaysia

Post by khnaz35 » Fri Aug 28, 2020 12:02 am

On Line 206:

Code: Select all

<div class="panel-body">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#tab-history" data-toggle="tab">{{ tab_history }}</a></li>
add this:

Code: Select all

<li><a href="#tab-additional" data-toggle="tab">{{ tab_additional }}</a></li>

Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature ;) :) :-*


User avatar
Active Member

Posts

Joined
Mon Aug 27, 2018 11:30 pm
Location - Malaysia

Post by htwp » Fri Aug 28, 2020 12:39 am

khnaz35 wrote:
Fri Aug 28, 2020 12:02 am
On Line 206:

Code: Select all

<div class="panel-body">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#tab-history" data-toggle="tab">{{ tab_history }}</a></li>
add this:

Code: Select all

<li><a href="#tab-additional" data-toggle="tab">{{ tab_additional }}</a></li>
hi and thanks for your reply, i have the tab_additional but i would like to move it at the top of the page. There are three columns: Order Details, Customer Details and Options. Between Order_details and Customer_Details i wanna add the additional_tab because i have added some custom account fields and it would be easier to check them at the top. If you check my draw image you will understand exactly what i am trying to do.

Active Member

Posts

Joined
Sun Oct 14, 2012 1:29 am

Post by htwp » Fri Aug 28, 2020 9:09 pm

If anyone is interest to make it for me (developer) please pm me for more info. Thanks

Active Member

Posts

Joined
Sun Oct 14, 2012 1:29 am

Post by letxobnav » Fri Aug 28, 2020 9:57 pm

all you have to do is copy this (an adjusted copy of the tab content):

Code: Select all

      <div class="col-md-4">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-user"></i>{{ tab_additional }}</h3>
          </div>
			{% if account_custom_fields %}
	        <div class="table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td colspan="2">{{ text_account_custom_field }}</td>
                  </tr>
                </thead>
                <tbody>
                
                {% for custom_field in account_custom_fields %}
                <tr>
                  <td>{{ custom_field.name }}</td>
                  <td>{{ custom_field.value }}</td>
                </tr>
                {% endfor %}
                  </tbody>
                
              </table>
            </div>
            {% endif %}
            {% if payment_custom_fields %}
            <div class="table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td colspan="2">{{ text_payment_custom_field }}</td>
                  </tr>
                </thead>
                <tbody>
                
                {% for custom_field in payment_custom_fields %}
                <tr>
                  <td>{{ custom_field.name }}</td>
                  <td>{{ custom_field.value }}</td>
                </tr>
                {% endfor %}
                  </tbody>
                
              </table>
            </div>
            {% endif %}
            {% if shipping_method and shipping_custom_fields %}
            <div class="table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td colspan="2">{{ text_shipping_custom_field }}</td>
                  </tr>
                </thead>
                <tbody>
                
                {% for custom_field in shipping_custom_fields %}
                <tr>
                  <td>{{ custom_field.name }}</td>
                  <td>{{ custom_field.value }}</td>
                </tr>
                {% endfor %}
                  </tbody>
                
              </table>
            </div>
            {% endif %}
            <div class="table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td colspan="2">{{ text_browser }}</td>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>{{ text_ip }}</td>
                    <td>{{ ip }}</td>
                  </tr>
                {% if forwarded_ip %}
                <tr>
                  <td>{{ text_forwarded_ip }}</td>
                  <td>{{ forwarded_ip }}</td>
                </tr>
                {% endif %}
                <tr>
                  <td>{{ text_user_agent }}</td>
                  <td>{{ user_agent }}</td>
                </tr>
                <tr>
                  <td>{{ text_accept_language }}</td>
                  <td>{{ accept_language }}</td>
                </tr>
                  </tbody>
                
              </table>
            </div>
        </div>
      </div>
before:

Code: Select all

      <div class="col-md-4">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-user"></i> {{ text_customer_detail }}</h3>
in admin/view/template/sale/order_info.twig
then adjust the "col-md-4" of all those panels so they again sum up to 12 or let them float and see if you have room for all of that.
Then delete the additional tab and content, or just leave it there.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by khnaz35 » Sat Aug 29, 2020 1:48 am

htwp wrote:
Fri Aug 28, 2020 9:09 pm
If anyone is interest to make it for me.

I have made it you can view https://prntscr.com/u7mpem
and download from here: https://drive.google.com/drive/folders/ ... sp=sharing

@straightlight can you guide me why am not able to attach and files from system.

Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature ;) :) :-*


User avatar
Active Member

Posts

Joined
Mon Aug 27, 2018 11:30 pm
Location - Malaysia

Post by straightlight » Sat Aug 29, 2020 2:00 am

khnaz35 wrote:
Sat Aug 29, 2020 1:48 am
htwp wrote:
Fri Aug 28, 2020 9:09 pm
If anyone is interest to make it for me.

I have made it you can view https://prntscr.com/u7mpem
and download from here: https://drive.google.com/drive/folders/ ... sp=sharing

@straightlight can you guide me why am not able to attach and files from system.
More information would be needed on that.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by khnaz35 » Sat Aug 29, 2020 2:06 am

straightlight wrote:
Sat Aug 29, 2020 2:00 am
More information would be needed on that.
I am using Macbook pro, and whenever am trying to attached a file on OC Fourm it doesn't attached. Even though its seems to be attached https://prnt.sc/u7ncp1 while pressing the button submit the file still doesn't attached to OC Fourm or PM

Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature ;) :) :-*


User avatar
Active Member

Posts

Joined
Mon Aug 27, 2018 11:30 pm
Location - Malaysia

Post by straightlight » Sat Aug 29, 2020 2:10 am

khnaz35 wrote:
Sat Aug 29, 2020 2:06 am
straightlight wrote:
Sat Aug 29, 2020 2:00 am
More information would be needed on that.
I am using Macbook pro, and whenever am trying to attached a file on OC Fourm it doesn't attached. Even though its seems to be attached https://prnt.sc/u7ncp1 while pressing the button submit the file still doesn't attached to OC Fourm or PM
See by using the latest update of Google Chrome if that solves the issue.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by khnaz35 » Sat Aug 29, 2020 2:13 am

straightlight wrote:
Sat Aug 29, 2020 2:10 am
See by using the latest update of Google Chrome if that solves the issue.
Nope still doesn't work am using updated version of chrome https://prnt.sc/u7nh6v
The strange thing is when am trying to upload .twig even doesn't able to select for uploading.

Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature ;) :) :-*


User avatar
Active Member

Posts

Joined
Mon Aug 27, 2018 11:30 pm
Location - Malaysia

Post by straightlight » Sat Aug 29, 2020 3:02 am

Try from another device and also use the Developers Kit from the device you're unable to upload. See the console tab. On my end, I do experience issues with the forum uploads while using Edge. However, with Google Chrome, it does seem to work accordingly.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by htwp » Tue Sep 01, 2020 8:34 pm

khnaz35 wrote:
Sat Aug 29, 2020 1:48 am
htwp wrote:
Fri Aug 28, 2020 9:09 pm
If anyone is interest to make it for me.

I have made it you can view https://prntscr.com/u7mpem
and download from here: https://drive.google.com/drive/folders/ ... sp=sharing

@straightlight can you guide me why am not able to attach and files from system.
Thank you very much, it worked perfect.

Active Member

Posts

Joined
Sun Oct 14, 2012 1:29 am

Post by khnaz35 » Tue Sep 01, 2020 9:06 pm

htwp wrote:
Tue Sep 01, 2020 8:34 pm
khnaz35 wrote:
Sat Aug 29, 2020 1:48 am
htwp wrote:
Fri Aug 28, 2020 9:09 pm
If anyone is interest to make it for me.

I have made it you can view https://prntscr.com/u7mpem
and download from here: https://drive.google.com/drive/folders/ ... sp=sharing

@straightlight can you guide me why am not able to attach and files from system.
Thank you very much, it worked perfect.
You are welcome :)

Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature ;) :) :-*


User avatar
Active Member

Posts

Joined
Mon Aug 27, 2018 11:30 pm
Location - Malaysia
Who is online

Users browsing this forum: No registered users and 414 guests