[Solved] Adding tab to product pages to show shipping details

[Paulito]

Good morning all,

 

Using PS 1.5.1.3 default theme

 

I would like to be able to add a tab to every product page that gives all the shipping details, prices/times etc, I know that you can buy modules that create tabs where you can add text, images, videos etc but if I have 2000 products and then the delivery charge increases I would have to change this 2000 times which of course would be a little tedious.

 

So, could I add one tab ( with all the details added ) that would automatically be called when I added a product to the catelogue.

 

If this is not possible then would I be able to add a link on every product page that would take the customer to a Delivery/CMS page

 

Sorry for the long question

 

Hope you can help

 

Paul

Edited April 1, 2013 by perfumeskunk (see edit history)

[cocothecat]

So do you want the tab to have the SAME delivery info on all pages? IF so ill post up some code a little later

[Paulito]

Thanks for the reply and your help,

 

Yes, I need the same info on all the product pages

 

Paul

[cocothecat]

Ok so find on product.tpl

 

<!-- description and features -->

 

Just before

 

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

 

add

 

<li><a id="more_info_tab_attachments" href="#idTab9">Delivery</a></li>

 

then before

 

{if isset($accessories) AND $accessories}
 <!-- accessories -->

 

add two breaks and insert

 

<ul id="idTab9" class="bullet">

<h3>Delivery</h3>
<p>CONTENT</p>

</ul>

 

That should insert a new tab called delivery for you. Any problems shout

Edited April 1, 2013 by cocothecat (see edit history)

[Paulito]

Wow, isn't so easy when you know how, worked like a charm

 

So now all I need to do is add the delivery information in between <p>CONTENT</p>

 

Paul

[cocothecat]

Yeah exactly that

 

Just add some extra <p></p> where you need paragraphs and you can create lists as well if you wanted to show something like

• Delivery Point 1 XX
  
• Delivery Point 2 XX
  

<ul>
<li>Delivery Point 1 XX</li>
<li>Delivery Point 2 XX</li>
</ul>

 

You might find doing that though that the default prestashop ul and li class might put the spcaing off so if that happens and you want to use a list ill post up some more code

 

Good Luck

Edited April 1, 2013 by cocothecat (see edit history)

[GoneVintage]

Hi, Would the code be the same for prestashop 1.5.4?

Thanks, Peter

[cocothecat]

Yes

[GoneVintage]

That's what is called Immediately received help, Thank you

[GoneVintage]

EDIT: Got it

Edited April 29, 2013 by FountainPenMarket (see edit history)

[mkzcore2]

Hey cocothecat! Nice one, I could already integrate it.

 

Now I'd like to have the brand description in this custom tab. How can I let this be inserted dynamically?

 

Thanks

Michael

[vive]

Hello everyone, I use Prestashop 1.4.6
would be possible that the shipping cost appeared under the item price?
the price of a fixed carrier.
Each item would have a different price depending on weight.
Something like "shipping from ..."

Thanks

[Magicalname]

Yeah this works in 1.5.6.1

How to make this Extra Tab Content editable over the backoffice????

[clint]

Hello everyone, I use Prestashop 1.4.6

would be possible that the shipping cost appeared under the item price?

the price of a fixed carrier.

Each item would have a different price depending on weight.

Something like "shipping from ..."

Thanks

I'd really like to able to do this too. Been searching for weeks trying to find a way to do it!

[vive]

This works

http://www.prestashop.com/forums/topic/140687-shipping-costs-per-weight-of-each-product-not-cart-total/?view=findpost&p=676997

 

Thanks

[lovemyseo]

Ok so find on product.tpl

 

<!-- description and features -->

 

Just before

 

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

add

 

<li><a id="more_info_tab_attachments" href="#idTab9">Delivery</a></li>

then before

 

{if isset($accessories) AND $accessories}
  <!-- accessories -->

add two breaks and insert

 

<ul id="idTab9" class="bullet">

<h3>Delivery</h3>
<p>CONTENT</p>

</ul>

That should insert a new tab called delivery for you. Any problems shout

 

How can I add manufacturer Tab on product detail page in prestashop 1.5.4?

[elnur]

Ok so find on product.tpl

 

<!-- description and features -->

 

Just before

 

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

add

 

<li><a id="more_info_tab_attachments" href="#idTab9">Delivery</a></li>

then before

 

{if isset($accessories) AND $accessories}
  <!-- accessories -->

add two breaks and insert

 

<ul id="idTab9" class="bullet">

<h3>Delivery</h3>
<p>CONTENT</p>

</ul>

That should insert a new tab called delivery for you. Any problems shout

 

Nice solution thanks.

[clint]

I also worked out how to add the additional shipping cost, it was so simple in the end!

 

{convertPrice price=$product->additional_shipping_cost} displays it without taxes

 

To quickly get it to show with UK VAT at 20% I used 

 

{convertPrice price=$product->additional_shipping_cost * 1.2}

 

You could combine this with the tabs and get a really nice function

[lunos]

Ok so find on product.tpl

 

<!-- description and features -->

 

Just before

 

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

add

 

<li><a id="more_info_tab_attachments" href="#idTab9">Delivery</a></li>

then before

 

{if isset($accessories) AND $accessories}
  <!-- accessories -->

add two breaks and insert

 

<ul id="idTab9" class="bullet">

<h3>Delivery</h3>
<p>CONTENT</p>

</ul>

That should insert a new tab called delivery for you. Any problems shout

 

 

Unfortunately the content from the new tab is also showing on first tab if open the page. Any solution for that?

 

Prestashop 1.6.3

[dmouradov]

Unfortunately the content from the new tab is also showing on first tab if open the page. Any solution for that?

 

Prestashop 1.6.3

 

Any solution ??

Thanks

[alexandrabatrak]

Any solution ??

Thanks

In Prestashop 1.6 there are no tabs anymore, so you need to add the next code:

 

<section id="shipping-info" class="page-product-box">
          <h3 class="page-product-heading">{l s='Shipping info'}</h3>
          <div class="shipping-info-block">
          <p> CONTENT </p>
          </div>
</section>

before or after 

 {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

Hope it helps.

Edited April 14, 2017 by alexandrabatrak (see edit history)