Popular Articles

  1. category.tpl

    Este archivo comienza con algunos seteos importantes a la hora de mostrar el listado de productos de una categoría determinada. Por un lado vamos a tener la comprobación de la existencia de filtros dentro de la categoría: {% set has_filters = insta...
  2. Cartel de porcentaje de descuento

    En este tutorial vamos a ver como mostrar un cartel que calcula el porcentaje de descuento cuando un producto tiene un precio original y un precio promocional, tanto en el detalle del producto como en el listado: Este porcentaje se calcula cuand...
  3. WebP y Thumbnails

    Como vimos en el artículo el peso y formato de las imágenes es muy importante para la velocidad de carga de nuestras tiendas. En este caso vamos a entender un poco más sobre el formato WebP, los tamaños de imágenes y cómo aplicarlo. En Tiendanube...
  4. Language

    Este objeto representa a uno de los idiomas habilitados en la tienda. id: Código ISO 639-1 del idioma y Código ISO 3166-1 del país (Ejemplo: es_AR). code: Código ISO 639-1 del idioma seguido por un guión bajo y el código ISO 3166-1 del ...
  5. Mensaje informativo

    En el siguiente tutorial, explicamos cómo agregar al calculador de envíos una alerta antes de finalizar la compra.  HTML Dentro del snipplet shipping_options.tpl agregamos el siguiente código para que se muestre un mensaje al calcular un enví...
  6. Precio con descuento por medio de pago

    En el este artículo vamos a agregar la posibilidad de mostrar el precio con descuento por un medio de pago en los listados, el detalle del producto y el carrito de compras: HTML 1. Dentro de la carpeta snipplets vamos a agregar el com...
  7. Descripción de Categoría

    En este tutorial vamos a agregar la descripción de categoría.  Para el theme Base creamos un componente que muestra la descripción de la categoría. En el caso que la categoría no tenga cargada una descripción, no se va a mostrar nada. HTML 1. ...
  8. Productos

    has_custom_image El filtro has_custom_image retorna true si el usuario subió una imagen para esta propiedad desde opciones de diseño. false en otro caso. body{ {% if "custom_background.jpg" | has_custom_image %} background-...
  9. Formato

    is_valid_email El filtro is_valid_email devuelve true si el parámetro recibido es un e-mail válido. false en otro caso. {# email = 'email@ejemplo.com' #} {% if email | is_valid_email %} {# E-mail válido #} {% else %} {# E-mai...
  10. Section

    Este objeto representa a una sección del diseño de la tienda según definidas en sections.txt. Cada sección tiene asociada un conjunto de productos destacados. id: Código de la sección. name: Nombre de la sección. description: D...