Guía – Eliminar las columnas en la página principal en Prestashop

En esta tutorial para Prestashop, vamos a explicar cómo podemos dejar solo la columna central en la página principal en Prestashop, eliminando la columna derecha e izquierda, dejando solo la central.

Página principal Prestashop
Página principal Prestashop

El primer paso, será ir al fichero:

/themes/default/header.tpl

Donde buscamos el siguiente código:

<div class="column grid_2 alpha" id="left_column">{$HOOK_LEFT_COLUMN}</div>

Y lo dejamos así:

{if $page_name!='index'}
<div class="column grid_2 alpha" id="left_column">{$HOOK_LEFT_COLUMN}</div>
{/if}

De esta manera ocultaremos la columna izquierda de la página principal de Prestashop.

Ahora, vamos a ocultar la columna derecha, para ello vamos a ir al fichero:

/themes/default/footer.tpl

Buscamos el siguiente código:

<div class="column grid_2 omega" id="right_column">{$HOOK_RIGHT_COLUMN}</div>

Y la dejamos así:

{if $page_name!='index'}
<div class="column grid_2 omega" id="right_column">{$HOOK_RIGHT_COLUMN}</div>

{/if}

De esta manera eliminamos la columna derecha en la página principal.

El siguiente paso, como hemos eliminado tanto la columna derecha, como la columna izquierda, ahora tenemos que ampliar la columna central en la página principal.

Para eso, vamos añadir el siguiente código:

#index #center_column {
width: 980px;
}

en el fichero:

/themes/default/css/global.css

Documento construido bajo Prestashop 1.5 y la plantilla por defecto.

* Actualización del artículo:

Para gestionar las columnas en la pagina principal en las nuevas versiones de Prestashop: Añadir o quitar columnas en Prestashop 1.7

Error al visualizar los productos en la busqueda por etiquetas en Prestashop 1.5.4

Cuando en Prestashop 1.5.4, accedemos para visualizar los productos por etiquetas no se visualizan correctamente los productos.

errorv

Si habilitamos el reporte de errores, editando el fichero:

/config/settings.inc.php

Cambiando esto:

define('_PS_MODE_DEV_', false);

Por esto:

define('_PS_MODE_DEV_', true);

Y volvemos acceder a la búsqueda de productos por etiquetas no salta el siguiente error:

Unknown column 'product_shop.id_image' in 'group statement'

¿Cómo lo podemos solucionar?

Vamos al fichero:

/classes/Search.php

Buscamos esta linea:

GROUP BY product_shop.id_image

Y la dejamos así:

GROUP BY product_shop.id_product

Una vez realizado el cambio, ya veremos las búsquedas por etiquetas de forma correcta.

tag

Este error en principio es particular de la versión 1.5.4 de Prestashop.

Guía – Módulos situados en la cabecera en Prestashop 1.5

En una instalación desde 0 bajo la versión 1.5 de Prestashop, la cabecera de Prestashop se compone de los siguientes elementos:

logoprestashopweb
Logo por defecto en Prestashop 1.5

¿Dónde podemos cambiar el logo de la tienda en Prestashop 1.5?

En la pestaña Preferencias -> Temas del panel de administración, podemos cambiar el logotipo por defecto que viene con Prestashop.

buscadortienda
Bloque de búsqueda rápida en Prestashop 1.5

Este módulo en Prestashop se llama:

Bloque de búsqueda rápida

Por defecto este módulo se sitúa también  en la cabecera, y sirve para poder realizar búsquedas sobre los productos en Prestashop 1.5.

Es importante que en la pestaña Preferencias -> Buscar en la parte donde dice:

Indexación tengamos indexados los productos, en caso de que no los tengamos indexados, simplemente pulsamos donde dice:

Añadir los productos que faltan al índice.

bloquepermanentes

Bloque de enlaces permanentes en Prestashop 1.5

Este módulo muestra 3 enlaces, uno para ir formulario de contacto, otro para ir al mapa del sitio y otro para agregar la tienda a favoritos en tu navegador.

bloquemonedas

Bloque de monedas y de idiomas en Prestashop 1.5

En esta imagen mostramos dos módulos, uno se llama:

Bloque de moneda

Este módulo muestra las monedas que tenemos activadas en la tienda, y en dicho módulo podemos elegir estas monedas, para ver la tienda en un tipo de moneda o en otro.

El otro módulo que se muestra en la imagen se llama es:

Bloque de idiomas

Este módulo, muestra los idiomas que tengas activados en tu tienda, y en dicho módulo podemos elegir estos idiomas, para ver la tienda en un idioma o en otro.

informacionpersonal

El módulo que mostramos ahora se compone del módulo llamado:

Bloque de información personal + Carrito

Realmente lo que vemos en la imagen en cuestión es el:

Bloque de información personal

Pero cuando añadimos un producto al carrito, el carrito que se muestra en el bloque de información personal se despliega y aparece el módulo del carrito en cuestión.

Adjunto Imagen.

vercarrito

Por último, vamos a pasar al siguiente módulo.

menuweb

Este módulo se llama:

Menú horizontal superior

En este módulo podemos mostrar los enlaces que nosotros queramos configurar.

Este módulo es configurable desde la pestaña Módulos -> Módulos del panel de administración de tu tienda Prestashop.

Un truco para ver como se llaman los módulos que se sitúan en la cabecera, es ir a la pestaña Módulos -> Posiciones y buscar el bloque que haga referencia al “Top Of Pages” (displayTop)

Adjunto Imagen

topofpages

Esta guía ha sido realizada bajo Prestashop 1.5.4

Guía – Añadir nuevo enlace al bloque social en Prestashop 1.5

Por defecto, en el módulo llamado:

Bloque Social

siganostwitter

