Tiendanube - Creá tu tienda online
Tiendanube - Creá tu tienda online
  • Qué ofrecemos
    • Servicios e integraciones
    • Funcionalidades
    • Tienda de diseños
    • Tienda de aplicaciones
    • Tiendanube Empresarial
    • Ayuda
  • Canales de venta Canales
    • Canales de venta
    • Tienda online
    • Tienda fisica
    • Vender en Instagram
    • Vender en Facebook
    • Vender en WhatsApp
  • Precios
  • Educación
    • Universidad
    • Ebooks
    • Blog
    • Banners
  • Historias
  • IngresarCrear mi Tiendanube
Crear mi Tiendanube
Ingresar

Lineamientos para creación de plantillas

General

  • ¿Se muestra la información de contacto de la tienda en la plantilla?
  • ¿Se muestran los logos de medio de envío y medios de pago en la plantilla?
  • ¿Funciona el paginado en todas las páginas donde se muestran productos?
    • Si tiene scroll infinito, ¿esconde el paginado regular por JS?
    • Si tiene scroll infinito, ¿la propiedad productsPerPage coincide con los productos por página establecidos en category.tpl?
    • Si tiene scroll infinito, ¿la propiedad bufferPx coincide con el alto del footer?
  • La plantilla soporta varios países e idiomas.
    • Usa banderas para diferenciar los países y no EN - ES - PT ya que dos países pueden tener el mismo idioma.
    • Todos los textos tienen | t y una traducción a EN - ES - PT en translations.txt
    • Las imágenes no tienen ningún texto (o hay una imagen para cada idioma - no recomendado). Los botones deben estar construidos enteramente en CSS.
  • El carrito muestra el número de items y el subtotal y apunta a la página de carrito.
  • El breadcrumb funciona correctamente
  • ¿La página de búsqueda tiene estilos?
  • ¿La página de error (404) tiene estilos?
  • ¿Tiene un <div class="seals"> que tiene como default display:none si no tiene sellos (para que las apps puedan ubicarse ahí)?
  • ¿Se ve bien sin productos?
  • ¿Se ve bien sin redes sociales?
  • ¿Se ve bien sin información de contacto?
  • Si está en Argentina, ¿está implementado el logo de AFIP?
  • ¿Se utiliza bxSlider para cualquier slider? http://bxslider.com/

Logo

  • Probar con una imagen dummy de 200x400
  • Probar con una imagen dummy de 400x400
  • Probar con una imagen dummy de 700x400
  • Probar con una imagen dummy de 700x200

Imagen de fondo y colores

  • La imagen personalizada del fondo funciona.
    • Se puede ubicar en cualquier posición X (arriba, abajo, izquierda, etc).
    • Se puede ubicar en cualquier posición Y.
    • Se puede establecer la imagen para repetir o no repetir.
  • ¿Hay imágenes default para el fondo?
  • Se puede establecer un color de fondo

Tipografía

  • Se puede modificar la fuente de los encabezados.
  • Se puede modificar la fuente de los textos normales.
  • Las opciones de fuentes tienen que ser consistentes con la sección de la tienda en donde se están modificando.

Cuentas de cliente

  • ¿Existe el link de login?
  • ¿Existe el link de logout?
  • ¿Existe el link para crear una cuenta?
  • ¿La página de login tiene un link para recuperar contraseña?
  • ¿La página de login muestra un error si la combinación de email y contraseña es inválida?
  • Las órdenes y páginas de orden muestran un link al checkout cuando hay órdenes abiertas.
  • ¿Todas las páginas de cliente tienen estilos?

Slideshow

  • ¿El slideshow funciona sin slides?
  • ¿El slideshow se puede desactivar? (Chequear el error de JS cuando está desactivado).
  • ¿Se sugieren los tamaños exactos de las imágenes para el slider?
  • ¿Se rompe el slider cuando las imágenes son de distinto tamaño?
  • Incluir imágenes o links para cada slide no está soportado.

Menúes

  • Todos los menúes (menos el menú principal) deben ser elegidos mediante las configuraciones de diseño.
  • Debe existir una forma de navegar las subcategorías en la tienda.
  • Los submenúes funcionan correctamente en dispositivos touch (los efectos hover se deben trasladar a efectos touch).
  • ¿Los puntos de menú activos tienen estilos?

Página de categorías

  • Se muestra el tag de “Sale” cuando el producto está en promoción.
  • Se muestra el tag de “Sin stock” cuando un producto no tiene stock.
  • El precio no se debe mostrar si es 0.
  • Si se le permite al usuario agregar productos al carrito desde la página de categoría, asegurarse de permitir elegir la variante.
  • Los títulos no deben estar truncados.
  • Se ve correctamente cuando las fotos de producto no tienen el mismo aspect ratio.
  • Las imágenes deberían tener el menor tamaño posible que sea mayor o igual a su contenedor. Esto debe cumplirse siempre que haya imágenes de productos. Por ejemplo, si el contenedor tiene 300px de ancho, usar el tamaño “mediano” que es de 320px, no usar “grande”.
  • Las imágenes están centradas horizontalmente dentro del container.
  • Las imágenes están centradas verticalmente dentro del container.
  • El grid no se rompe ni se ve mal cuando la imagen es más ancha que alta.
  • El grid no se rompe ni se ve mal cuando la imagen es más alta que ancha.
  • El grid no se rompe cuando hay varias imágenes que son más altas que anchas y mas anchas que altas (chequear especialmente el caso en el que hay una imagen significativamente más alta que las demás, con al menos una fila completa de productos debajo de ella, para ver que no haya problemas con los floats).
  • Se ve bien con imágenes con fondo transparente.
  • Se ve bien con imágenes un color pleno en el fondo (por ejemplo, blanco).

