Popular Articles

  1. 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...
  2. Estructura de Carpetas

    Layouts Contiene el archivo layout.tpl que contiene el html común a todas las pantallas. En este archivo se abre y se cierra la etiqueta <html>, se incluye el <head>, y los componentes del body que no son específicos de...
  3. Imagen por variante

    Esta funcionalidad permite relacionar una imagen dependiendo de la variante de producto. Ejemplo: tengo una remera con una variante en azul y rojo, y quiero mostrar las fotos de ambos modelos.  1. En layout.tpl registrar una funci&...
  4. ¿Cómo cargo un Javascript?

    El archivo Javascript debe ser subido adentro de la carpeta Static y referenciado de la siguiente forma: {{ 'js/script.js' | static_url | script_tag }} ...
  5. Snipplet, include y embed

    Usando Twig podemos incluir snipplets, que son los archivos “.tpl” dentro de la carpeta con su mismo nombre, de tres formas. Estas nos dan la posibilidad de reutilizar un mismo componente en más de un lugar, optimizando el c&oacu...
  6. Banners informativos

    En el este tutorial vamos a agregar banners informativos, básicamente son banners que contienen: Un ícono Un título  Un texto Un link (opcional) Tenemos un total de 7 banners para distintos mensajes: Medios de env&...
  7. Publicaciones de Instagram

    En este tutorial vamos a agregar el componente para mostrar en la página de inicio las últimas publicaciones de una cuenta de instagram. HTML Lo primero que vamos a hacer es crear la carpeta home dentro de la carpeta snipplets .&...
  8. Emails automáticos

    A continuación vamos a compartir los mails que se envían a los clientes en el transcurso de los diferentes estados de las órdenes y del registro de usuario. Se configuran desde “Configuraciones > Emails” . Car...
  9. 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 llam...
  10. Scroll Híbrido

    En este artículo vamos a ver cómo crear la funcionalidad del scroll híbrido en las páginas de categorías y los resultados de búsqueda. Pero, ¿Qué es un scroll híbrido?. Básica...