Mostrar bloque de productos destacados y mejores ventas en pestañas en Prestashop 1.7

Es una traducción del artículo de Vekia de la Comunidad de Prestashop donde nos comenta la posibilidad de mostrar los bloques de página principal referentes a Productos Destacados, Nuevos Productos, Promociones, etc.. de la misma forma que se visualiza en Prestashop 1.6.

Formato Pestañas Productos Página Principal - Prestashop 1.6

Formato Pestañas Productos Página Principal – Prestashop 1.6

En Prestashop 1.7 (al menos en la versión 1.7.0.3) los bloques de Nuevos, Populares, etc..  no se visualizan en formato de pestañas.

Vekia, nos propone las siguientes modificaciones, para conseguir que se vean en el mismo formato que lo veíamos en Prestashop 1.6

Paso 1 – Crear Hooks

Nos proporciona su módulo, creador de “Hooks”, que podemos descargarlo gratuitamente desde aquí: Descargar Módulo

Con este módulo vamos a crear dos “hooks”:

displayHomeTabdisplayHomeTabContent

Crear Hook displayHomeTab en Prestashop 1.7

Crear Hook displayHomeTab en Prestashop 1.7

Crear Hook displayHomeTabContent en Prestashop 1.7

Crear Hook displayHomeTabContent en Prestashop 1.7

Paso 2 – Editar Fichero TPL

Editamos el fichero:

/themes/classic/templates/index.tpl

En el que Vekia nos propone cambiar el siguiente contenido:

{extends file='page.tpl'}
{block name='page_content_container'}
<section id="content" class="page-home">{block name='page_content_top'}{/block}
{block name='page_content'}
{$HOOK_HOME nofilter}
{/block}</section>{/block}

Por el siguiente:

{extends file='page.tpl'}
    {block name='page_content_container'}
      <section id="content" class="page-home">
        {block name='page_content_top'}{/block}
        {block name='page_content'}
          {$HOOK_HOME nofilter}
          {assign var='HOOK_HOME_TAB_CONTENT' value=Hook::exec('displayHomeTabContent')}
          {assign var='HOOK_HOME_TAB' value=Hook::exec('displayHomeTab')}
          {if isset($HOOK_HOME_TAB_CONTENT) && $HOOK_HOME_TAB_CONTENT|trim}
            <div class="tabs">
                {if isset($HOOK_HOME_TAB) && $HOOK_HOME_TAB|trim}
                    <ul id="home-page-tabs" class="nav nav-tabs clearfix">
                        {$HOOK_HOME_TAB nofilter}
                    </ul>
                {/if}
                <div class="tab-content" id="tab-content">{$HOOK_HOME_TAB_CONTENT nofilter}</div>
             </div>
          {/if}
        {/block}
      </section>
    {/block}

En realidad, si nos estamos “fijando” hemos sustituido todo el contenido del fichero…

Antes:

Sigue leyendo

Print Friendly, PDF & Email

Guía – Mostrar marcas en grid (cuadrícula) en Prestashop 1.5

fabricantess

La guía esta basada en Prestashop 1.5.5.0 con la plantilla por defecto.

Los ficheros, que vamos a editar son los siguientes:

/themes/default/css/global.css

/themes/default/manufacturer-list.tpl

Vamos a empezar, con el fichero:

/themes/default/manufacturer-list.tpl

Sigue leyendo

Print Friendly, PDF & Email

Guía – Añadir una pestaña adicional para todos los productos en Prestashop 1.5

Es posible que llegado un momento, necesitemos añadir una pestaña adicional de forma general para todos los productos y con el mismo contenido en Prestashop 1.5.

nuevaPestana

Pestaña adicional en la ficha del producto en Prestashop 1.5

Lo primero que vamos hacer, es editar el fichero:

/themes/default/product.tpl (En nuestro caso, estamos trabajando con la plantilla por defecto de Prestashop 1.5)

Dentro del fichero buscamos la siguiente linea:

{if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}

Y justo debajo, añadimos lo siguiente: Sigue leyendo

Print Friendly, PDF & Email

Guía – Añadir comentarios en Prestashop 1.5 bajo Smarty

En esta guía comentaremos como añadir comentarios en tu plantilla Prestashop, bajo la versión 1.5 de Prestashop, y bajo “Smarty”.

A continuación detallamos varios ejemplo:

Comentario en una linea:

{* Esto es un comentario. *}

Comentario en varias lineas: Sigue leyendo

Print Friendly, PDF & Email

Código QR en la ficha del producto en Prestashop

En este caso, vamos hacer una pequeña chapuza (ya que lo ideal es desarrollar un módulo, para todo lo que sea complementario), pero bueno…

Editamos el fichero (en este caso partimos de la plantilla por defecto de prestashop):

/themes/prestashop/product.tpl

(La idea es la que se muestra en la siguiente imagen, colocarlo en la posición que hemos señalado)

Sigue leyendo

Print Friendly, PDF & Email

Activar JqZoom en los listados de los productos en Prestashop

Por defecto en Prestashop podemos activar el JqZoom, en la pestaña Preferencias/Productos, pero solo se activa en la ficha del producto, pero y si quisiéramos que esto se aplicara también a los listados de los productos.

Pues solo debemos modificar el fichero:

/themes/tutema/product-list.tpl

Sigue leyendo

Print Friendly, PDF & Email

Mostrar precios con IVA y sin IVA en el listado de Productos en Prestashop

En muchas ocasiones necesitamos mostrar no solo el precio con iva incluido al cliente, y es posible que nos entre la necesidad de mostrar en los listado de productos el precio tanto sin iva como con iva.

Es decir, como en esta imagen:

Sigue leyendo

Print Friendly, PDF & Email

Acortar descripciones en los listados de los Productos en Prestashop

Para acortar las descripciones en los listados de los productos en Prestashop debemos ir al fichero: /themes/tuplantilla/product-list.tpl

Una vez abierto el fichero, buscamos la siguiente linea:

{$product.description_short|truncate:360:'...'|strip_tags:'UTF-8'}

Como vemos en esta linea dice truncate:360, si pusiéramos por ejemplo 250 acortaríamos el texto de la descripción en este  caso a tal limite.

Sigue leyendo

Print Friendly, PDF & Email