Size chart info window

As you have already seen the new template for prestashop 1.6 is very focused on selling clothes, so we will try to implement an improvement to show a list of sizes, sizes or additional information you want to show.

In the product.tpl file depending on where we like better display the button, we have chosen to place it on this part

!-- Fancy window --
<p><a class="sizechart" href="/content/5-size-chart?content_only=1">{l s='Size Chart'}</a></p>

or in source code text editor descriptions

 

<p><a class="sizechart" href="/content/5-size-chart?content_only=1">Size Chart</a></p>

This part corresponds to the id and link cms page we created to contain the size chart, just have to change it to our created in this case 5-size-chart

href="/content/5-size-chart?content_only=1">


And finally placed the call script in js/product.js

 $(document).ready(function(){
 $(".sizechart").fancybox({
 'type': 'iframe',
 'width': 800,
 'height': 750,
 ' maxWidth': 750,
 'fitToView' : false,
 scrolling : 'auto',
 
 'autoSize' : false,
 
 });
 });
 

Posted on 03/04/2014 in Prestashop

Share the Story

About the Author

Responses (2)

  1. Gustavo
    29/10/2017 at 10:12 pm · Responder

    Hi, I have a question. ¿the file product.tpl, is the file /public_html/themes/default-bootstrap/product.tpl?

    • Antonio Ventura
      04/11/2017 at 3:54 pm · Responder

      Indeed. That is

Leave a reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Back to Top