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 .tpl . Si la hoja...
¿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:
{% if 'mandatory' not in store.customer_accounts %...
¿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
name = Principal
descr...
¿Cómo creo un formulario de contacto?
1. Agregar el código en contact.tpl :
{% if contact %}
{% if contact.success %}
El mensaje ha sido enviado con éxito, muchas gracias.
{% else %}
"Debes completar los datos de con...
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...
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 encontrarlo para manipularlo como qu...
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 velocidad de tu sitio Si ya trab...
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 la velocidad de tu ...
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 Lighthouse . Ambas devuelven r...
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 bastante la velocidad, el Javascrip...
Midiendo el posicionamiento y accesibilidad de tu sitio
Entender cómo está parado tu sitio en términos de SEO y Accesibilidad, es fundamental para saber dónde podés accionar para mejorarlo. En Tiendanube usamos dos herramientas de Google para medir la velocidad: PageSpeed y Lighthouse . Ambas he...
Data estructurada JSON-LD
En nuestros themes, cambiamos la forma de proveer el contenido de cada tienda a Google. Esto se relaciona principalmente con la información de los productos como nombre, precio, url, stock, etc. Ahora, utilizamos el formato JSON-LD , lo que nos per...
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” . Carritos Abandonados: Se envía a los c...
5 cambios de performance para aplicaciones
La velocidad de carga (o performance) es un punto más que importante para las conversiones de la tienda. Cuanto más segundos demoremos en que un usuario pueda ver el contenido o navegar la página, más probable es que abandone el sitio. Think w...
¿Cómo arreglo las imágenes deformadas en Google Chrome 121?
El 24 de enero del 2024 Google lanzó una nueva versión de Chrome (121). En algunos casos, esta actualización hizo que las imágenes de los carruseles de imágenes se vieran deformadas, debido a estilos propios del navegador. ¿Cómo lo arreglo? ¡...