Popular Articles

  1. ¿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. ...
  2. Snipplets

    Los snipplets son la unidad mínima de HTML dentro de una plantilla y se encuentran dentro de la carpeta con su mismo nombre.  Representan componentes aislados que pueden ser incluidos en uno o varios lugares de la tienda como por ejempl...
  3. Objetos

    Los objetos son variables determinadas por la plataforma. Y cada objeto tiene diferentes atributos que son separados por un punto. Podemos llamar a estos objetos de dos maneras: {% ... %} y {{ ... }} . La primera se utiliza para ejecutar sentenc...
  4. 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. ...
  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. Textos editables en el carrusel

    En este tutorial vamos a ver cómo podemos agregar texto editables al carrusel de la página de inicio, dejando campos para: Link (existe por defecto) Titulo Descripción Botón Color Para el theme Base vamos a mod...
  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. Popup de compra rápida

    En este tutorial vamos a ver cómo agregar un popup con el formulario de producto, el cual puede ser visto desde el ítem en el listado de productos. HTML 1. Lo primero que vamos a hacer, es agregar un nuevo snipplet llamado quic...
  9. Información de medios de pago y cuotas

    En este tutorial, vemos cómo agregar visibilidad sobre medios de pago y cuotas en tu diseño: El código en este tutorial incluye: Cuotas en el listado de productos, el detalle del producto y el carrito (solo aplica en tiendas ...
  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...