Cambiar ubicación de las pestañas del producto en Prestashop 1.7

En este manual de Prestashop, vamos a comentar cambiar de ubicación el bloque donde se muestran las pestañas de la descripción del producto, detalles del producto, etc…. de la ficha del producto en Prestashop 1.7

Por defecto, estas pestañas se ven de la siguiente forma:

Pestañas del producto en Prestashop 1.7

La idea final es que se muestren de la siguiente forma:

Cambiando de ubicación el bloque de las pestañas en Prestashop 1.7

Una de las posibles soluciones, es acceder al fichero:

/themes/classic/templates/catalog/product.tpl

Fichero product.tpl

Buscamos este bloque:
[sourcecode language=»text»]

{block name=’product_tabs’}

{block name=’product_description’}

{$product.description nofilter}

{/block}

{block name=’product_details’}
{include file=’catalog/_partials/product-details.tpl’}
{/block}

{block name=’product_attachments’}
{if $product.attachments}

{l s=’Download’ d=’Shop.Theme.Actions’}

{foreach from=$product.attachments item=attachment}

$attachment.id_attachment]}»>
{l s=’Download’ d=’Shop.Theme.Actions’} ({$attachment.file_size_formatted})

{/foreach}

{/if}
{/block}

{foreach from=$product.extraContent item=extra key=extraKey}

$val} {$key}=»{$val}»{/foreach}>
{$extra.content nofilter}

{/foreach}

{/block}

[/sourcecode]

Y lo vamos a dejar encima del bloque (lo buscamos lógicamente):

[sourcecode language=»text»]

{block name=’page_footer_container’}

{block name=’page_footer’}

{/block}

{/block}
[/sourcecode]

Es decir:

[sourcecode language=»text»]

{block name=’product_tabs’}

{block name=’product_description’}

{$product.description nofilter}

{/block}

{block name=’product_details’}
{include file=’catalog/_partials/product-details.tpl’}
{/block}

{block name=’product_attachments’}
{if $product.attachments}

{l s=’Download’ d=’Shop.Theme.Actions’}

{foreach from=$product.attachments item=attachment}

$attachment.id_attachment]}»>
{l s=’Download’ d=’Shop.Theme.Actions’} ({$attachment.file_size_formatted})

{/foreach}

{/if}
{/block}

{foreach from=$product.extraContent item=extra key=extraKey}

$val} {$key}=»{$val}»{/foreach}>
{$extra.content nofilter}

{/foreach}

{/block}

{block name=’page_footer_container’}

{block name=’page_footer’}

{/block}

{/block}

[/sourcecode]

 

Cambia de ubicación de las pestañas en Prestashop 1.7

Recordar, limpiar la cache en la pestaña Parámetros Avanzados -> Rendimiento

Borrar cache Prestashop 1.7

Documento realizado bajo Prestashop 1.7.1.2

Por otro lado, recordar que en Prestashop 1.7, podemos editar los ficheros de la plantilla, sin necesidad de editar los ficheros originales.

Un comentario sobre “Cambiar ubicación de las pestañas del producto en Prestashop 1.7”

  1. Muchas gracias por la guía, no lo había pensado pero resulta bastante conveniente esteticamente la propuesta.
    De paso una pregunta sobre esta misma página de producto. Abajo del precio que dice «Política de Seguridad» – «Política de Envío» y «Política de devoluciones» es posible ponerle links a esa información o reemplazarla por una imagen? Ya la edité desde el módulo correspondiente que ahí mismo indica, pero es solo texto sin posiblidad de agregar un html x ejemplo.
    Gracias

Los comentarios están cerrados.