Popular Articles

  1. ¿Cómo defino la paginación del listado de productos?

    1. Colocar el siguiente código en el archivo en donde deseás mostrar la paginación: {% if pages.previous %} Anterior {% endif %} {% for page in pages.numbers %} {% if page.selected %} {{ page.number }} {% el...
  2. Lazy load

    En algunos tutoriales incluimos la técnica de lazy load, para la cual usamos el plugin  Lazysizes .  Básicamente lo que hace es evitar cargar imágenes que no están dentro del campo visual en la pantalla del dispositivo donde se muestra el sitio.  ...
  3. Paginado Clásico

    El theme Base cuenta con una paginación híbrida entre infinite-scroll y botón para ver más productos, pero en este tutorial vamos a agregar la clásica paginación con números y navegación entre diferentes páginas. HTML 1. Lo primero que vam...
  4. URLs

    add_param El filtro add_param agrega un parámetro a la URL recibida como parámetro. {# url = 'http://www.google.com' #} {{ url | add_param('param', 5) }} {# retorna 'http://www.google.com?param=5' #} add_params El filtro add_...
  5. Introducción a tutoriales

    En esta parte de la documentación vamos a encontrar tutoriales de cómo agregar funcionalidades específicas a tu diseño, como puede ser por ejemplo un popup de subscripción a newsletter. Es importante aclarar que todos los artículos se encuentran ba...
  6. Imagen de categoría

    En este tutorial vamos a agregar imágenes por categoría, tanto una imagen general que va a aparecer en todas las categorías como imágenes particulares de cada una. Para el theme Base creamos un componente que muestra la imagen general a menos qu...
  7. Nuevas opciones de pago personalizado

    En este tutorial vamos a  agregar en la tienda la visualización de la funcionalidad de múltiples pagos personalizados, que permite diferenciar diferentes formas de pago como “Depósito Bancario”, “Transferencia”, “A convenir / Efectivo” y “Pix”  con ...
  8. Product_image

    Este objeto representa a la imagen de un producto de la tienda. id: Id de la imagen. name: Nombre de la imagen. alt: Texto alternativo. position: Posición de la imagen en la lista de imágenes del producto. La primer imagen tiene...
  9. Data estructurada JSON-LD

    En nuestros themes, cambiamos la forma de proveer el contenido de cada tienda a Google. Esto se relaciona principalmente con la información de los productos como nombre, precio, url, stock, etc. Ahora, utilizamos el formato JSON-LD , lo que nos per...
  10. Midiendo el posicionamiento y accesibilidad de tu sitio

    Entender cómo está parado tu sitio en términos de SEO y Accesibilidad, es fundamental para saber dónde podés accionar para mejorarlo. En Tiendanube usamos dos herramientas de Google para medir la velocidad: PageSpeed y Lighthouse . Ambas he...