Popular Articles

  1. 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...
  2. 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...
  3. product.tpl

    En el template del detalle de producto vamos a encontrarnos con la estructura que contiene principalmente a 2 snipplets: product/product-image.tpl product/product-form.tpl Pero el archivo comienza con un contenedor con varias clases .js- que re...
  4. contact.tpl

    Como la mayoría de los templates, este archivo comienza con el snipplet page-header.tpl para mostrar los breadcrumbs y el título que en este caso es “Contacto” {% embed "snipplets/page-header.tpl" %} {% block page_header_text %}{{ "Contacto"...
  5. 404.tpl

    La página del error 404, funciona como resguardo cuando un usuario quiere ingresar a una URL que ya no existe más o esté equivocada. Consiste en el título, incluido con el snipplet page-header.tpl , un mensaje sobre la inexistencia de la página en...
  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. Imagen de la tienda al compartir su link

    En este tutorial vamos a ver cómo agregar la posibilidad de usar otra imagen diferente al logo de la tienda a la hora de compartir el link de su página de inicio o de una categoría.  Esta imagen, técnicamente conocida como OG image (Open Graph Imag...
  8. Puntos de anclaje para aplicaciones

    Las plantillas de Tiendanube tienen selectores de HTML pensados para que aplicaciones o agentes externos puedan anclarse al diseño de cada tienda sin tener que adaptar su código en base a cada plantilla. Estos componentes están representados por el...
  9. Order

    Este objeto representa la orden de un cliente de la tienda. Este objeto extiende el objeto Cart lo que significa que tiene también todos sus atributos. id: Id del de la orden. number: Número de la orden. date: Fecha de creación...
  10. Filtros y orden de productos

    En este tutorial vamos a ver cómo agregar los filtros de categorías y propiedades, así como la posibilidad de ordenar los productos. Entre las propiedades a filtrar se encuentran: Variantes del producto Marca Precio Campos personalizados En ...