En la siguiente entrada vamos a explicar como realizar una correcta gestión de hooks desde Back-Office.
Para poder cambiar la apariencia de la parte superior de nuestro comercio electrónico en Prestashop 1.7 debemos trabajar los hooks displayNav1 y displayNav2. Estos 2 hooks son los que componen la parte superior de la cabecera o header de nuestro website.
Índice
¿Dónde podemos cambiar la posición de los hooks en Prestashop 1.7?
Para poder cambiar la posición de los hooks hacemos login en nuestro Back-Office y accedemos a Diseño->Posición de los módulos.
En este momento, podemos observar que disponemos de una sección de búsqueda. Si aquí ponemos la palabra «nav» veremos los 2 hooks de los que estamos hablando entre otros.
¿Qué podemos hacer aquí?
Pues 2 cosas: añadir / quitar módulos del hook displayNav1 y del hook displayNav2 y también cambiar el orden de los elementos de estos.
¿Dónde vemos reflejados estos cambios?
Como venimos diciendo a lo largo de la entrada, estos cambios se ven reflejados en la parte pública de nuestra tienda. Exactamente en la cabecera o header.
Pego un enlace para que tengamos clara la posición de la cual hablamos: Cabecera en Prestashop 1.7
Modificar la cabecera en Prestashop 1.7
Si deseamos modificar el código fuente de nuestra cabecera, debemos ir al siguiente script desde nuestro editor de código favorito: tu-tienda.com/themes/classic/templates/_partials/header.tpl
Y aquí encontraremos el siguiente trozo de código.
<div class="hidden-sm-down">
<div class="col-md-4 col-xs-12">
{hook h='displayNav1'}
</div>
<div class="col-md-8 right-nav">
{hook h='displayNav2'}
</div>
</div>Poco más que contar, terminamos con este post acerca de la gestión de hooks desde Back-Office.
Como siempre digo, espero que esta entrada os sea de utilidad y os ayude a resolver estos errores que nos complican el día a día.
Versiones utilizadas, tiempo y dificultad de desarrollo:
Plataforma: Prestashop 1.7.2