Vamos a ver en este post cómo podemos editar o personalizar la plantilla que viene por defecto en Prestashop 1.7. y Prestashop 1.6
Debemos destacar que la plantilla prestashop 1.6 es una plantilla optimizada para dispositivos móviles, al igual que sucede con la plantilla de Prestashop 1.7
Es posible que quieras realizar algún cambio en la estética de la plantilla y no haya opción para ello. En ese caso puedes echarle un vistazo a este post: Modificar CSS Prestashop plantilla por defecto
APÚNTATE A MIS CURSOS PREMIUM. ACCEDE A TODOS LOS CURSOS POR SOLO 10€/MES
ÍNDICE CONTENIDOS
-
1.- EDITAR PLANTILLA PRESTASHOP 1.7
- 1.1.- Gestión de módulos en Prestashop 1.7
- 1.2.- Módulo banner
- 1.3.- Módulo bloques de texto personalizados en prestashop 1.7
- 1.4.- Módulo de Enlaces de seguimiento a través de redes sociales de prestashop 1.7
- 1.5.- Módulo Lista de enlaces o Link Widget Prestashop 1.7
- 1.6.- Bloque información de la tienda del footer
- 1.7.- Módulo información de seguridad y confianza para el cliente en Prestashop 1.7
-
2.- EDITAR PLANTILLA PRESTASHOP 1.6
-
2.1.- Configurador de temas (Theme configurator)
-
2.1.1.- BLOQUE O SECCIÓN: AJUSTES
- 2.1.1.1.- Bloque Social Prestashop (BlockSocial)
- 2.1.1.2.- Boque de información de contacto (Blockcontactinfos) Prestashop
- 2.1.1.3.- Módulo Redes Sociales (SocialSharing) en Prestashop
- 2.1.1.4.- Bloque caja Facebook me gusta (Blockfacebook)
- 2.1.1.5.- Bloque de información CMS Personalizado (Blockcmsinfo)
- 2.1.1.6.- Vista rápida Prestashop
- 2.1.1.7.- Bloque de banner de Prestashop (Blockbanner)
- En la pantalla tenemos los siguientes apartados:
- 2.1.1.8.- Bloque de logos de pago en Prestashop (Productpaymentlogos)
- En la pantalla de configuración nos aparecerán las siguientes opciones:
- 2.1.1.9.- Live Configurator
- Una vez reducida la pantalla del navegador, verás que el panel se compone de 2 partes:
- 2.1.1.10.- Mostrar las subcategorías
- 2.1.2.- Bloque o sección: “CONFIGURADOR DE TEMAS”
-
2.1.1.- BLOQUE O SECCIÓN: AJUSTES
-
2.1.- Configurador de temas (Theme configurator)
1.- EDITAR PLANTILLA PRESTASHOP 1.7
Vamos a ver en este apartado las principales opciones de personalización de la plantilla que viene por defecto en Pretashop 1.7.
La mayoría de opciones de edición de la plantilla vienen definidas a través de diferentes módulos.
El módulo responsable del slider que en esta versión de prestashop se denomina “Carrusel de imágenes” (imageslider) lo veremos en el post dedicado al slider de prestashop
1.1.- Gestión de módulos en Prestashop 1.7
En la mayoría de los apartados tendremos que acceder al panel de gestión de módulos para poder personalizar las diferentes opciones de la plantilla por defecto de prestashop 1.7. Para no repetirlo en cada apartado voy a describir ahora como acceder al panel de gestión de módulos:
Accede al panel de administración de prestashop 1.7 y en el menú lateral ve a: “MEJORAS > Módulos > Módulos y Servicios”.
A continuación haz clic en la pestaña “Módulos instalados”
Haz scroll hasta llegar al apartado “módulos del tema”
Módulos de la plantilla instalados en Prestashop 1.7
Con el módulo banner podremos añadir una imagen en la parte inferior de la home.
Accede al panel de administración de módulos como hemos hecho en el apartado 1 y haz clic en el botón “Configurar” del módulo “Banner”.
Verás tres opciones:
a.- Imagen del banner: haciendo clic en el botón: “Selecciona un archivo” podremos añadir la imagen que queremos para el banner. El banner aparecerá en la parte inferior de la web pero encima del footer. La recomendación de prestashop es que la imagen tenga las dimensiones 1110 x 214 px.
b.- Enlace del banner: aquí pondremos la URL a la que nos dirigiremos si hacemos clic sobre la imagen del banner.
c.- Descripción del banner: este texto no aparecerá en la web. Con este campo rellenaremos la etiqueta title y alt de la imagen, por lo que este texto tendrá fines de SEO.
Banner en la parte inferior de la home pretashop 1.7
1.3.- Módulo bloques de texto personalizados en prestashop 1.7
Este módulo nos permitirá incluir un texto en la página de inicio. Su posición será justo debajo del banner que analizamos en el apartado anterior. Es muy importante para el SEO de la página de inicio poder escribir algo de texto en la home, así como el correspondiente texto etiquetado como H1
Una vez hayamos accedido al panel de administración de módulos como indicamos en el punto 1, haremos clic sobre el botón “Configurar” del módulo: “Bloques de texto personalizados” (customtext)
Nos aparecerá un editor de texto con el cual podremos personalizar el texto que queremos que aparezca en la parte inferior de la web.
Módulo textos personalizados de prestashop 1.7
El módulo de “Enlaces de seguimiento a través de redes sociales” nos permite configurar los iconos de redes sociales que aparecen en el footer de la plantilla por defecto de Prestashop 1.7. Es decir, aparecerán en la home y resto de páginas de la tienda Prestashop.
Podremos configurar las redes sociales: Facebook, Twitter, RSS, Youtube, Google +, Pinterest, Vimeo e Instagram.
Lo primero que haremos será acceder a la interface de gestión de módulos como hacíamos en el punto 1.
Ahora buscaremos el módulo “Enlaces de seguimiento a través de redes sociales” (socialfollow) y haremos clic en el botón “Configurar”.
Las redes sociales cuyos campos no rellenemos no mostrarán el icono. Por el contrario, las redes sociales en cuyo campo si pongamos su url aparecerán sus correspondientes iconos en el footer de la tienda con el correspondiente enlace.
Modulo enlaces de seguimiento a través de redes sociales
Los iconos de redes sociales que hayamos configurado aparecerán en la parte superior derecha del footer de la web. Es decir, aparecerán en todas las páginas de la tienda.
Iconos en el footer de plantilla por defecto en Pretashop 1.7
1.5.- Módulo Lista de enlaces o Link Widget Prestashop 1.7
Con este módulo de prestashop 1.7 podremos personalizar dos de las columnas que aparecen en el footer de la web.
Concretamente la columna de “Nuestra Empresa” y la de “Productos”
Módulo lista de enlaces
Accede al panel de gestión de módulos como describimos en el punto 1. Busca el módulo “Lista de enlaces” y haz clic en “Configurar”.
Te aparecerá una pantalla desde la cual podrás elegir configurar el bloque de “Productos” o el de “Nuestra empresa”.
Haz clic en “Modificar” en el bloque que quieras Personalizar
Bloques de enlaces del footer prestashop 1.7
Al tener este módulo de “Lista de enlaces” o “Link widget” tantas opciones lo veremos en un post especialmente dedicado a este módulo de prestashop 1.7
Para personalizar el bloque de información de la tienda que aparece en el footer no busques ningún módulo ya que no podrás realizar la edición de este bloque desde ninguno.
Información de contacto del footer pretashop 1.7
Para editar el contenido de este bloque iremos a: “CONFIGURAR > Parámetros de la tienda > Contacto”
En la siguiente pantalla haz clic en la pestaña “Tiendas” y luego haz scroll hasta ver un bloque con el título “DATOS DE CONTACTO”
Los datos que vayas rellenando en los diferentes campos te irán apareciendo en el bloque de “INFORMACIÓN DE LA TIENDA” del footer.
Campos para rellenar la info de contacto de la tienda prestashop 1.7
1.7.- Módulo información de seguridad y confianza para el cliente en Prestashop 1.7
Este módulo se muestra en las fichas de producto. Es decir, solo en las páginas de los diferentes productos de prestashop.
Se muestran 3 iconos acompañados de 3 textos explicativos.
Podrás modificar el texto y cambiar el icono si así lo deseas.
Personalizar la información de la ficha de producto
Para editar el contenido de esta información que se muestra al cliente en la ficha de producto iremos al panel de gestión de módulos como indicábamos en el punto 1.
Buscaremos el módulo “Información de seguridad y confianza para el cliente” y haremos clic en el botón “Configurar”.
En el panel de administración nos aparece 1 bloque con 3 elementos. Cada uno correspondiente a uno de los textos que aparece en la ficha de producto.
Haz clic en el botón “Modificar” del elemento de texto que quieras personalizar
Módulo información de seguridad y confianza para el cliente
Al modificar uno de los elementos verás un panel con las siguientes opciones:
a.- Imagen: verás el icono que se está mostrando. También tienes un botón “Añadir archivo” que puedes utilizar para subir un icono diferente al que se está mostrando.
Los iconos tienen un tamaño de 25×25 px, por lo que lo más conveniente es que los subas de ese tamaño.
b.- Texto: Aquí podrás personalizar el texto que aparecerá junto al icono.
Recuerda hacer clic en el botón de guardar
modificar texto o icono en ficha producto prestashop 1.7
2.- EDITAR PLANTILLA PRESTASHOP 1.6
2.1.- Configurador de temas (Theme configurator)
La mayor parte de la personalización de la plantilla por defecto de Pretashop la realizaremos a través del módulo denominado: “Configurador de temas” (en inglés Theme Configurator).
Para buscar cualquier módulo en Pretashop debemos ir a: “panel de administración > módulos > módulos “
Ahora vamos al bloque o apartado: “LISTA DE MÓDULOS”. Revisa que el filtro lo tienes puesto para que te aparezcan todos los módulos posibles:
Filtrar por: Instalados y no instalados |Activados y desactivados | Autores: “Todas” o “todos los autores” (según la versión de Prestashop).
Una vez revisados los filtros nos vamos a la barra de búsqueda y escribimos el nombre del módulo que estamos buscando: “configurador de temas”. Observa que conforme vas escribiendo el nombre van apareciendo módulos que concuerdan con lo que vas escribiendo.
Una vez escrito el nombre completo te debe aparecer el módulo “Configurador de temas”.
Para personalizar la plantilla deberemos configurar el módulo, cosa que realizaremos al pulsar en el botón “configurar”.
Una vez en la pantalla de configuración del módulo verás que está dividida en dos bloques o secciones:”AJUSTES” y “CONFIGURADOR DE TEMAS (Versión)”.
2.1.1.- BLOQUE O SECCIÓN: AJUSTES
En este bloque verás que aparecen una serie de opciones de personalización que vamos a ir viendo una a una:
Aquí podrás personalizar las redes sociales que aparecen en la home de la página de inicio de la plantilla Prestashop 1.6. Este apartado sirve para conectar las redes sociales en las que estás presente con tu tienda online.
Iconos de redes sociales en la plantilla por defecto Prestashop 1.6
Pon el cursor del ratón sobre el botón: “configurar”, pulsa el botón derecho del ratón y selecciona: “abrir enlace en una pestaña nueva”. De esta manera se te abrirán las opciones de configuración en una nueva pestaña.
Ahora verás una serie de redes sociales. Escribe la URL de la página de cada una de las redes sociales en las que estás presente. La que dejes en blanco no aparecerá.
A continuación pulsa el botón de guardar.
Para ver los cambios abre la tienda haciendo clic sobre el texto: “Mi Tienda” que aparece en el menú superior parte derecha del panel de administración.
En el footer o parte inferior de la web verás el texto: “Síganos” y los iconos de las redes sociales que has configurado anteriormente.
Al hacer clic sobre cada una de ellas deberá aparecer la página de la red social correspondiente.
2.1.1.2.- Boque de información de contacto (Blockcontactinfos) Prestashop
A través de esta opción podremos modificar la información de contacto que aparece en el footer o parte inferior de la web.
Como en el caso anterior pulsamos con el botón derecho del ratón sobre el botón configurar y abrimos en una nueva pestaña.
Ahora rellenaremos: el nombre de la tienda, dirección, número de teléfono de contacto y correo electrónico de contacto.
A continuación pulsamos el botón de guardar.
Ahora pulsamos en “Mi tienda” en el menú de la parte superior. En el footer o parte inferior de la tienda se deben reflejar los cambios que hayamos realizado.
Información de contacto de la tienda Pretashop
Mostrar botones para compartir en redes sociales en la página de los productos.
En una opción anterior configuramos los iconos que aparecen en la parte inferior de la web y que enlazan hacia las redes sociales en las que estamos presentes.
Ahora lo que haremos será editar a través de que redes sociales los usuarios podrán compartir los diferentes productos de la tienda online. Solo podremos elegir entre: Facebook, Twitter, Google + y Pinterest.
Editar botones de compartir en Redes Sociales en Prestashop
Procedemos a la configuración de este apartado haciendo clic en el botón “configurar”.
Ahora simplemente dejaremos en “si” las redes sociales a través de las cuales queremos que se puedan compartir los productos de la web y en “no” las que no queramos.
A continuación pulsamos en Guardar.
Ahora ve a la tienda Prestashop y busca un producto cualquiera. Sitúa el cursor del ratón sobre un producto y pulsa el botón “Mas” para acceder a la ficha de dicho producto.
En la ficha verás que a la derecha de la imagen del producto y bajo la descripción del mismo aparecen las redes sociales que has personalizado a través de las cuales se permite compartir productos de la tienda.
2.1.1.4.- Bloque caja Facebook me gusta (Blockfacebook)
Mostrar el bloque de Facebook de la página principal. Este apartado sirve para editar la caja de Facebook que aparece en la página de inicio de la tienda Prestashop.
Para configurar que página de Facebook es la que debe aparecer procedemos a configurar dicho apartado haciendo clic sobre el botón configurar.
Escribe la URL de tu página de Facebook y pulsa guardar. Si la url está correctamente escrita aparecerá la imagen de la caja de la url que has introducido.
Editar bloque de Facebook de Prestashop
Solo es válido introducir la url de páginas de Facebook no de perfiles personales. Si introduces la url de un perfil personal, la caja de Facebook no se cargará.
Recuerda que la url de tu página de Facebook tendrá una estructura similar a esta:
https://www.facebook.com/nombredetupagina
Aquí tienes más info sobre este apartado de configuración del bloque de Facebook en Prestashop
2.1.1.5.- Bloque de información CMS Personalizado (Blockcmsinfo)
Mostrar el bloque de información CMS Personalizada. En la página de inicio de Prestashop puedes ver que a la derecha de la caja de Facebook aparecen dos bloques.
Un bloque tiene una serie de iconos y el otro no.
Bloque de información CMS Personalizado
Para configurar estos dos bloques, volvemos al panel de administración de Prestashop y pulsamos el botón de configurar y abrimos en una nueva pestaña.
Verás que tenemos dos bloques. Un bloque con ID =1 y un bloque con ID=2. El bloque con ID=1 se corresponde con el de los iconos el de ID=2 con el otro.
2.1.1.5.1.- Bloque de los iconos (ID=1)
Para configurar el bloque de los iconos. Es decir, el bloque con ID=1, ponemos el ratón sobre el botón de modificar y hacemos clic con el botón derecho seleccionando la opción: “abrir enlace en una pestaña nueva”.
Editar el Bloque CMS con iconos de Prestashop
Vemos que aparece un editor de texto con tres títulos y tres descripciones. Ahora editaremos dichos títulos y subtítulos teniendo en cuenta que el primer título y subtitulo se corresponde con el icono del camión, el segundo con el icono del teléfono y el tercero con el icono de la tarjeta de crédito.
A continuación pulsamos el botón de guardar y hacemos clic sobre “Mi tienda” para ver los cambios realizados.
2.1.1.5.2.- Bloque sin iconos (ID=2)
Ahora configuraremos el bloque con ID=2. Para ello seguiremos el mismo procedimiento que hicimos con el bloque de los iconos. Pondremos el ratón sobre el botón de modificar y haremos clic con el botón derecho seleccionando la opción: “abrir enlace en una pestaña nueva”.
Ahora nos encontraremos con otro editor, y un texto con un título, un subtítulo y una descripción. Ahora procederemos a editar dichos textos y pulsaremos el botón de guardar. A continuación haremos clic sobre “Mi tienda” en el menú superior para ver los cambios realizados.
Editar el bloque de información CMS con id=2
2.1.1.6.- Vista rápida Prestashop
Muestra la ventana de vista rápida en la página de inicio y las páginas de categorías en Prestashop:
Si ponemos el cursor del ratón sobre un producto veremos que aparece un botón que pone: “vista rápida” (en la plantilla por defecto de Prestashop). Si hacemos clic sobre dicho botón, aparece una ventana emergente con los datos más relevantes del producto. La vista rápida es una manera de ver las características más importantes de un producto sin tener que acceder a la ficha del mismo (sin cambiar de url).
Vista rápida en Pretashop
A través de esta opción podemos activar o desactivar la vista rápida. Si ponemos el selector en “NO” y posteriormente pulsamos en “guardar” ya no tendremos las opción de ver un producto a través de la vista rápida.
A través de esta opción podemos elegir cual será la imagen que aparecerá en la parte superior de la plantilla Prestashop 1.6 por defecto.
Como hemos hecho en casos anteriores situaremos el ratón sobre el botón “configurar”, pulsaremos el botón derecho y elegiremos: “abrir enlace en una pestaña nueva”.
Recuerda que la imagen que vayas a poner en la parte superior de la web debe tener unas dimensiones de 1170×65 px (ancho x alto).
Personalizar banner superior Prestashop
En la pantalla tenemos los siguientes apartados:
a.- Imagen del Banner Superior: Pinchando en el botón “Elegir un fichero” podemos subir una imagen desde nuestro PC para que sea la que aparezca como banner superior.
b.- Enlace del Banner: Si introducimos aquí una URL, cuando alguien haga clic sobre el banner la web se dirigirá hacia dicha URL (recuerda incluir el http:// en la URL).
c.- Descripción del Banner: introduce aquí una descripción corta del significado de la imagen. Esto será bueno para el posicionamiento web. Lo que estamos haciendo es rellenar las etiquetas alt y title de la imagen o banner superior.
A continuación pulsa el botón de guardar.
2.1.1.8.- Bloque de logos de pago en Prestashop (Productpaymentlogos)
Mostrar los logos de los medios de pago disponibles:
Cuando accedemos a la ficha de un producto observamos que en la parte izquierda se sitúa la foto del producto y a la derecha aparece un panel en el cual aparece el precio del producto, el selector de cantidad y el botón de añadir al carrito. En la parte inferior de este panel aparece una imagen relacionada con las formas de pago de la tienda online.
En las versiones 1.6.0.x aparece una imagen con los siguientes elementos: paypal, tarjeta visa, tarjeta Master Card y SSL.
En las versiones 1.6.1.x aparece una imagen con el logo de Visa y Master Card.
Bloque de logos de pago en Prestashop
Lo recomendable es utilizar una imagen con el mismo tamaño al utilizado en el ejemplo. En el caso de las versiones 1.6.0.x el tamaño utilizado es de 245×62 px (ancho x alto). En el caso de las versiones 1.6.1.x el tamaño utilizado es de 233×60 px (ancho x alto).
Para configurar este apartado procedemos como en los anteriores casos. Situaremos el cursor del ratón sobre el botón “configurar”, haremos clic sobre él con el botón derecho del ratón y elegiremos la opción: “abrir enlace en una pestaña nueva”.
En la pantalla de configuración nos aparecerán las siguientes opciones:
a.- Bloque título: si escribimos un texto aquí, éste aparecerá justo encima de la imagen de logos de pago.
b.- Imagen del bloque: a través del botón “Añadir archivo” podemos subir una nueva imagen que sustituya a la de ejemplo.
c.- Enlace de la imagen: Si introducimos aquí una URL. Cuando alguien haga clic sobre la imagen el navegador dirigirá al usuario hacia la URL que hayamos incluido (recuerda incluir el http:// en la URL). Esto está pensado para enlazar la imagen con las condiciones de compra o algún apartado dedicado a las formas de pago de la tienda.
2.1.1.9.- Live Configurator
A través de este elemento podemos elegir los colores de la plantilla y la fuente de texto de los títulos (la fuente elegida no afectará a todos los textos de la web, sólo afectará a algunos títulos de texto).
Para utilizar el Live Configurator situamos el cursor sobre el botón “ver”, pulsamos el botón derecho del mismo y elegimos la opción: “Abrir enlace en una pestaña nueva”.
Verás que se abre la página de inicio de la tienda. Fíjate que en el lateral izquierdo aparece una especie de botón con el icono de unos engranajes. Haz clic con el botón izquierdo del ratón sobre el botón.
Editar diseño de la plantilla con el Live Configurator
Verás que se despliega un panel con algunas opciones. Es posible que no veas el panel completo. Para poder verlo completo tendrás que jugar con las siguientes opciones:
Reducir zoom navegador: CTRL –
Ampliar zoom navegador: CTRL +
Volver al estado original del zoom: CTRL 0
a.- Color del tema: hace referencia a la combinación de colores para la tienda online. Elige la combinación de colores que quieras y verás una pre visualización de cómo quedaría la web. Si quieres guardar los cambios pulsa el botón de Guardar que aparece en la parte inferior del panel.
Si quieres volver al color original pulsa el botón “Reinicializar” que aparece en la parte inferior del panel.
b.- Fuente: Para elegir una fuente haz clic sobre el botón desplegable: “Elige una fuente” y selecciona una de ellas. Verás una pre visualización de la misma. Como en el caso anterior, para que los cambios sean permanentes deberás pulsar el botón de Guardar que aparece en la parte inferior del panel.
En caso de que quieras volver a la fuente original sólo tendrás que pulsar el botón “Reinicializar” que aparece al final del panel.
Ten en cuenta que la fuente elegida sólo afectará a algunos textos de la web. Esencialmente a algunos de los títulos que en ella aparecen.
Recuerda al terminar la configuración de este apartado pulsar los botones (CTRL 0) para poner el zoom del navegador al tamaño original.
2.1.1.10.- Mostrar las subcategorías
Cuando hacemos clic sobre una categoría de la tienda online. La plantilla de Prestashop por defecto nos mostrará en primer lugar la categoría seleccionada y a continuación las subcategorías que dependen de la primera. A continuación aparecerán los diferentes productos que pertenecen a la categoría seleccionada.
Mostrar subcategorías en Prestashop
A través de esta opción podemos activar o desactivar esta característica. Es decir, si en el selector elegimos las opción: “NO” y pulsamos en guardar, cuando seleccionemos una categoría no nos aparecerán las subcategorías de la misma.
2.1.2.- Bloque o sección: “CONFIGURADOR DE TEMAS”
Seguimos en el módulo Configurador de temas o theme configurator. En el punto anterior hemos estado configurando el bloque: “AJUSTES” que aparecía en la parte superior, ahora vamos a ver el bloque denominado propiamente como “Configurador de temas” que aparece más abajo.
2.1.2.1.- Ganchos o Hook
Observa que el bloque está dividido en varios ganchos. Un gancho es algo así como un lugar de la plantilla donde se puede insertar algún tipo de contenido.
Observaras que hay 5 ganchos: gancho “Home”, gancho “top”, gancho “left”, gancho “right” y gancho “footer”.
2.1.2.2.- Gancho “Home”
En la plantilla por defecto de Prestashop el gancho “Home” está formado por 5 imágenes. Estas imágenes aparecen en la parte inferior de la página de inicio pero por encima del footer.
Editar imágenes de la página de inicio de Presashop
Las tres imágenes superiores tienes unas dimensiones de 383×267 px (ancho x alto). Mientras que las dos imágenes inferiores tienen unas dimensiones de:
a.- La situada más a la izquierda tiene unas dimensiones de: 383×142 px (ancho x alto)
b.- la situada a la derecha tiene unas dimensiones de: 777×142 px (ancho x alto)
Es hora de ponerse a diseñar las imágenes de nuestra página de inicio con las dimensiones antes señaladas.
Una vez creadas procederemos a editar las imágenes que vienen por defecto. Verás que en el panel de administración de Prestashop aparece un botón a la derecha de la imagen a editar con el nombre: “Modificar”. Pulsa el botón de modificar de la imagen que quieras sustituir y verás cómo más abajo se despliegan una serie de opciones:
a.- Activar: para que la imagen esté en funcionamiento (sea visible) o por el contrario no lo esté.
b.- Título de la imagen: introduce un título descriptivo de la imagen. El texto que incluyas servirá para rellenar las etiquetas alt y title de la imagen, elemento fundamental para el Posicionamiento web. El título no será visible para los visitantes de la web, “solo” será visible para Google.
Editar imágenes de la home de Prestashop
c.- Usar título frontal: para que el título de la imagen aparezca bajo ella. No lo marques pues se perdería la distribución actual de la plantilla.
d.- Hook para el que se pueden añadir imágenes: para elegir el gancho o hook en el que se acoplará la imagen. Deja el que viene por defecto, el de “Home”.
e.- Cargar su imagen: para subir una imagen que sustituya a la actual. Pulsa el botón examinar y sube la imagen que sustituirá a la que viene por defecto.
f.- Ancho de imagen: para modificar las dimensiones de la imagen (Ancho). Dejar como está para no perder la configuración de bloques de la plantilla por defecto.
g.- Alto de la imagen: para modificar las dimensiones de la imagen (Alto). Dejar como está para no perder la configuración de bloques de la plantilla por defecto.
h.- Objetivo del enlace: aquí debes escribir la url a la que quieres que vaya el usuario cuando haga clic sobre la imagen. Para que no cometas errores al introducir la url, mi recomendación es que introduzcas la url completa (incluso el http://). Si no quieres que el usuario vaya a otro lugar al hacer clic en la imagen deja la casilla en blanco.
i.- Abrir el enlace en una nueva pestaña: en caso de haber puesto una url de destino en el apartado anterior (Objetivo del enlace). Si marcamos la casilla, al hacer clic sobre la imagen se abrirá una nueva pestaña del navegador para mostrar la página de destino. En caso contrario la página de destino aparecerá en la pestaña actual del navegador.
j.- Código HTML Opcional: sirve para añadir código HTML al hook. Lo dejamos en blanco.
k.- Guardar: recuerda pulsar el botón de guardar al realizar cualquier modificación para que los cambios sean guardados.
Siguiendo el mismo procedimiento editaremos las cinco imágenes del hook o gancho: “Home”.
2.1.2.3.- Gancho top
El gancho top está situado a derecha del slider y está compuesto por dos imágenes de 381×219 px (ancho x alto).
Procederemos de igual manera que para el gancho “Home”. Primero crearemos dos imágenes de los tamaños adecuados.
Posteriormente editaremos las dos imágenes del gancho “Top” y las sustituiremos por las nuevas imágenes siguiendo el procedimiento del punto anterior.
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.
Hola tengo instalado prestashop 1.7 con el tema classic y no consigo colocar 4 imagenes de productos por fila tanto en categorias como subcategorias,he probado modificar css pero no veo ningún cambio no sé que estaré haciendo mal.
Buenas Dani.
Ten en cuenta que la plantilla Classic no tiene opciones de personalización. Cada cosa de diseño que quieras hacer, tendrá que ser con código. Yo trabajo, siempre con la plantilla Warehouse Aquí te dejo también un post con las que creo son las mejores plantillas para Prestashop.
En cuanto a tu consulta tendrás que hacer modificaciones de código, y probar. Aquí te dejo algún hilo. Pero si no te vale, puedes buscar más:
https://www.prestashop.com/forums/topic/592240-cambiar-de-3-productos-por-fila-a-cuatro/
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
Saludos
como logro que al igual que en la versión 1.6 en la 1.7 salga el logo de visa y MasterCard en la pagina de cada producto?
Buenas.
Puedes poner directamente la imagen la descripción corta del producto. También podrías activar la barra lateral en los productos, y con un módulo html añadir la imagen a la barra lateral. Si usas una plantilla que no sea la que viene por defecto es posible que ya incluya algún módulo que te pueda servir para eso.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
Hola, como puedo editar el mapa que sale en la primera página inferior para poner la dirección de la empresa?
Hola Sara
en la página de inicio con la plantilla que viene por defecto en Prestashop (plantilla classic) no sale ningún mapa
No sé a que te refieres.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
Hola! en prestashop 1.7 qué manera tengo de quitar las opciones de “comparar, comprar, añadir a la lista de deseos”? cuando paso el cursor por encima de un producto?
Buenas Sara.
Ese tipo de opciones dependen de la plantilla que estés utilizando. Es decir, has de buscar en las opciones de personalización de tu plantilla.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, SEO General, SEO Ecommerce, Analytics tiendas online, Blog Prestashop, Curso Copywrting, Woocommerce, WordPress, etc. etc.
Buenas tardes Joaquín,
Me gustaría saber si en Elementor para Prestashop podemos tener la opción de guardar un bloque o sección como widget global, tal y como podemos hacer en WordPress. Esto es una ventaja, ya que si hacemos cambio en uno en especial, al guardarlo se actualiza el mismo en todas las páginas donde aparezca.
Un cordial saludo.
Buenas José Carlos,
Si te refieres al page builder Elementor que incluye la plantilla Warehouse, no lo permite. Efectivamente, en otros page builders de WordPress, si es posible. Como por ejemplo con el divi builder. Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tenéis cursos sobre Prestashop, Warehouse, Curso claves para crear una tienda online de éxito, Curso alta en google e indexación web, curso SEO Ecommerce, SEO General, Analytics tiendas online, Blog Prestashop, Woocommerce, WordPress, Divi, Astra, Elementor, Diseñador web freelance, etc. etc.
Se puede cambiar de posición el botón ( añadir al carrito) quisiera trasladarlo mas arriba. Gracias.
Prestashop
Hola Luis.
En la plantilla por defecto de prestashop no hay opciones para cambiar la posición del botón de añadir al carrito
Hola Joaquin,
Ante todo gracias por el artículo andaba perdidísima y me has ayudado mucho. A mi me gustaría poner el Bloque caja Facebook me gusta (Blockfacebook) en el footer. ¿Es posible? ¿cómo lo hago?
Gracias de antemano.
Saludos,
Macarena
Buenas,
Para probar debes investigar la forma de añadir módulos a los hooks de Prestashop.
Muy buena pagina, Joaquin
Tengo una pregunta
¿Cual el el fichero que maneja las preferencias de pago en prestashop 1.7?
Cuando intento entrar en Preferencias de pago sale un pantallazo en blanco.
Gracias
Hola José Luis,
A las preferencias de pago se acceder desde: «PERSONALIZAR > Pago > Preferencias». El fichero de Prestashop de esto no se cual puede ser.
Puedes probar a activar el modo debug, realizar el acceso, y luego buscar el error.
Hola Joaquín:
Subí las fotos de mis productos en png, pero en la pagina web me aparece como jpg, y no se ven con muy buen calidad de imagen a pesar de que las imágenes originales que subí son de alta calidad en png. Como puedo hacer que el formato de las fotos de mi pagina web se vean en png?
gracias por tu atencion
Hola Fernando,
Echa un vistazo a la configuración que tienes en: «PERSONALIZAR > Diseño > Ajustes de imágenes»
Hola Joaquin
cuando veo mi pagina en mi teléfono, las fotos del catalogo de mi pagina se ven borrosas, como si tuvieran baja resolución las fotos. En la pc se ven muy bien. Como corrijo ese detalle. Necesito que las imágenes se vean con muy buena calidad, en la versión para android. Estoy usando el tema classic de prestashop 1.7
Gracias por tu atencion
Hola Fernando,
1.- ¿Dónde se ven mal las fotos, en la ficha de producto o cuando estás viendo los productos de una categoría?
2.- ¿Que dimensiones estás usando para las imágenes de los productos? ¿y qué resolución?
Se ven mal en la pagina de inicio y en las categorias. La resolución es la predeterminada de la plantilla es de 250×250 px.
intente hacer mas grande el tamaño de la foto pero se desconfigura el diseño de la pagina en android.
Buenas,
250×250 px para el tamaño de las fotos es muy poco. Yo probaría cambiando alguna imagen a 800 x 800 px que es lo habitual (mínimo) que se utiliza en Prestashop
Hola. Deseo saber si se puede insertar más de un banner en la página principal y si se pueden alinear varios juntos, al estilo de esta demo:
http://www.showdemo023ps.com.es/megaask/es/
También deseo saber si se puede insertar más de un bloque de texto personalizado.
Caso negativo, desearía conocer si existe algún modulo que lo haga, a ser posible gratuito. Gracias por anticipado por la atención.
Hola Emilio,
En la plantilla por defecto de Prestashop 1.6 no puedes añadir otro banner. Para añadir más bloques de texto puedes añadir algún módulo tipo Content box o del tipo HTML Box
Hola Joaquin, ¿se puede crear un gancho de varias imagenes en prestashop 1.7 como se podia en 1.6?
¿y un menú de destacados, vendidos y novedades?
Hola Manu,
No se muy bien a que te refieres con un hook de varias imágenes.
En cuanto a las páginas de productos más vendidos, productos nuevos (novedades), productos con descuentos, etc. Si que vienen en Prestashop algunas páginas predefinidas de este tipo, que automáticamente te muestra productos filtrados.
Por ejemplo, en la demo de Prestashop puedes ver algunas de estas páginas en el footer, en el apartado «Productos»
hola
Como puedo abrir la plantilla que viene por defecto en el Prestashop 1.7.4.1 en el Template Toaster 7?
Me interesa modificar algunas características de esa plantilla.
Gracias por tu atencion
Buenas Fernando,
En Prestashop solo puedes tener una plantilla activa. Es decir, si utilizas una plantilla de pago no puedes usar la plantilla por defecto de Prestashop al mismo tiempo
<Gracias por responder.
No me explique bien. Mi pregunta era la siguiente.
Yo quiero modificar el un software que se llama Template Toaster una plantilla de prestashop 1.7. Quiero modificar algunos detalles de la plantilla classic que viene por defecto con el prestashop. Se como descargar desde prestashop la plantilla classic pero no se como abrir ese archivo en el software Template Toaster.
Gracias por tu atencion Joaquin.
Hola Fernando,
¿Me estás preguntando cómo se usa el Software Template Toaster?, yo no lo conozco ni lo he utilizado nunca. Por lo que he leido es un software para crear plantillas, pero no se si te permitirá modificar plantillas ya realizadas. En cualquier caso, las dudas sobre como usar este software las debes realizar en la página de este software, ya que son ellos los que conocen la herramienta.
gracias
Un saludo
Hola Joaquin,
Estoy pensando en optimizar la tienda online con Prestashop para dispositivos móviles con un módulo AMP.
¿Son estos sistemas de aceleración para móviles compatibles con la plantilla Warehouse o puedo tener problemas con el diseño?
Gracias!
Un saludo
Hola Fernando,
Esta funcionalidad no la incluye ninguna plantilla por defecto, es necesario instalar un módulo que se encarga de crear esta versión AMP de las páginas de la web.
Por ejemplo, aqui tienes algunos de estos módulos AMP para Prestashop: https://addons.prestashop.com/es/search.php?search_query=amp
Hola Joaquin.
Antes que nada muchas gracias por compartir tan ampliamente tus conocimientos.
Estoy trabajando en customizar la plantilla por defecto (le entiendo a CSS y PHP, y con nivel intermedio a Smarty) pero he llegado a un punto muerto. Mi pregunta es, como puedo configurar un modulo para que aparezca en un link especifico QUE NO SEA EL HOME.
Te explico un poco el caso: requiero colocar un banner a full width que reemplace la imagen que va por defecto con las categorías, que se pone a un ancho menor a full pues aparecen alli a la izquierda los filtros de categorias, precios, pesos, etc … he creado un modulo custom con la herramienta Contentbox y lo instalo y tal, pero al momento de implementarlo caigo en la cuenta de que esto solo sirve si voy a mostrar dicho módulo en el home, pero no le encuentro (y tampoco encuentro informacion) de como colocarlo en un link interior, como una categoria o por ejemplo si quiero que solo aparezca en un link de mis locales, o los términos y condiciones, etc.
Quedo pendiente de tu respuesta y anticipadamente agradezco tu atención.
Juanma, Bogotá, Colombia
Hola Juan,
No tengo experiencia en los temas que comentas, pero imagino que lo que tienes que hacer es crear un Hook (o enganche) en el lugar donde quieras poner el módulo contentbox. Luego desde la administración puedes asociar el módulo con el hook que has creado.
Te paso un enlace que habla sobre como crear un hook en prestashop (también habla de como hacerlo con Prestashop 1.7)_> Cómo crear un hook en Prestashop
Hola Joaquin
Estoy modificando mi plantilla prestashop 1.7.3.3 (apenas estoy comenzando), me estaba apoyando en toda la información que compartes y cuando cambié mi banner dejo de aparecer en mi pagina, use las medidas que pedian 1110 x 214 px. y subí mi imagen en formato jpg
Cuando oprimo guardar aparece la palomita y el letrero La configuración ha sido actualizada. pero cuando me voy a mi pagina no aparece el banner
Me regresé a modulos y servicios, modulos instalados y en banner hice clic en reiniciar (porque quizas desconfiguré algo sin darme cuenta) y nada, sigue sin verse el banner cuando paso a mi tienda (ni siquiera el banner que antes había)
Necesito ayuda, gracias
Opus ya vi que hice mal
buenas,
¿Qué hiciste mal?
Hola,
He montado un tienda online con Prestashop y la plantilla «Warehouse».
Ahora estoy instalando módulos externos comprados en «Addons.prestashop.com», en concreto he instalado el módulo «Powerful Form Generator».
El problema es que cuando intento ubicarlo en alguna página Cms con la herramienta» Elemento»r de la plantilla Warehouse, el módulo no se visualiza.
Este problema parece que es común con otros módulos externos.
La plantilla original de Prestashop los reconoce pero la plantilla Warehouse no.
¿Cómo puedo solucionarlo?
Gracias.
Buenas,
No creo que sea problema de la plantilla. Seguramente el módulo no estará ubicado en el hook adecuado.
Yo consultaría primero al soporte del módulo con el que tienes el problema.
Si te dicen que es algo relacionado con la plantilla, lo mejor será que lo consultes creando un ticket de soporte en la página de soporte de la plantilla Warehouse: Soporte Warehouse
perdon, una cosa mas, cambie las fotos del slider, y cuando hago clikc sobre la foto, en vez de mantenerme en mi tienda o agrandarme la foto, me lleva a prestashop.com, por que hace eso?? como lo soluciono. gracias.
Hola Fernando,
En la configuración de los slides hay una opción para poner una URL de destino. Seguramente tendrás la url por defecto que te lleve a la página oficial de Prestashop.
En este post tienes más info sobre el tema: Slider Prestashop plantilla por defecto (Te vale también para Prestashop 1.7, ya que las opciones son practicamente las mismas)
Hola!!, soy totalmente nuevo en esto, estoy haciendo una tienda nada serio, es para practicar (en un futuro me gustaria hacerla de verdad) y la estoy haciendo con un subdominio, mi preguntas es: cuando pongo en numbre del subdominio en un buscador se abre un aviso del hosting diciendo como que esta en obras la pagina, tengo que poner el nombre de subdominio seguido de /comercioe para que si me habra la web de la tienda, esto es normal?? porque no la habre con el nombre del subdominio sin tener que agruegar «/comercioe»??
Ya que estamos tambien pregunto, esto es de prueba y no hay archivo csv, ni cosas asi. Los productos se tienen que subir de en uno en uno?? subi 7 productos y ya me agobio jejeje, no quiero pensar si son, por ejemplo, 100!
Gracias de antemano. Una maravilla el articulo.
Hola Fernando,
Lo siento, he leido varias veces tu comentario, pero no consigo entender a que te refieres. Explícamelo más detenidamente y ponme las urls reales para que pueda ver a que te refieres.
En cuanto al tema de los productos, los puedes crear uno a uno o subirlos de manera masiva con un archivo CSV (independientemente de si tu web está en un dominio o un subdominio):
i.- Subir productos vía CSV Prestashop
ii.- Subir variaciones de productos vía CSV Prestashop
No me abre la pagina, poniendo la url tal y como la registre, me abre la pagina si pongo la url que registre seguido de /comercioe
no se por que me hace esto
saludos.
No lo sé,
consulta a tu empresa de hosting a ver si te pueden ayudar con eso. Ya que seguramente será algo que hayas hecho durante la instalación
Hola Joaquin:
Acabo de instalar en local una tienda en prestashop 1.6..1.17 y no se por que no aparece el sidebar izquierdo en la home. He mirado en posicion de los módulos y esta marcado. ¿ que puedo hacer para solucionarlo ?. Gracias de antemano
Buenas,
en la home de Prestashop 1.6 por defecto no sale la barra lateral o sidebar.
Para mostrar la barra lateral en la home en Prestashop 1.6 debes ir a «Preferencias > Temas > Ajustes avanzados» y en el bloque «Apariencia de las columnas» debes activar la columna izquierda o derecha en la página «Index» que se corresponde con la home.
Hola Joaquín!
Necesito de tu ayuda, he creado una multitienda con dos dominios diferentes y cada uno con su idioma. He realizado la configuración para cada tienda, localización, idioma, país, zonas. El problema es el siguiente: Cuando estoy creando producto y cambio de tienda no cambia el idioma de forma automática, hay que cambiarlo de forma manual. por otra parte si estoy navegando en el back office y cambio de tienda me indica que debo de iniciar nuevamente sesión pero con el dominio de la tienda que he cambiado. Puede que sea algo que no este finalizado en la nueva versión de prestashop 1.7.2 o sea un problema de configuración del servidor.
Muchas gracias, un saludo!
Hola Franklin,
Pues lo cierto es que no lo sé. Mi experiencia en multitiendas es cero.
Yo, consultaría al hosting para poder descartar que sea problema de la configuración del hosting, y buscaría información en inglés sobre esa temática.
Buenos días, quería añadir el módulo información de seguridad y confianza para el cliente en la versión 1.6. Lo de la configuración no tengo problema, és fácil e intuitivo. El problema es que cuando lo dejo activado y configurado no me salen en el Front Office. ¿Cómo puedo solucionarlo?
¡Muchas gracias por toda la información que ofreces!
Gracias Sandra,
En principio cuando se instala un módulo, éste debería colocare automáticamente en el hook adecuado para aparecer en el front Office. Pero no siempre sucede esto.
En este post puedes ver como se incluye un módulo en un hook: Módulo contentbox
Lo suyo sería que consultaras a los autores del módulo en que hook has de colocar el módulo para que éste se vea correctamente
Hay alguna manera de poner en la pagina de inicio lineas de tres productos separando cada linea con imágenes o textos?
Buneas Jon,
con la plantilla que viene por defecto con Prestashop 1.6 o 1.7 no es posible,
tendrías que utilizar una plantilla de pago que permita personalizar la home.
En breve voy a sacar una serie de entradas de blog sobre la plantilla para prestashop 1.6 y 1.7 denominada WHAREHOUSE que es para mi la mejor plantilla para Prestashop y que entre muchas cosas permite personalizar la home con un potente page builder.
Hola he puesto en el gancho footer una imagen para que salga encima del footer pero al refrescar no me aparece que me aconsejas? Gracias
Buenas,
¿pero has usado un módulo para poner la imagen? ¿has usado contentbox?
Hola Joaquín,
Estoy considerando si empiezo a usar Prestashop, lo que pasa es que por ahora lo veo muy enfocado a venta de bienes físicos. Yo tengo una agencia de traducción, y a la hora de hacer pedidos es un poco más complicado, sería elegir el idioma de origen, el de destino, el número de palabras, subir el archivo y ya saldría la cantidad final a pagar por el cliente (espués entraría en el carrito, que creo que me serviría) ¿crees que se puede hacer de alguna manera relativamente sencilla o debería intentar centrarme en otra herramienta?.
Muchas gracias por tu ayuda.
David
Hola David,
Lo que comentas no será fácil hacerlo sin desarrollo a medida,
en cualquier caso yo miraría con woocommerce ya que tiene más plugins para añadir más variadas funcionalidades a la tienda online.
En cualquier caso te adelanto que lo que el tipo de tienda online que tienes en mente será difícil hacerla sin desarrollo a medida.
Un saludo
Hola , quería saber como puedo poner un enlace al modulo del blog en mi menú horizontal
Buenas,
¿estás utilizando el módulo de smartblog?
Más info Módulo Smartblog
No, estoy utilizando uno llamado leo blog,porque el smartblog no lo encuentro por ninguna parte.
Gracias por contestar
Kike, no he utilizando nunca ese blog.
Yo lo que haría sería ver la URL de la página del blog y después ir al módulo de menú horizontal e introducir el enlace al blog como un enlace personalizado.
Un saludo
Buenas tardes,
Quisiera suprimir las dos fotografías del gancho TOP y ocupar ese espacio por las diapositivas pero en un tamaño más grande.
Saludo cordial
Buenas,
prueba a quitar las imágenes del gancho top y modificar la anchura de las diapositivas en el modulo slider.
Un saludo
Hola Joaquin,
hace dos años que intento poner al punto mi web http://www.valeriasbikeaccessories.com pero es siempre una pelea porque la misma persona que la hizo no conocía del todo bien Prestashop.
Mi principal pregunta es, como hago para enviar un email de confirmación al cliente una vez termine de comprar? Y como envío un email con el numero de seguimiento?
Muchas gracias
Un saludo
Valéria Lopes
Hola Valeria,
1.- Prestashop envía correos de manera automática a los clientes cuando hay un cambio en el estado de pedido. Los Estados de pedido los puedes configurar desde: pedidos > Estados
2.- Aquí te dejo un enlace sobre el tema de añadir el número de seguimiento al correo de pedido envíado.
Hola, como puede hacer para activar la opción de gancho Top, ya que por error, le di Eliminar elemento. Muchas gracias.
Hola Erika,
esto se gestiona desde: «Módulos > Posiciones de los módulos» en Prestashop 1.6. No has podido desactivar el gancho top, lo que habrás hecho imagino será quitar algún módulo de dicho gancho. Para añadir módulos a un gancho o hook tienes que ir a: «Modulos > Posiciones de los módulos > Insertar un hook» y ahí eliges el hook al que quieres añadir algún módulo y el módulo en cuestión.
Esto que te comento podría variar de aguna manera dependiendo de la plantilla que estés utilizando.
Un saludo
Hola, cuando tienes la página web guardada en favoritos, por ejemplo en el iphone me aparece el icono del pingüino, como puedo carmbiarlo? muchas gracias
Hola José,
ese icono es lo que se conoce como el Favicon,
puedes cambiar el favicón de la web en al misma parte donde se modifica el logo de Prestashop. Aquí tienes un post donde explica donde modificar el logo y el favicón en prestashop
Un saludo
como puedo quitar el icono del pinguino en el administrador de pagina
Buenas Janeth,
no se puede hacer desde el panel de administración.
Tendrías que buscar el icono en los archivos de prestashop y sustituirlo por otro.
Un saludo
Hola Juaquin, como puedo poner en la plantilla default bootstrap de Prestashop 1.6.1 la barra lateral en la izquierda en la home
Muchas gracias
Hola Manuel,
para que aparezca el sidebar o columna de prestashop en la home o página de inicio utilizando la plantilla por defecto de Prestashop 1.6 tienes que:
ir a «Preferencias > temas > Ajustes Avanzados».
A continuación en el bloque denominado «Apariencia de las columnas» busca la fila «index»(que es la home) y en la columna de nombre «Columna izquierda» haz clic sobre el «aspa rojo» para que aparezca «la v en verde».
Un saludo
Hola,
Quisiera saber que archivo debo editar para poder cambiar algunos parametros del codigo de la pagina de inicio de la tienda online.
Y también por que me sale tan agolpado el codigo fuente.
Mi direccion es : http://www.artesaniacorma.com
Más que todo es para poner las palabras claves en el inicio, para tener un mejor posicionamiento en los buscadores google.
Gracias por tu atención, de todas las que he leido, tu web es de las más fiables.
Hola Toni G.,
1.- Para editar las etiquetas «title» y «meta description» de la página de inicio debes hacerlo desde «Preferencias > SEO + URLS» y luego darle a modificar sobre «Index»
2.- Para añadir texto normal en la home y etiquetas H1,H2, etc mi recomendación es que utilices el módulo ContentBox
3.- El código sale tan apelotonado porque lo ves a través del navegador, si lo ves con un editor de código se verá bien
Un saludo
Buenas tardes, estoy modificando las imágenes del gancho home, manteniendo sus medidas y al guardar, no sé porque se ve en la web mucho más grande y la localiza más abajo.
Qué podria estar pasando ??
Muchas gracias por su ayuda,
Saludos
Hola Laura,
veo que estás usando una plantilla que no es la que viene por defecto en Prestashop. Lo que se comenta en este post es específico para la plantilla que viene por defecto. Para resolver tu problema debes contactar con el soporte de la empresa que te vendió la plantilla. Si la compraste a través de Addons Prestashop, tienen mecanismos para que contactes con el desarrollador. Solo ellos, saben como funciona la plantilla y todas sus particularidades.
Un saludo
Hola, disculpa, como puedo poner una serie de 3 banner por debajo del banner principal hook top?
Hola Alejandro,
Si añades más imagenes al gancho «top» seguramente apareceran en línea debajo de las que hay. Para que aparecieran en una línea yo probaría a utilizar un módulo como el content box. Te adjunto un post donde explicar como usarlo: content box
Un saludo
Hola
Existe la posibilidad de poner el bloque de facebook dentro del footer? me refiero a la version de prestashop 1.6.1.6 estamos a vueltas con ello y o no damos con ello o no sabemos hacerlo ( estamos empezando… )
De igual forma en esta versión en las fichas de producto ya no figura la opcion de introducir las keywords, ya no son tan relevantes?
Existe algun modulo para poder poner las H1 por ejemplo en el titulo o similar en vez de tener que andar tocando codigo?
Gracias
Hola José,
1.- meta keywords: ya no se pueden introducir las meta keywords ya que estas ya no tienen ninguna influencia en el SEO. Si influirán la etiqueta «title» y «meta description».
2.- H1: Con el editor de texto de Prestashop puedes poner h1 donde quieras. Además cuando creas un producto Prestashop automaticamente pondrá el título del producto con un h1.
3.- Facebook en footer: tengo que hacer unas pruebas a ver si es posible y te digo.
Un saludo
Hola José,
Para añadir el bloque de facebook en el footer de Prestashop debes añadir el siguiente código en modules/blockFacebook/blockFacebook.php
public function hookFooter($params)
{
return $this->hookDisplayHome($params);
}
Esto hará que te aparezca el hook displayFooter para poder añadir el bloque de facebook. Pero seguramente tendrás que tocar también los CSS para adaptar el diseño. Aquí tienes un enlace donde lo explica como añadir el bloque de facebook al footer en Prestashop
Por si te sirve aquí te dejo lo que parece ser otro módulo gratuito de bloque de facebook para Prestashop que parece que si permite ser añadido al footer. Aquí tienes el enlace
Un saludo