EJERCICIO20_Posiciones
Las posiciones dentro del diseño nos permiten establecer en que orden van a estar cada módulo de nuestra tienda. Los módulos son los contenedores de información donde se almacenan diferentes imágenes o textos ya sea la galería de productos, los carruseles de imágenes o el texto informativo de nuestra web.
Abrimos el prestashop y nos vamos a la pestaña de diseño y dentro de esta pulsamos la opción de Positions
Lo que vamos a hacer es colocar el módulo del carrusel de imágenes en la parte inferior de nuestra web y para ello tenemos que seleccionar el módulo al que pertenece este elemento y su hook, el hook es un gancho dentro de nuestra página que alberga estos módulos.
Buscamos el módulo de Slider:
Nos aparece en el hook de displayHome en la primera posición. Pinchamos y lo arrastramos al final de la lista.
Un módulo puede tener dos aspectos: uno en el back-office (sus opciones, o incluso su pantalla de configuración), y el otro en el front-office. La parte front-office corresponde a cómo y dónde se mostrará el módulo en tu tema.
La posición de un módulo en tu tema puede ser cambiada, porque es posible que desees que el bloque de un módulo esté posicionado más arriba (o más abajo) en la página que otros. En la jerga PrestaShop, a esta acción se la denomina “trasplante”, y se realiza mediante la herramienta disponible en la página “Posiciones de los módulos”, bajo el menú “Diseño”. En realidad, ésta te permite conectar un módulo a uno de los muchos hooks disponibles en el tema actual, sin necesidad de escribir ningún código.
La página “Posiciones de los módulos” te muestra todos los hooks (ganchos) disponibles, así como los módulos correspondientes que están enganchados a ellos. Muchos están vacíos por defecto, pero la mayoría utilizan fácilmente una docena de módulos.
Insertar un módulo en un hook: Trasplantar
En PrestaShop, “trasplantar” es la acción de insertar un módulo en un hook. Puedes añadir un módulo a más de un hook.
Hay dos cosas que debes conocer antes de trasplantar un módulo:
• Algunos módulos están escritos para sólo poder conectarlos a un conjunto de hooks específicos.
Algunos hooks han sido desarrollados para no aceptar ciertos tipos de módulos.
Por lo tanto, debes ser consciente de que no siempre puedes trasplantar un módulo a cualquier hook.
• Asegúrate de desactivar la caché al probar el efecto de un nuevo módulo en el front-end. Puedes hacer esto en la página “Rendimiento”, bajo el menú “Parámetros avanzados”.
El proceso de trasplante tiene su propia interfaz:
Dirígete a la página “Posiciones de los módulos”, disponible en el menú “Diseño”.
Haz clic en el botón “Insertar un hook” situado en la parte superior derecha. La interfaz de trasplante de módulos aparecerá en pantalla.
En la lista desplegable “Módulo”, selecciona el módulo que deseas trasplantar.
En la lista desplegable “Insertar hook en”, selecciona el lugar donde quieres trasplantar el módulo. Hay muchos hooks disponibles. Puedes cambiar tu decisión más tarde si es necesario.
En el campo “Excepciones”, escribe el nombre del archivo(s) correspondiente(s) a las páginas en las que no deseas que el módulo aparezca.
Puedes realizar una selección múltiple, haciendo clic en los nombres de archivo mientras mantienes pulsada la tecla Ctrl. Puedes anular la selección de los archivos de la misma manera: Ctrl + clic. No olvides guardar los cambios realizados.
El menú desplegable “Insertar hook en” te ofrece información sobre dónde puedes colocar el módulo.
A pesar de que en la lista desplegable “Insertar hook en” ofrece una vista global de los hooks disponibles, no siempre puede ser del todo esclarecedora, sobre todo cuando se trata de encontrar un punto en particular donde insertar tu módulo. No dudes en probar con otro hook, si el resultado de tu elección no es el que esperabas.
La lista te ofrece algunos detalles más: algunos hooks tienen tras su nombre una breve descripción de lo que hacen, por ejemplo, “Añadir campos al formulario ‘atributo valor’” para displayAttributeForm. Examínalos a todos con detenimiento con el fin de elegir el hook correcto.