Popular Articles

  1. ¿Cómo defino categorías de productos destacados?

    Podés definir distintas categorías para los productos destacados, por ejemplo productos destacados principales y secundarios . 1. Colocá el siguiente código en el archivo sections.txt : primary name = Principal descriptio...
  2. ¿Cómo muestro y edito el menú de navegación?

    Desde el adminitrador de tu tienda puedes crear menúes para incluir links a tus categorías, páginas de contenido, links externos, etc. Estos menúes pueden ser indepentiendes o incluirse como submenúes de otros menúes. Puedes acceder a los ...
  3. ¿Cómo mostrar fotos en la página de producto?

    Si querés que se muestra una sola foto dentro de la página de producto, deberás agregar el siguiente código:  {% if product.featured_image %} {{ product.featured_image | product_image_url('medium') | img_tag }} {% endif %} En...
  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. 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.  ...
  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. ¿Cómo muestro los logos de los medios de pago y envío?

    Para mostrar los logos en todas las páginas deberás agregar en el archivo layout.tpl debes utilizar las variables settings.payments y settings.shipping . {% for payment in settings.payments %} {{ payment | payment_logo | im...
  8. Store

    Este objeto representa a la tienda y es generalmente usado en combinación con otros objetos. Podés usarlo de dos formas: sólo para mostrar la información o para preguntar algo. store.name: Es el nombre de la tienda. store.url: Es la URL...
  9. ¿Cómo muestro el listado de productos?

    1. Agregar el siguiente código en home.tpl  ara crear el listado de productos: {% for product in products %} {{ product.featured_image | product_image_url("medium") | img_tag(product.name) | a_tag(product.url) }} {{ pr...
  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...