Ubicaciones de los widgets
El módulo de Photoslurp para Prestashop te permite mostrar widgets en cualquiera de las siguientes páginas:
- Página Home
- Páginas de categoría
- Páginas de producto
- Páginas de tipo "lookbook" o páginas de aterrizaje
- Cualquier otra página, incluyendo un hook en el theme de Prestashop
En base a los resultados de nuestros clientes recomendamos integrar como mínimo un carrusel en las páginas de producto y, dado que todos nuestros paquetes incluyen widgets ilimitados, te invitamos a ser creativo y experimentar colocando widgets durante todo el “customer journey” de vuestros clientes.
Añadiendo nuevos widgets en Prestashop
Una vez que haya configurado un widget en el editor de widgets, copie el ID del widget haciendo clic en el icono de copia que aparece junto a él.
De vuelta en su back-office de Prestashop, desplácese hacia abajo hasta la sección "Widgets" del módulo Photoslurp y haga clic en el botón "ADD NEW WIDGET" como se muestra en la captura de pantalla siguiente:
Ajustes del widget
A continuación, aparecerá un formulario con las opciones de configuración del widget:
- Active
Habilitar o deshabilitar el widget. - User Name
En este campo hay que introducir el nombre de la cuenta de usuario que se utiliza en la plataforma Photoslurp. - Widget Id
En este campo debe introducirse el ID del widget que se ha copiado del editor. - Page Type
La página en la que se desea mostrar el widget. Las opciones disponibles son:- Home page (Portada de la tienda o página principal)
- Product page (Páginas de producto)
- Category page (Páginas de categoría)
- Lookbook page (Página de aterrizaje). Esta opción es la que también permite integrar el widget en cualquier hook que ubiquemos en una plantilla del theme usado en la tienda.
- Product Hook
* solo disponible para las páginas de producto.- Selecciona la posición de la página (hook) en que se mostrará el widget.
-
* solo disponible para las páginas de categoría.
-
Permite seleccionar si el widget se debe mostrar en todas las páginas de categoría de la tienda o únicamente en un subconjunto de páginas. Al elegir la opción "Only in selected categories" aparecerá un nuevo campo de lista "Categories" que permite indicar las categorías de la tienda en las que se quiere mostrar el widget.
-
- Only Show Media From Product Category
Cuando este ajuste se habilita las imágenes mostradas en los widgets se filtrarán de la siguiente forma:
- Para las ubicaciones "Página home" y "Lookbook" aparecerá un nuevo campo de lista "Categories" que permite indicar las categorías de producto de la tienda de las que se desea mostrar imagenes en el widget.
- Para las ubicaciones "Páginas de categoría" y "Páginas de producto" el widget filtrará automáticamente las imágenes y solo mostrará aquellas que tengas asignados productos de la misma categoría que la de la página visualizada.
Integrar el widget en la Home
Para añadir un widget en la página Home de la tienda, es necesario crear un nuevo widget en el módulo y establecer "Home page" como su Page Type.
El posicionamiento del widget se puede modificar en la lista de hooks predeterminados de Prestashop, reordenando el hook "displayHome"
Integrar el widget en una página de tipo Lookbook (página CMS de Prestashop)
Para añadir un widget en una página de tipo *Lookbook* es necesario disponer de un widget con el parámetro "Page type" configurado con el valor "Lookbook", y editar la plantilla de la página CMS del tema usado en Prestashop incluyendo el código mostrado a continuación:
En Prestashop 1.6 el fichero se ubica en la ruta themes/nombre_del_theme_activo/cms.tpl
{if $cms->id eq 6}
{hook h='psWidget' id_pswidget='1'}
{/if}
En Prestashop 1.7 el fichero se ubica en la ruta themes/nombre_del_theme_activo/templates/cms/page.tpl:
{if $cms.id eq 6}
{hook h='psWidget' id_pswidget='1'}
{/if}
El valor de "id" en la primera línea se refiere al número identificador de la página CMS en la que se desea mostrar el widget:
El valor de "id_pswidget" en la segunda línea se refiere al número identificador del widget que se desea mostrar tal como se indica en la página principal del módulo: