Popular Articles

  1. ¿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 }} ...
  2. Métodos

    Un método en Twig es una función con parámetros creada desde PHP para que pueda ser llamada en el front end usando solo una línea de código. Por ejemplo usamos métodos para generar las URLs de CSS, pero en este caso lo combinamos con filtros (todo ...
  3. 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...
  4. ¿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...
  5. 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...
  6. Static

    Esta carpeta contiene todo los archivos de estilos: css y scss , archivos de comportamientos JavaScript , imágenes incluidas dentro del theme y el archivo checkout.scss.tpl . CSS Lógica En nuestro Base Theme, utilizamos como estructura gener...
  7. Product

    Este objeto representa a un producto de la tienda. brand: Nombre de la marca del producto. name: Nombre del producto. price: Precio del producto en centavos (es decir, si el precio es $100 el valor de price será 10000). Si compare_at_price está ...
  8. Productos personalizados

    En este artículo vamos a agregar campos para ofrecer productos más personalizados. Por ejemplo para los casos donde la tienda vende remeras estampadas con un número y un nombre.  Esta información será llevada luego al checkout y por último se verá ...
  9. 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...
  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 .tpl . Si la hoja...