Bloque social en Prestashop 1.5

Podemos configurar 3 enlaces, uno para facebook, otro para twitter y otro para el rss.

Pero ¿Y si quisiéramos agregar un enlace complementario al módulo?

Para añadir un enlace complementario, vamos al fichero:

/themes/tu-plantilla/modules/blocksocial/blocksocial.tpl

Buscamos la siguiente línea de código:


{if $rss_url != ''}
<li class="rss"><a href="{$rss_url|escape:html:'UTF-8'}">{l s='RSS' mod='blocksocial'}</a></li>
{/if}

Y por ejemplo, debajo añadimos esto:

<li class="rss"><a href="enlace_del_perfil_de_pinterest" target="_blank">{l s='Pinterest' mod='blocksocial'}</a></li>

En un próximo artículo, explicaremos como asignar un icono al enlace que hemos añadido, en el bloque social, igual que por ejemplo el enlace de facebook tiene su icono propio en el bloque social.

Esta modificación ha sido realizada bajo Prestashop 1.5.4

Guía – Ocultar el campo de cantidad en Prestashop 1.5

Esta guía, está realizada bajo la versión 1.5.4 de Prestashop, aunque en un principio sirve para otras variantes de la misma versión 1.5 de Prestashop

eliminarIcono
Campo cantidad en la ficha del producto en Prestashop

En principio tenemos varias opciones, la opción más sencilla es ir al fichero:

/themes/default/css/product.css

Y añadir la siguiente instrucción:

#quantity_wanted_p {
display: none !important;
}

La otra opción que tenemos, es ir al fichero:

/themes/default/product.tpl

Y buscar el siguiente código:

<p id="quantity_wanted_p"{if (!$allow_oosp &amp;&amp; $product->quantity <= 0) OR $virtual OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
<label>{l s='Quantity:'}</label>
<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />
</p>

Y lo dejamos así (comentamos el código):

{*
<p id="quantity_wanted_p"{if (!$allow_oosp &amp;&amp; $product->quantity <= 0) OR $virtual OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
<label>{l s='Quantity:'}</label>
<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />
</p>
*}

o eliminamos directamente la parte del código comentada.

Mover tu tienda de directorio en Prestashop 1.5

En esta guía, explicaremos como indicar a prestashop que hemos movido la tienda al directorio raíz bajo Prestashop 1.5

Imaginemos que hemos instalado Prestashop en:

https://victor-rodenas.com/prestashop/

Y queremos dejar nuestra tienda Prestashop en:

https://victor-rodenas.com/

Lo primero es “mover” el contenido del directorio “X (En este caso de la carpeta “prestashop“) ” al directorio raíz de tu tienda, esto lo podemos hacer por “FTP” (Por ejemplo  desde Filezilla)

Otra opción es indicar en el panel del hosting donde tenemos nuestra tienda,  que el directorio raíz es la carpeta “X”, en este caso la carpeta “prestashop“.

El segundo paso, es ir a la pestaña Preferencias -> SEO Y URLS del panel de administración de tu tienda Prestashop y en la opción donde dice:

Establecer URL tienda

En la parte que hace referencia a:

Base URI

Si nos fijamos en la siguiente imagen, actualmente tiene el valor asignado “/prestashop/”. Continúa leyendo Mover tu tienda de directorio en Prestashop 1.5

Guía – Estimar gastos de envío sin el registro de usuario en Prestashop

En este tutorial sobre Prestashop, hablaremos sobre un módulo que lleva Prestashop integrado llamado:

Estimación de la entrega

Este módulo, nos permite ver una estimación de los gastos de envío, antes de que el cliente se registre en la tienda.

El módulo, lo encontraremos en la pestaña “Módulos -> Módulos” del panel de administración de la tienda.

Pestaña Módulos -> Módulos del panel de tu tienda.

El módulo en cuestión, tal como hemos mencionado anteriormente se denomina: Continúa leyendo Guía – Estimar gastos de envío sin el registro de usuario en Prestashop

Guía – Configurar el bloque de etiquetas en Prestashop

Prestashop lleva un módulo llamado “Bloque de Etiquetas“.

Este módulo nos permite mostrar un bloque de etiquetas, con las etiquetas hayamos asignado a los productos.

Antes de nada, explicaremos como asignar etiquetas a los productos en Prestashop.

Por ejemplo, nos vamos a la pestaña “Catálogo -> Productos“, y editamos un producto cualquiera de nuestra tienda Prestashop, una vez dentro de la edición del producto, en la misma pestaña de “Información” nos fijaremos en una opción llamada:

Etiquetas:

etiquetasweb
Asignar etiquetas al producto en Prestashop

Pulsas en la imagen, para verla de forma completa.

Como vemos en la imagen hemos señalado una parte que dice “Etiquetas“, en  dicha parte, asignaremos las etiquetas al producto en cuestión, realmente es como una especie de filtro al fin y al cabo, ya que si accedemos a la etiquetas “x”, veremos los productos que han sido asignados con la etiqueta “x”.

Continúa leyendo Guía – Configurar el bloque de etiquetas en Prestashop

Guía – Insertar adsense en Prestashop

Prestashop lleva un módulo llamado:

Google Adsense

adsense
Módulo Adsense para tu tienda Prestashop

¿Qué permite este módulo en Prestashop?

Este módulo nos permite insertar el código que hayamos generado en adsense para mostrar el resultado de dicho código en vuestra tienda Prestashop.

¿Dónde podemos encontrar este módulo?

Este módulo ya viene integrado en Prestashop, desde la pestaña “Módulos > Módulos de tu tienda” lo encontraras.

Pestaña Módulos -> Módulos del panel de tu tienda Prestashop

Continúa leyendo Guía – Insertar adsense en Prestashop