¿A los clientes no les guarda la información del carrito en Prestashop?

Imaginemos que tienes un cliente que va tu tienda, y añade 5 productos al carrito, pero tiene una urgencia y tiene que salir, y por el camino en un momento de pausa, intenta continuar la compra, pero sospechamente ya no le aparecen los 5 productos que tenía añadidos en el carrito y tiene que añadirlos de nuevo.

¿Cómo podemos hacer que guarde la información del carrito la próxima que vez que inicie sesión en Prestashop?

En Prestashop 1.6, en la pestaña Preferencias  -> Clientes

Configuración básica de las opciones de los clientes en Prestashop 1.6

Opción “Mostrar el carrito al iniciar sesión“.

Recuperar  información del carrito cuando el cliente vuelve a iniciar sesión en Prestashop 1.7

Recuperar información del carrito cuando el cliente vuelve a iniciar sesión en Prestashop 1.7

En Prestashop 1.7, en la pestaña Parámetros de la tienda -> Ajustes sobre Clientes

Opciones básicas de los clientes en Prestashop 1.7

Opción “Mostrar el carrito al iniciar sesión

Recuperar carrito al iniciar sesión en Prestashop 1.7


Debemos señalar en dicha opción (en ambas versiones de Prestashop) el valor ‘SÍ” en la opción que hemos comentado, de esta manera cuando el cliente vuelva a iniciar sesión en la tienda, podrá recuperar su carrito (ver los productos que ya tenía añadidos) y proseguir con la compra.

Sigue leyendo

Print Friendly

Analizando el Widget de Enlaces de Prestashop 1.7

Repaso a fondo del Widget de enlaces en Prestashop 1.7

El año pasado habíamos comentado el Widget de Enlaces brevemente en la guía donde comentábamos los módulos que venían en el pie de página.

La guía se va a realizar bajo la variante 1.7.1.0 de Prestashop 1.7

¿Estáis preparados para ver lo que ofrece el Widget de enlaces en Prestashop a día de hoy?
La verdad, es que yo no, pero de todos modos vamos a empezar 🙂

¿Desde donde podemos acceder a la configuración del Widget de enlaces en Prestashop 1.7?

Desde la pestaña Módulos -> Módulos (Módulos Instalados), buscando el módulo:

“Lista de Enlaces / ps_linklist” (Podéis buscarlo por los dos nombres, si lo buscáis por el segundo lo encontráis seguro, ya que nunca se sabe cuándo puede variar la traducción del nombre del módulo)

Gestión del Widget de Enlaces desde la pestaña Módulos -> Módulos

La otra opción, desde donde podemos acceder a su configuración, es desde la pestaña Diseño -> Widget de Enlaces (Enlaces / Link Widget)

Otra opción para acceder a la configuración del Widget de Enlaces en Prestashop

 Una vez, hemos accedido a la configuración del Widget de Enlaces ¿Qué es lo que vemos?

Vemos que existe un Bloque de Enlaces en el pie DisplayFooter (Hook situado en el pie de página)

Pantalla Inicial del Widget de Enlaces en Prestashop 1.7

Vemos que el hook -> DisplayFooter tiene dos bloques añadidos, uno llamado “Productos” y otra “Our Company” (Nuestra Empresa)

Esos bloques podemos eliminarlos:

Eliminar bloques en el Widget de Enlaces en Prestashop 1.7

Podemos cambiar el orden de los bloques:

Cambiar orden de los bloques de los enlaces del Widget de Enlaces

Podemos modificar los bloques:

Modificar bloques del Widget de Enlaces en Prestashop 1.7

Nosotros vamos hacer un “mini ejemplo” modificando el Bloque denominado “Productos”, pero antes de modificar, os señalo en la siguiente imagen cuales son los dos bloques que tenemos añadidos en el DisplayFooter, para que sepáis que estamos modificando o dejar de modificar.

Bloques del Widget de enlaces en el pie de página en Prestashop 1.7

Nosotros, vamos a modificar el de “Productos”

Modificando el Bloque Productos en el Widget de Enlaces en Prestashop 1.7

Modificando el Bloque Productos en el Widget de Enlaces en Prestashop 1.7

Pulsamos en Modificar y….

