{"id":33923,"date":"2020-03-13T10:46:44","date_gmt":"2020-03-13T08:46:44","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=33923"},"modified":"2020-03-13T10:53:31","modified_gmt":"2020-03-13T08:53:31","slug":"como-cambiar-la-posicion-de-un-modulo-en-prestashop-1-7-6-2","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-cambiar-la-posicion-de-un-modulo-en-prestashop-1-7-6-2\/","title":{"rendered":"C\u00f3mo Cambiar la Posici\u00f3n de un M\u00f3dulo en PrestaShop 1.7.6.2"},"content":{"rendered":"
<\/div>

\"C\u00f3mo<\/p>\n

PrestaShop es f\u00e1cil de configurar a nuestro gusto. Una de las opciones que nos ofrece es cambiar la posici\u00f3n de los m\u00f3dulos. Es un proceso sencillo pero vamos a verlo paso a paso para resolver cualquier duda que pueda surgir al cambiar de posici\u00f3n los m\u00f3dulos en la versi\u00f3n 1.7.6.2.<\/strong><\/p>\n

PrestaShop<\/strong> es uno de los gestores de contenidos (CMS)<\/strong>, m\u00e1s utilizados, sobre todo en Europa, para gestionar cualquier tipo de tienda online<\/strong><\/a>.<\/p>\n

Al utilizar PrestaShop, el proceso de a\u00f1adir productos, gestionar los env\u00edos, las ventas, emails transacionales, etc… se gestiona todo desde la misma plataforma, solucionando en gran medida, la complejidad de gestionar una tienda online<\/strong>.<\/p>\n

En el apartado del dise\u00f1o, PrestaShop dispone de muchas plantillas, la mayor\u00eda de pago, que puedes utilizar para adaptar el dise\u00f1o del sitio a tu gusto.<\/p>\n

Adem\u00e1s de las plantillas, existen los llamado m\u00f3dulos<\/strong>, que son complementos que se pueden instalar o desinstalar en cualquier plantilla<\/strong> para a\u00f1adir caracter\u00edsticas adicionales.<\/p>\n

Estos m\u00f3dulos pueden servir para muchas cosas, desde a\u00f1adir un banner a configurar un TPV virtual y son una parte importante de todo el ecosistema de PrestaShop<\/strong>.<\/p>\n

Algo muy \u00fatil en PrestaShop es que podemos cambiar la posici\u00f3n de los m\u00f3dulos<\/strong>, para dejarlos a nuestro gusto.<\/p>\n

Por ejemplo, si tenemos un m\u00f3dulo que muestra un carrusel de im\u00e1genes y justo debajo otro m\u00f3dulo que muestra los productos destacados, podemos modificar esto para que se muestre primero el m\u00f3dulo que prefiramos<\/strong>.<\/p>\n

Esto es muy sencillo de hacer en PrestaShop, aunque puede cambiar ciertos detalles en seg\u00fan qu\u00e9 versi\u00f3n del CMS est\u00e9s usando, as\u00ed que vamos a ver c\u00f3mo cambiar de posici\u00f3n los m\u00f3dulos en la versi\u00f3n 1.7.6.2 de PrestaShop<\/strong>.<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

 <\/p>\n

Modificar Posici\u00f3n M\u00f3dulos PrestaShop<\/h2>\n

Antes de nada, las capturas de pantalla de esta gu\u00eda, pueden no coincidir con los de tu versi\u00f3n de PrestaShop<\/strong>, ya sea anterior o posterior.<\/p>\n

La versi\u00f3n con la que estamos trabajando ahora es la 1.7.6.2, aunque no deber\u00eda de cambiar demasiado entre las versiones m\u00e1s cercanas, es algo que depende exclusivamente de PrestaShop<\/strong>.<\/p>\n

Una vez te encuentres en el backend<\/em> tu PretaShop, debes dirigirte al apartado Personalizar > Dise\u00f1o > Posiciones<\/strong>.<\/p>\n

\"prestashop<\/p>\n

Si nunca has accedido aqu\u00ed, la secci\u00f3n de posiciones de los m\u00f3dulos pueden ser algo confusas, pero en cuanto comprendas c\u00f3mo funciona, ver\u00e1s que es m\u00e1s f\u00e1cil de lo que parece<\/strong>.<\/p>\n

Ver\u00e1s que existen elementos llamados \u00abhook\u00bb<\/em><\/strong>, que no se trata de otra cosa que puntos de anclaje<\/strong> (hook significa gancho)<\/em> en los que podemos a\u00f1adir los distintos m\u00f3dulos que utilicemos<\/strong>.<\/p>\n

Siendo as\u00ed, lo primero que tenemos que hacer es localizar el hook<\/em> donde est\u00e9 instalado el m\u00f3dulo que queremos modificar.<\/p>\n

Por ejemplo si es un m\u00f3dulo de la p\u00e1gina principal de PrestaShop, el nombre ser\u00e1 displayHome<\/strong> y ah\u00ed podremos ver los distintos m\u00f3dulos que se encuentran \u00abanclados\u00bb<\/em>, en este caso veremos los m\u00f3dulos de (es s\u00f3lo un ejemplo):<\/p>\n