Popular Articles

  1. 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...
  2. Campos personalizados en el carrito

    En este tutorial vamos a ver como agregar campos personalizados dentro del carrito de compras. Puede servir por ejemplo para productos en los cuales se necesite una dedicatoria o aclarar información adicional respecto al envío. ...
  3. 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 uti...
  4. ¿Cómo cargo una imagen al FTP?

    La imagen debe ser subida adentro de la carpeta Static y referenciada de la siguiente forma: {{ "imagen.jpg" | static_url | img_tag (store.name) }} El alt de una imagen puede ser pasado como parámetro entre comillas. ...
  5. ¿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...
  6. 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...
  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&iacut...
  8. 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...
  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. ¿Cómo cargo una hoja de estilo CSS?

    El archivo CSS debe ser guardado dentro de la carpeta Static y referenciado de la siguiente forma en el archivo layout.tpl : {{ 'css/style.css' | static_url | css_tag }} El CSS también puede ser un archivo .sass o .t...