New Articles

  1. 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...
  2. Hooks de Javascript

    Es importante saber que a la hora de personalizar una plantilla de Tienda Nube , hay componentes de la maqueta que son críticos para que las funcionalidades funcionen correctamente por ese motivo identificamos estos componentes con algo llamado Js...
  3. Promociones

    En este tutorial vamos a agregar las promociones en tu diseño, ofreciendo la posibilidad de mostrar y aplicar promociones del tipo: 2x1, 3x1, % de descuento sobre un producto o a partir de una determinada cantidad de unidades. Las promociones se mu...
  4. Sellos Personalizados

    En este tutorial te vamos a explicar cómo se puede agregar un sello o logo personalizado para que aparezca en el footer de la tienda, desde la sección Personalizar mi diseño actual en el Administrador nube. Por lo general se utiliza para incluir log...
  5. Página en Construcción

    La página en construcción permite ocultar productos y páginas internas de la tienda en momentos en los que no se quieren recibir visitas, ya sea porque aún no fue lanzada o está bajo proceso de renovación. Es una página donde se muestra info...
  6. 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...
  7. 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...
  8. ¿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...
  9. ¿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...
  10. ¿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...