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. 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_...
  4. 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...
  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. 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...
  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. 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...
  9. Selectores ID

    Como su nombre lo indica, los IDs sirven para asociar elementos únicos dentro del HTML que pueden ser manipulados, por ejemplo, con JavaScript. De hecho, al ser un elemento único es más rápido para el navegador encontrarlo para manipularlo como qu...
  10. 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...