FAQs

Articles

¿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...
¿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 }} ...
¿Cómo agrego las opciones de Registro e Inicio de Sesión?
Los compradores en tu tienda pueden crear una cuenta para poder ver el estado de sus compras. Para incluir los links necesarios en la tienda, simplemente debes agregar los siguientes links: <!-- Login, Logout y Mi Cuenta --> {% if '...
¿Cómo defino categorías de productos destacados?
Podés definir distintas categorías para los productos destacados, por ejemplo productos destacados principales y secundarios . 1. Colocá el siguiente código en el archivo sections.txt : primary n...
¿Cómo creo un formulario de contacto?
1. Agregar el código en contact.tpl : <!-- Código para un formulario de contacto --> <div class="form"> {% if contact %} {% if contact.success %} <div class="contact-o...
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...
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 encontra...
Mejorando la carga de imágenes y SVGs
El primer paso y el más importante para mejorar la velocidad de carga de un sitio son las imágenes. Si todavía no sabes bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la veloci...
Mejorando la carga del CSS
El CSS puede es un factor clave a la hora de “adelantar contenido” a los usuarios para que puedan ir viendo algo mientras se carga el sitio, en lugar de una pantalla en blanco que no dice nada. Si todavía no sabes bien como medir ...
Midiendo la velocidad de tu sitio
Entender cómo está parado tu sitio en términos de velocidad, es fundamental  para saber donde podés accionar para mejorarlo. En Tienda Nube usamos dos herramientas de Google para medir la velocidad: PageSpeed y...
Mejorando la carga del Javascript
Antes de avanzar, si todavía no sabés bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si bien mejorando la carga de las imágenes vas a aumentar bastant...