Página de producto

  • Cuando una variante se queda sin stock, no se queda todo el producto sin stock.
  • Precios y precios promocionales se muestran y se actualizan correctamente a medida que se navega por las variantes, y el formato se mantiene.
  • El grid de thumbnails no se rompe cuando las imágenes tienen aspect ratio diferente.
  • Si el precio de una variante es 0, no se debe poder agregar esa variante al carrito. En ese caso, se debe mostrar la opción para contactarse, la cual debe enviar al usuario al formulario de contacto con el parámetro ?product={product_id} seteado.
  • Se muestran las instalaciones.
  • Usa lightbox, large main image o zoom en las imágenes.
  • Productos con única variante se manejan correctamente (no debería mostrarse un dropdown si hay una única variante).
  • El CTA es claramente visible.
  • El CTA está deshabilitado cuando no hay stock del producto.
  • Productos con múltiples variantes se manejan correctamente.
  • El botón para twittear el producto está presente.
  • El botón para poner “Me gusta” está presente.
  • El botón de Pinterest está presente.
  • El botón de G+ está presente.
  • Los comentarios de Facebook generan contenido en el producto.
  • Incluye producto de Schema.org.

Página de carrito

  • El botón de “actualizar” actualiza las cantidades en el carrito.
  • La página se ve correctamente cuando el carrito está vacío.
  • El CTA es perfectamente visible.
  • ¿Ofrece cálculo de los costos de envío?
    • Muestra errores.
    • El medio de envío seleccionado se incluye en el checkout.

Página de contacto

  • Muestra mensajes de confirmación y mensajes de error.
  • Se muestra el producto cuando se ingresa con el parámetro ? del producto.
  • En la página de contacto se muestra información adicional.
  • La estrategia honeypot está implementada.
  • La estrategia change-form-action-on-submit-via-js está implementada.

Checkout

  • Se aplicaron estilos en checkout.css (requerimientos mínimos de estilos).
  • Usa el mismo esquema de colores que la plantilla y la configuración de la plantilla.

Contenido generado por el usuario

  • Todos los tags comunes de HTML tienen estilos: H1 a H6 (diferentes tamaños de fuente), tablas, listas ordenadas deberían tener números, listas no ordenadas deberían tener bullets, etc. Las imágenes no deben estar en “float” por default.
  • Los estilos deben ser los mismos a través de todo el contenido.
    • Descripción de producto.
    • Página de contenido.

SEO

  • Todos los headings (H1, H2, etc) deben tener sentido.
  • Todas las imágenes deben tener un Alt title.

Configuración de la plantilla

  • Todos los textos deben indicar claramente a qué se refieren.
  • Todo el contenido que parece ser personalizable, debe poder ser editado desde las configuraciones de diseño.
    • Las tiendas demo deben ser fáciles de reproducir utilizando las configuraciones de diseño (no con diseño a medida).
    • No debe haber una opción para remover la presencia de Tiendanube del footer.
    • No debe haber una opción para remover el link al administrador.
  • Usar como máximo 4 colores para la plantilla.
  • defaults.txt tiene todos los default que se necesitan.
  • Las configuraciones se presentan ordenadamente (por ejemplo: colores principales, luego colores secundarios).

Diseño

  • La plantilla funciona en IE8+, FF, Chrome.
    • Si es responsive, IE9+
  • La plantilla puede manejar todos los tamaños de imágenes de producto o proporciones sin que se vea incorrectamente o se rompa.
  • Todos los elementos están alineados proporcionalmente.
  • Todos los elementos tienen suficiente contraste.

CSS

  • No hay reglas !important.
  • No hay reglas *
  • Provee un reset de estilos (se recomienda http://necolas.github.io/normalize.css/).
  • No hay colores “hardcodeados” (todos se generan con SASS).

Tienda Demo

  • Hay al menos una tienda utilizando el diseño

Tienda de Diseños

  • Se provee un screenshot de la vista de escritorio y uno de móviles (si es responsive).
  • Los screenshots en la Tienda de Diseños deben mostrar todo el sitio.

Tienda online

  • Funcionalidades
  • Tienda de diseños
  • Tienda de aplicaciones
  • Vender en tu tienda
  • Vender por Facebook
  • Vender por Instagram

Contenido

  • Universidad
  • Blog
  • Ejemplos
  • Ebooks
  • Banners

Ecosistema

  • Servicios e integraciones
  • Convertite en socio
  • Tiendanube especialistas

Institucional

  • Sobre Tiendanube
  • Trabajá en Tiendanube

Atención

  • Ayuda
  • Comunidad Nube
  • Página de Status

Seguinos

  • tiendanube
  • tiendanube
  • TiendaNube
  • company/tiendanube/
  • TiendaNube

2011 - 2021 © Tiendanube - Todos los derechos reservados.
Términos y condiciones. Políticas de privacidad. Política de calidad.

Sello DATAWEB - Data Fiscal

Ingresa a tu Tienda

Recuperar contraseña

Olvidé mi contraseña
Crear otra Tiendanube
Cancelar