Guía Plantilla Garden — Medidas de imágenes y secciones.

Gustavo Moreno
Komercia
Published in
3 min readMar 28, 2021

La plantilla Garden, permite un alto nivel de personalización con gran cantidad de imágenes y secciones nuevas. Aquí te enseñaremos como modificarla y crear una increíble tienda online.

Editor de plantilla Graden

En el menú derecho del editor, encontraras las diferentes secciones que puedes modificar. No todas las secciones incluyen imágenes, algunas son únicamente de texto o colores así que nos la incluiremos en esta guía.

  • Todos los tamaños de la guía, se encuentran en píxeles (PX).
  • Puedes ocultar las secciones que no quieras usar.

Banner

En esta plantilla puedes subir hasta 3 banners principales. En cada banner puedes subir una imagen principal que ocupa toda la pantalla y dos opcionales para complementar tu banner.

  • Imagen banner (fondo azul): 1600 x 750 * principal
  • Imagen derecha (foto mujer): 582 x 690 *opcional
  • Imagen pequeña sobre el texto (izquierda): 120 x 60 *opcional
Banner

Contenido

Son las 4 imágenes abajo del banner, que se pueden usar para categorías, promociones, productos destacados, entre otros.

  • Imagen 1 cuadro (izquierda): 500 x 500px
  • Rectángulo 1 (verde — medio): 384 x 230px
  • Rectángulo 2 (rosado — medio): 384 x 230px
  • Rectángulo 2 (azul — derecha: 283 x 480px

Promociones

Sección con imagen de fondo grande. Contiene información, donde puedes incluir otra imagen más pequeña junto al texto en el centro.

  • Imagen pequeña en el centro: 200 x 90
  • Imagen de fondo grande (completo): 1400 x 500

Cómo trabajamos?

Esta sección es informativa para hablar acerca de lo que haces en tu empresa. Contiene tres imágenes, todas de igual tamaño.

  • 200 x 190px

Instagram

En esta sección podrás publicar algunas de las imágenes que tienes en tu Instagram, invitando a tus usuario a seguirte en redes. Todas las imágenes deber ser cuadradas y tienen el mismo tamaño.

  • Imagen cuadrada de 250 x 250

Pie de página

Puedes cambiar el fondo o dejarla sin imagen de fondo. En el ejemplo contiene una imagen completa que tiene un fondo blanco y unas imágenes de flores en los extremos derecho e izquierdo para dar decoración al contenido.

  • 1400 X 240px

Página de productos

La página de productos permite incluir una imagen de fondo para el encabezado de la sección, en este caso es el fondo de color rosado atrás de la palabra “Productos”.

  • Imagen de fondo: 1400 x 350px

Esperamos que haya sido de gran ayuda este articulo, si te gustó este artículo, por favor haz 👏 y compártelo con tus amigos. Recuerda, puedes aplaudir hasta 50 veces , realmente hace una gran diferencia para nosotros.

--

--

Gustavo Moreno
Komercia

Founder & CTO at Komercia. Entrepreneur, developer and passionate for technology. Working on projects that provide solutions through use of technology