Empieza la acción en la gestión del Widget de enlaces en Prestashop 1.7

Empieza la acción en la gestión del Widget de enlaces en Prestashop 1.7

Vemos, una pantalla donde vemos las siguientes opciones:

Primer bloque de configuración del Bloque en el Widget de Enlaces en Prestashop 1.7

Primer bloque de configuración del Bloque en el Widget de Enlaces en Prestashop 1.7

En el primer bloque, vemos que nos permite definir las siguientes opciones:

  • Nombre del Bloque (Definido como nombre del Bloque de enlace)
  • Gancho (Hook / Posición) de la tienda

    Posición del Bloque en el Widget de enlaces en Prestashop 1.7

Seguimos bajando la pantalla, y pasamos al segundo bloque de configuración:

Añadir Contenidos CMS en el Bloque en el Widget de Enlaces en Prestashop 1.7

  • Vemos que nos permite añadir enlaces de los contenidos que hemos creado previamente en la pestaña Diseño -> Página

    Gestión de página (contenidos) en Prestashop 1.7

Configuración de enlaces de páginas de productos en los bloques en el Widget de enlaces en Prestashop 1.7

  • Nos permite añadir en el mismo bloque tres enlaces relacionados con las páginas de productos. (Bajamos los precios (enlace hacia el listado de los productos con descuentos), Productos Nuevos (enlace hacia el listado de los nuevos productos), Lo más vendido (enlace hacia el listado de los productos más vendidos)

Enlaces (fijos) en los bloques del Widget de enlaces en Prestashop 1.7

  • Nos permite añadir también los siguientes enlaces en el bloque:
    • Enlace hacia el formulario de contacto (Contáctenos)
    • Enlace al mapa del sitio web (Mapa del sitio web)

      Mapa del sitio web en Prestashop 1.7

    • Enlace a la sección de tiendas

      Enlace hacia la sección de nuestras tiendas en Prestashop 1.7

    • Enlace hacia la sección de Mi Cuenta / Iniciar sesión

Pasamos, al tercer bloque de configuración.

Enlaces propios en los Bloques dentro de la configuración del Widget de enlaces en Prestashop 1.7

  • Podemos añadir varios enlaces de forma manual, por ejemplo vamos añadir un enlace llamado “Un friki en Japon“, que nos llevara a “http://www.razienjapon.com/

    Añadiendo nuevo enlace en los bloques en la configuración del Widget de enlaces en Prestashop 1.7

    Pulsamos en “Añadir“, y veremos, que no solo queda añadido, sino que ademas podemos añadir más enlaces

    El enlace ha quedado añadido

    Para eliminar el enlace, debemos pulsar en el icono de la “C”

    Eliminar enlaces manuales del bloque en la configuración del Widget de enlaces en Prestashop 1.7

  • Configuración/Creación de los enlaces por idioma

    Configuración de los enlaces por idioma en los Bloques en el Widget de enlaces en Prestashop 1.7

Hemos revisado de una pasada rápida las opciones que nos ofrece la configuración de los bloques, ahora vamos a ubicar un nuevo bloque en una nueva posición. Sigue leyendo

Print Friendly

Bloque de políticas, envíos de la ficha del producto en Prestashop 1.7

Cuando, por ejemplo vamos a la ficha del producto en Prestashop 1.7, vemos un bloque que le da tranquilidad al usuario, dándole información sobre la política de seguridad, envío, etc..

Textos de información adicional en la ficha del producto en Prestashop 1.7

¿Cómo se pueden cambiar las imágenes de ese bloque y los textos?

Nos vamos a la pestaña Módulos -> Módulos -> Módulos Instalados, y buscamos el módulo llamado “Confianza de cliente / blockreassurance” tal como sugiere la imagen que hemos adjuntado que es la información que muestra el módulo por defecto.

Configurar módulo blockreassurance en Prestashop 1.7

Una vez dentro, vemos que aparecen tres bloques:

Modificar información del módulo blockreassurance (Confianza del Cliente) en Prestashop 1.7

Por ejemplo, vamos a pulsar modificar en el primer elemento:

Modificando primer elemento del bloque Confianza del cliente en Prestashop 1.7

 Vemos, que nos permite cambiar tanto el texto, como el icono/imagen.

Cambiando imagen y texto en el módulo de confianza del cliente en Prestashop 1.7

¿Qué mas opciones nos ofrece el módulo?

No solo nos permite editar los elementos ya creados, también nos permite borrarlos e incluso añadir nuevos elementos

Eliminar elementos del bloque de confianza del cliente en Prestashop 1.7

Sigue leyendo

Print Friendly

No pueden ver mi tienda Prestashop en China

No puedo ver mi tienda en Prestashop

Imaginemos que tienes un familiar/amigo viviendo por ejemplo en China (digo China, por poner un ejemplo) y quieres enseñarle la tienda, le pasas el enlace de tu tienda, y cuando tu amigo se dirige a ver la tienda te dice que no puede verla y que se encuentra con el aviso del siguiente error: “503 Overloaded” -> No puede acceder a nuestra tienda desde su país. Le pedimos disculpas.


No puedo acceder a mi propia tienda en Prestashop

¿Qué esta ocurriendo? ¿Por qué no puede ver mi tienda?

Posiblemente sea debido a que, en el panel de tu tienda, en la pestaña Preferencias -> Geolocalización, hayas activado la propia Geolocalización, revisa las restricciones por países, si sigue con el mismo problema prueba meter la IP de tu amigo en la lista blanca (IP ADDRESS WHITELIST), que compruebe también si algún otro vecino con alguna otra conexión tiene el mismo problema, lo que está claro que es el problema proviene de la misma configuración/opción de Geolocalización en Prestashop

Configuración Geolocalización en Prestashop 1.6

Ah, en Prestashop 1.7 (al menos en la 1.7.1.0), la pestaña Internacional -> Localización (Opción Geolocalización)

Configurar Geolocalización en Prestashop 1.7

Y si, es un caso real (lo de China), no recuerdo en que año fue, pero un forero tuvo el problema en el pasado (hace la tela de años) este problema, y casi le da un infarto, menos más que pudo solucionar el problema 🙂

Print Friendly

Eliminar descripción corta en la ficha en Prestashop 1.7

Hace aproximadamente 4 años, hicimos una guía parecida en el blog, pero para Prestashop 1.5

En esta guía, vamos a explicar cómo eliminar o mejor dicho no mostrar la descripción corta en la ficha del producto en Prestashop 1.7 (1.7.1.0)

Vamos a intentar explicarlo de la forma más sencilla, para que no nos perdamos en ningún momento.

Recordar que es posible que en futuras variantes de Prestashop 1.7, no coincidan el número de línea o parte del código que vamos a ver.

Eliminar descripción corta en la ficha del producto en Prestashop 1.7

El primer es paso es editar el fichero de la plantilla de visualización de la ficha del producto en Prestashop, es decir: “/themes/classic/templates/catalog/product.tpl

Plantilla de visualización de la ficha del producto en Prestashop 1.7

¿Qué buscamos en el fichero?

Vamos a buscar el siguiente código: (En Prestashop 1.7.1.0, sobre la línea 89/91)

{block name='product_description_short'}
<div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div>
{/block}

Inspeccionando el código del fichero product.tpl en Prestashop 1.7

Pasamos a comentar el código (Comentar código en Smarty)

{* {block name='product_description_short'}
<div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div>
{/block} *}

Código comentado en el fichero product.tpl de Prestashop 1.7

Sigue leyendo

Print Friendly

Traducciones en vivo para colaborar con Prestashop 1.7

Para colaborar en las traducciones oficiales tenemos que estar registrados en crowdin https://crowdin.com/project/prestashop-official

Una vez estamos registrados, y aceptados, seguimos los siguientes pasos:

Aunque puedes colaborar desde crowdin, Prestashop nos proporciona un módulo denominado “Live Translation“, que para instalarlo y como no viene en el paquete, al menos en Prestashop 1.7.1.0, debemos ir a la pestaña módulos -> módulos, buscar la palabra “ps_livetranslation

Módulo traducciones en Prestashop 1.7 para colaborar con Crowdin

Módulo traducciones en Prestashop 1.7 para colaborar con Crowdin

Una vez hemos instalado el módulo, pulsamos “Configurar

Al hacer click en configurar nos aparecerán las siguientes opciones:

  • Back Office -> Panel de Administración
  • Front Office –> (Lo que viene a ser la tienda (es decir la parte frontal) )

Vamos a pulsar Front Office

Gestión visual de las traducciones en Prestashop 1.7

Nos llevará a nuestra tienda, donde si no hemos accedido antes a “crowdin, nos pedirá los datos de acceso:

Acceso a Crowdin para colaborar con las traducciones en Prestashop 1.7

Una vez hemos puesto nuestros datos, veremos que nos llevara a la tienda, donde ahora veremos misteriosamente varios “iconos” con forma de bloc de notas en las palabras de nuestra tienda.

Traducciones en vivo en Prestashop 1.7

Vamos a pulsar en el icono, que aparece al lado de la palabra “NUESTRA EMPRESA

Editar Nuestra Empresa en Prestashop 1.7

Una vez, hemos pulsado en el Icono, veremos que se nos abre una especie de “ventana“, donde tenemos un bloque llamado “Text for Translation“, que viene a ser “Texto para Traducción”

Texto a traducir en Prestashop 1.7

El siguiente bloque, es donde nosotros vamos a escribir nuestra traducción.

Sugerir traducciones en Prestashop 1.7

Sigue leyendo

Print Friendly

Instalando una plantilla gratuita en Prestashop 1.7

Hace unas semanas, estuvimos comentando en el blog de que ya disponíamos plantillas gratuitas para Prestashop 1.7, en este caso por ejemplo vamos a instalar la siguiente plantilla:

Plantilla Minimal actualizada para Prestashop 1.7

Descargamos la plantilla, y veremos que se llama “minimal.zip

Fichero Zip de una plantilla gratuita de Prestashop 1.7

Ahora, nos vamos en nuestro el panel de la tienda a la pestaña: Diseño -> Tema y Logo

Acceder a la pestaña Diseño -> Temas para gestionar plantillas en Prestashop 1.7

En la parte superior de la sección, pulsamos en “Añadir Nuevo“:

Botón Añadir nuevo tema en Prestashop 1.7

En esta nueva pantalla, veremos que tenemos tres opciones de importación:

Subir el fichero .zip que nos hemos descargado anteriormente desde nuestro ordenador

Importar plantilla desde el ordenador en Prestashop 1.7

Importar plantilla la URL del Zip de la misma plantilla (Por ejemplo, imaginemos que hemos subido el zip a pepito.com, colocar “http://pepito.com/fichero.zip” o directamente si el desarrollador de la plantilla nos da una url externa, podemos colocar la url directamente..)

Importar plantilla desde URl en Prestashop 1.7

Podemos subir el “zip” de la plantilla que hemos descargado gratuitamente antes, al directorio /themes/ y una vez subido, nos aparecerá en el desplegable de esta opción para realizar la importación.

Importar plantilla desde el FTP en Prestashop 1.7

En nuestro caso, vamos a usar por ejemplo la opción “Importar desde su Ordenador”

Botón para subir fichero zip de la plantilla en Prestashop 1.7

Señalamos el fichero “zip” que vamos a subir:

Seleccionar plantilla gratuita para Prestashop 1.7 que vamos a subir

Ahora, pulsamos en Guardar

Una vez hemos pulsado en “Guardar”, ya podremos seleccionar la plantilla.

Elegir plantilla en Prestashop 1.7

Señalar “Utilizar este tema” en Prestashop 1.7

Una vez hemos señalado la plantilla, ya aparecerá instalada:

Plantilla instalada con éxito en Prestashop 1.7

Y aunque no sea estrictamente necesario, por último:

  • Limpiar cache del navegador
  • Limpiar cache de Prestashop en la pestaña Parámetros Avanzados -> Rendimiento

    Limpiar Cache en Prestashop 1.7

Si por casualidad queremos añadir/quitar columnas en Prestashop 1.7, lo podemos hacer con la siguiente guía: ¿Cómo añadir/quitar columnas en Prestashop 1.7?

Problemas que pueden surgir en la subida de una plantilla a Prestashop Sigue leyendo

Print Friendly

Deshabilitar libreria HTMLPurifier en Prestashop 1.6 y 1.7

La libreria HTMLPurifier, en determinadas situaciones no nos deja escribir código adicional en el editor de textos en Prestashop, ya que hace una validación del código filtrando y limpiando, y por ejemplo existe la posibilidad de que no nos permita introducir un simple script en el editor de textos.

¿Cómo podemos desactivarla en Prestashop 1.6?

En Prestashop 1.6, la desactivamos en la pestaña Preferencias -> Configuración

Deshabilitar libreria HTMLPurifier en Prestashop 1.6

Deshabilitar libreria HTMLPurifier en Prestashop 1.6

Si señalamos “Usar la librería HTMLPurifier -> NO“, queda desactivada.

¿Cómo podemos desactivarla en Prestashop 1.7?

Pestaña Parámetros Avanzados -> Configuración

Pestaña de la tienda-> Configuración

Desactivar HTMLPurifier en Prestashop 1.7

Print Friendly

Integrar Google traductor en Prestashop 1.7

Vamos a usar el famoso htmlbox de Vekia que hemos usado varias veces en el pasado para otras guías como: Insertar código Qweb, Insertar Información del tiempo, etc..

Lo podéis bajar de la web de Vekiahttps://mypresta.eu/modules/front-office-features/html-box.html (Enlace alternativo (PS 1.6/1.7) solo en caso de que falle el enlace original en algún momento, recordar que en el enlace original es donde tenéis el módulo actualizado para futuras versiones (y variantes) de Prestashop )

¿Dónde vamos a colocar el bloque de Google Traductor?

En la columna izquierda de la tienda.

Google Traductor en la Columna Izquierda de Prestashop 1.7

¿Cómo hacemos la instalación?

Realizamos la subida/instalación del módulo, como es habitual desde la pestaña módulos -> módulo

¿Cómo configuramos el módulo para insertar el código de Google Traductor?

Nos vamos a esta web: https://translate.google.com/manager/website/?hl=es

Obtener código de Google traductor para pegarlo en Prestashop 1.7

Proceso para obtener el código de Google Traductor para luego insertarlo en Prestashop

Último paso antes de obtener el código de Google traductor para poder integrarlo en Prestashop 1.7

En este último paso, tenemos las siguientes opciones:

  • Mostrar todos los idiomas o lo que nosotros queramos (Idiomas de traducción)
  • Cambiar el modo de presentación del Widget
  • Opciones Avanzados, como la integración con Google Analytics, que el widget se muestre automáticamente a los usuarios que entran a tu tienda que hablan un idioma distinto al de la tienda.

Pulsamos en “Obtener código

Obtener código de Google Traductor

Hemos obtenido el siguiente código:

Código preparado para insertar en Prestashop 1.7

¿Dónde pego ese código?

Lo primero que vamos hacer es desactivar la opción “html purifier” en la pestaña Parámetros de la tienda -> Configuración

Desactivar html purifier en Prestashop 1.7

Lo segundo es que nos vamos a la configuración del módulo en la pestaña módulos -> módulos

Y en su configuración: (Pulsamos en “Rich text editor: off“)

Desactivar editor gráfico en Prestashop 1.7 en la configuración del módulo htmlbox

Sigue leyendo

Print Friendly

Bloque iniciar sesión de la cabecera en Prestashop 1.7

Tip basado en Prestashop 1.7.1.0

Iniciar Sesión en Prestashop 1.7 (Bloque de la cabecera)

El módulo actualmente está traducido con el nombre “Link de inicio de sesión para clientes“, aunque si lo buscáis con el nombre “ps_customersignin” lo vais a encontrar de igual forma.

¿Configuración del módulo Iniciar sesión de la cabecera en Prestashop 1.7?

¿Dónde está el directorio del módulo?

En: /modules/ps_customersignin/

Directorio del módulo Iniciar Sesión en Prestashop 1.7

Directorio del módulo Iniciar Sesión en Prestashop 1.7

¿Está por ejemplo sobreescrito el tpl de impresión en el directorio de la plantilla?

Si, en: /themes/classic/modules/ps_customersignin/ps_customersignin.tpl

Directorio Override del módulo “Iniciar sesión” de la cabecera

¿Cómo cambio por ejemplo la palabra “Iniciar sesión” de la cabecera por otra palabra?

Cambiar texto Iniciar sesión en Prestashop 1.7

Sigue leyendo

Print Friendly