Manual de prestashop 1.7 – Estructura de la página de inicio

En manual de Prestashop vamos a reunir suficiente información para empezar a comprender la estructura de la página de inicio en su versión 1.7.

Contenidos de la entrada:

Introducción

Vamos a interpretar la página de inicio o home de Prestashop 1.7 en 3 apartados. Y cada uno de ellos será desglosado en módulos.

Tengamos en cuenta que las secciones que se van a repetir en todas nuestras páginas de Prestashop serán la «cabecera o header» y el «footer».

Cabecera en Prestashop 1.7

Para poder entender como se gestionan los hooks de la cabecera en Prestashop 1.7, es conveniente que leamos este documento: Manual de prestashop 1.7 – Gestión de hooks de la cabecera desde el panel de administración.

Módulos situados en hook displayNav1 de Prestashop.

Módulo contacte con nosotros: Apartado donde se mostrará un enlace que al ser pulsado re-direcciona a la página de formulario de contacto . Carga ps_contactinfo.

Módulos situados en hook displayNav2 de Prestashop.

Módulo idioma: En el caso de que nuestro comercio electrónico sea multi idioma desde aquí se podrá seleccionar en que idioma queremos que se muestre. Carga ps_languageselector.

Módulo inicio de sesión: Pulsaremos aquí para poder hacer login o en caso de no disponer de cuenta de usuario crear una nueva. Carga ps_customersignin.

Módulo carrito: En este se listarán los productos que hayamos añadido anteriormente. Carga ps_shoppingcart.

Hay otro hook que cabe destacar, este es el de selección de moneda. En nuestro header no aparece ya que tan solo tenemos un tipo de moneda y este aparece desanclado del módulo.

Los módulos mencionados se encuentran en el hook displayNav1 y displayNav2.
Hay muchos otros módulos que se pueden instalar en estos hooks y quedan muy bien, como puede ser el caso del módulo para contacto vía whatsapp, módulo de búsqueda, etc. Esto ya dependerá del tema que tengamos instalado y la posición de los módulos que hayamos asignado.

Módulos situados en el hook displayTop de Prestashop.

Módulo logo: Este puede ser cambiado desde nuestro Back-Office.

Módulo menú principal: Listado de elementos del menú creados. Carga ps_mainmenu.

Módulo search: Caja de búsqueda de productos dentro de nuestra tienda.

Página principal de Prestashop 1.7

En la sección de contenido de esta página se listan los módulos instalados en el hook displayHome.
El orden de estos puede ser cambiado para que nuestra tienda esté a nuestro gusto.

Módulos situados en el hook displayHome de Prestashop.

Módulo slider o carrousel de imágenes: Este nos permite tener una o varias imágenes a modo de banner rotatorio en nuestra tienda. Carga ps_imageslider.

Módulo productos destacados: Aquí aparecerá un listado de productos que queramos que destaquen sobre el resto. Carga ps_featuredproducts.

Módulo banner: Imagen estática o gif animado para nuestra tienda. Carga ps_banner.

Módulo customtext: Apartado donde podemos añadir textos con formato. Carga ps_customtext.

Pie de página en Prestashop 1.7

Para terminar con la composición de nuestra página Home, vamos a listar 3 nuevos hooks que constituyen el pié de página (displayFoterBefore, displayFoter y displayFoterAfter).

Módulos situados en el hook displayFooterBefore de Prestashop.

Módulo suscripción: Los usuarios que quieran estar al tanto del newsletter de nuestro comercio electrónico podrán suscribirse desde aquí mismo. Carga ps_emailsubscription.

Módulos situados en el hook displayFooter de Prestashop.

Hook enlaces: Desde nuestro Back-Office también podemos decidir que enlaces y cuales no se muestran en nuestro pié de página. Carga ps_linklist.

Módulos situados en el hook displayFooterAfter de Prestashop.

Hook legal: Aquí mostraremos el Copyright. Carga ps_contactinfo.

Y aquí terminamos con este primer post de nuestro manual de Prestashop versión 1.7.
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.1.2

11 comentarios en “Manual de prestashop 1.7 – Estructura de la página de inicio”

  1. Hola Luis,
    Aún está disponible el módulo custom text? para poner texto en la home.
    Lo único que encontré es un zip que no me admite.
    Gracias! Y por este útil post

  2. Luis, buena tarde

    Estoy buscando como cambiar la posicion del signo en los precios de venta, pasarlos de la derecha a la izquierda y no logro encontrar para la version 1.7.6.4

    de antemano muchas gracias

    Jorge

  3. Buenos dias,

    Soy nuevo en esto y tengo el prestashop V.1.7 y quiero cambiar el orden de las categorias de inicio de «nuestra empresa» pero por mucho que lo muevo, me dice que Actualización correcta pero no me lo hace .
    En nuestra empresa me aparece por este orden
    NUESTRA EMPRESA

    Aviso legal
    Términos y condiciones
    Pago seguro
    Sobre nosotros
    TIENDAS B.D.C. HYGIENIC
    Contacte con nosotros
    Mapa del sitio

    Y lo que quiero es que «TIENDAS B.D.C» sea la primera de arriba y no lo consigo.

    Esto es lo que me sale en Páginas en la categoría «Inicio» (6)

    ID URL Tratamiento Meta-título Posición
    6 tiendas-bdc-hygienic TIENDAS B.D.C. HYGIENIC 1
    1 envio-y-devoluciones Envío y devoluciones Envío y devoluciones 2
    2 aviso-legal Aviso legal Aviso legal 3
    3 terminos-y-condiciones-de-uso Términos y condiciones 4
    4 sobre-nosotros Sobre nosotros 5
    5 pago-seguro Pago seguro 6

    Alguien me puede ayudar???

    Saludos
    Xavi

  4. Buenas Luis , tengo PrestaShop 1.7 me gustaría cambiar el tamaño del logo para que se vea más grande sin afectar al resto o sino poner una cabecera en horizontal arriba con una imagen más grande del logo, que me recomiendas ? Gracias

      1. Hola Luis,

        Gracias por el Post, una consulta con Prestashop 1.7.5; Hay una forma de cambiar la imagen del Footer sin afectar mi imagen del logo?

        Lo que quiero precisamente es agregar la misma imagen pero en escala de grises.

        Mi sitio de pruebas es: verdehn.com/PajaroAzul

        Saludos.

        1. Hola Mainor, si que se puede, pero esto depende de la plantilla / tenga que estés utilizando. Si usas la que viene por defecto en Prestashop no se puede.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable de los datos: Luis María Jordán Muñoz | Finalidad: Responder a la solicitud que me envíes y ofrecerte información | Legitimación: Tu consentimiento de forma expresa | Destinatario: Nicalia mi proveedor de hosting | Derechos: Tienes derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido, para más información, te dejo enlace a mi política de privacidad ... enlace

Scroll al inicio
Ir arriba