Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

Diseñando Tienda Nube

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 --> {...
¿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...

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.