Popular Articles

  1. Botón de chat a través de WhatsApp

    En este tutorial te contamos cómo implementar el botón que accede a la conversación por WhatsApp con el administrador de la tienda: HTML 1. Crea dentro de la carpeta snipplets el archivo whatsapp-chat.tpl  con el siguiente contenido: {% if...
  2. Banners informativos

    En el este tutorial vamos a agregar banners informativos, básicamente son banners que contienen: Un ícono Un título  Un texto Un link (opcional) Tenemos un total de 7 banners para distintos mensajes: Medios de envío Tarjetas de crédito Se...
  3. Config

    Dentro de esta carpeta tenemos todos los archivos relacionados a la configuración del theme desde el Administrador nube. data.json Gracias a este archivo es posible actualizar los colores en tiempo real sin tener que refrescar la página en el Admi...
  4. Productos relacionados

    En este tutorial, vamos a agregar los productos relacionados que se muestran al pie de la página de detalles del producto. Los productos relacionados se muestran usando un slider que en mobile muestra una imágen por slide y en desktop 4. Esta f...
  5. ¿Cómo defino categorías de productos destacados?

    Podés definir distintas categorías para los productos destacados, por ejemplo productos destacados principales y secundarios . 1. Colocá el siguiente código en el archivo sections.txt : primary name = Principal descr...
  6. ¿Cómo muestro y edito el menú de navegación?

    Desde el adminitrador de tu tienda puedes crear menúes para incluir links a tus categorías, páginas de contenido, links externos, etc. Estos menúes pueden ser indepentiendes o incluirse como submenúes de otros menúes. Puedes acceder a los ...
  7. Clases helper o utilities

    En los themes de Tiendanube usamos clases llamadas helpers o utilities, las cuales sirven para aplicar una propiedad aislada de CSS.   Por ejemplo si necesitamos que un texto esté alineado al centro, usamos la clase “text-center”: {{ “Texto” | tr...
  8. Mejorando la carga del Javascript

    Antes de avanzar, si todavía no sabés bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si bien mejorando la carga de las imágenes vas a aumentar bastante la velocidad, el Javascrip...
  9. Carrusel de imágenes exclusivo para celulares

    En este tutorial vamos a ver cómo tener un carrusel de imágenes en la página de inicio que sólo se muestre en celulares. Esta necesidad puede surgir cuando un único carrusel de imágenes no alcanza para cubrir computadoras y celulares, ya que el dis...
  10. Banners

    En este tutorial vamos a ver cómo podemos agregar banners con las siguientes particularidades: Imagen Título Descripción Texto del botón Link Alineación Para el theme Base creamos un componente único para los banners que dependiendo donde...