New Articles

  1. Mejorando la carga del CSS

    El CSS puede es un factor clave a la hora de “adelantar contenido” a los usuarios para que puedan ir viendo algo mientras se carga el sitio, en lugar de una pantalla en blanco que no dice nada. Si todavía no sabes bien como medir la velocidad de tu ...
  2. Mejorando la carga de imágenes y SVGs

    El primer paso y el más importante para mejorar la velocidad de carga de un sitio son las imágenes. Si todavía no sabes bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si ya trab...
  3. Encuestas de Google a tu tienda

    En este tutorial vamos a ver cómo agregar la insignia de las encuestas de Google en tu tienda. HTML 1. Agregamos en la carpeta static/js el archivo google-survey.js.tpl  en el que copiamos el siguiente código: {# Google survey JS for Tiendan...
  4. Publicaciones de Instagram

    En este tutorial vamos a agregar el componente para mostrar en la página de inicio las últimas publicaciones de una cuenta de instagram. HTML Lo primero que vamos a hacer es crear la carpeta home dentro de la carpeta snipplets .  1.  Dentro ...
  5. Video en la página de inicio

    En el este tutorial vamos a crear una opción para mostrar un video en la página de inicio de la tienda. Esta funcionalidad soporta links de Youtube y Vimeo. HTML 1 . Dentro de la carpeta snipplets crear un nuevo archivo llamado video-ite...
  6. 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...
  7. Productos personalizados

    En este artículo vamos a agregar campos para ofrecer productos más personalizados. Por ejemplo para los casos donde la tienda vende remeras estampadas con un número y un nombre.  Esta información será llevada luego al checkout y por último se verá ...
  8. Cantidad de productos por página

    1. Agregar el siguiente código en settings.txt dentro de “Opciones generales”: title title = Productos en el listado dropdown name = category_quantity_products description = Cantidad de productos por página ...
  9. 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...
  10. Campos personalizados en el carrito

    En este tutorial vamos a ver como agregar campos personalizados dentro del carrito de compras. Puede servir por ejemplo para productos en los cuales se necesite una dedicatoria o aclarar información adicional respecto al envío. Esta informaci...