New Articles

  1. Productos relacionados

    En este tutorial, vamos a agregar los productos relacionados que se muestran al pie de la página de detalles del producto. Los productos relacionados se muestran usando un slider que en mobile muestra una imágen por slide y en desktop 4. Esta f...
  2. Barra de categorías en la página de inicio

    En este tutorial vamos a agregar un componente en la página de inicio para mostrar las categorías. HTML Lo primero que vamos a hacer es crear las carpetas home y navigation dentro de la carpeta snipplets, si es que todavía no las tenés. 1...
  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. ¿Cómo creo un formulario de contacto?

    1. Agregar el código en contact.tpl : {% if contact %} {% if contact.success %} El mensaje ha sido enviado con éxito, muchas gracias. {% else %} "Debes completar los datos de con...
  5. ¿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...
  6. ¿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...
  7. ¿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...
  8. ¿Cómo crear un banner configurable por el usuario?

    1. Añadí el siguien código en settings.txt : Homepage     meta         icon = picture-o         advanced = true     title         title = Imagen de la homepage     image         title = Imagen de la homepage         original = imag...
  9. ¿Cómo implementar Scroll infinito en el listado de productos?

    Las plantillas de Tienda Nube ofrecen scroll infinito por defecto. Para poder imitar este comportamiento, debes tener en cuenta las siguientes consideraciones: 1. El código para crear listado de productos tiene que estar encapsulado en un tem...
  10. ¿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 ...