Cargando

Ir a contenido



Ver Más! Que no te lo cuenten, es mejor VERLO 👀 !! En este vídeo verás una buena forma de entender cómo trabajamos para ayudarte. Únete, y danos tu Like 👍🏻 para ayudarnos, GRACIAS!


 


PrestaShop - Bloque Central

En este tutorial veremos como modificar el bloque central, de forma que podamos generar una gran imagen de cara a nuestros usuarios y potenciales clientes.


Escrito por el dic 18 2013 04:07 PrestaShop modificar el bloque central tienda online


El bloque central de nuestra tienda posee una gran importancia, ya que una vez que nuestros usuarios o clientes identifican nuestra imagen, necesitamos que asocien nuestro logo con calidad y con contenido interesante.

En el tema de PrestaShop tenemos un sub logo si queremos llamarlo así que nos permite ver un punto central de la página al cual le podemos dar protagonismo.

El Bloque Central

Como mencionamos, este bloque es donde la imagen protagonista, o principal se ubica, está en la columna central de nuestro Frontoffice o el lobby de nuestra tienda por decirlo con un termino más clásico.

La importancia radica en que esta sección es posiblemente la primera que nuestros visitantes observan al momento de ingresar a nuestra tienda, por lo que si queremos que pasen de ser visitantes a clientes, debemos proyectar toda la calidad de nuestros productos.

Para ello disponemos con la posibilidad de colocar una imagen, al igual que el logo no debemos escatimar en recursos y esfuerzos en realizar una imagen en alta calidad y resolución, y si nos podemos apoyar en estudios de mercados mucho mejor.

Para modificar esta sección debemos realizar los siguientes pasos:
  • Debemos ir a Backoffice --> módulos --> herramientas --> editor de texto de inicio.
  • En esta sección podemos editar la imagen del bloque central, además de poder modificar otros datos importantes en nuestra tienda.
Veamos la siguiente imagen de como luce esta sección donde podemos editar el bloque central:



prestashop_bloquecen1.jpg


Como pudimos observar la sección que necesitamos editar es el logo del homepag, veamos lo antes mencionado en la siguiente imagen:



prestashop_bloquecen2.jpg


Para reemplazar esta imagen, debemos hacer lo siguiente:
  • Hacer click en el botón de actualizar.
  • Luego hacer click en el botón examinar.
  • Elegir la imagen correspondiente y aceptar para que suba a nuestro tema:

prestashop_bloquecen3.jpg

  • Guardamos y luego refrescamos para ver el cambio reflejado en nuestra tienda.
Es posible trabajar con diferentes tamaños de imagen, sin embargo lo mas recomendable es trabajar con un tamaño de imagen seguro que es un ancho máximo de 530 px, con esto aseguramos que nuestra columna central mantenga las proporciones, de esta manera nuestro diseño no sufrirá muchos cambios.

Veamos ahora una pantalla preliminar de como va quedando nuestro tema modificado con todos estos cambios que hemos venido implementando.



prestashop_bloquecen4.jpg


Podemos notar que hay un cambio importante a pesar de mantener los colores del tema por defecto, como mencionamos al inicio, es muy importante que tomemos en seriedad las imágenes que subimos, tratando de no subir imágenes pixeladas o de poca calidad, ya que si queremos hacer de nuestra tienda una tienda exitosa, debemos proyectar esa imagen de calidad y buen gusto, sobre todo si nuestros productos son textiles o prendas.

Con esto finalizamos este tutorial, como podemos ver hacer los cambios necesarios para modificar nuestro tema no es nada complejo, simplemente necesitamos un poco de buen criterio con las imágenes y estudiar nuestro Backoffice para saber donde encontrar las opciones necesarias.
¿Te ha gustado y ayudado este Tutorial?
Puedes premiar al autor pulsando este botón para darle un punto positivo
  • -
  • 0

Tutoriales Relacionados


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!
-
VOTA
5
0%
4
0%
3
0%
2
0%
1
0%

  Información

  •   Publicado dic 18 2013 04:07
  •   Actualizado dic 26 2013 12:23
  •   Visitas 842
  •   Nivel
    Avanzado