Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

Popular Articles

  1. Layout | Carpeta

    En esta carpeta se guardan todos los layouts que se utilizan en el diseño. Por default se utiliza layout.tpl. Este archivo contiene el html común a todas las pantallas. Aquí se abre y se cierra la etiqueta <html>, se ...
  2. Templates | Carpeta

    En esta carpeta van los html específico de cada pantalla. Recuerda que no tienes que abrir un <html> aquí, dado que ya fue abierto en layout.tpl . Esta carpeta debe contener: home.tpl — Página de ini...
  3. Newsletter Pop-up

    1. Añadí el Javascript en layout.tpl .  Primero colocá: {{ 'js/jquery.cookie.js' | common_cdn | script_tag }} before {% head_content %}. Luego, debés poner el código que hace funcionar...
  4. Product

    Este objeto representa a un producto de la tienda. 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á seteado, price re...
  5. Página en Construcción

    Una funcionalidad muy necesaria para una tienda es la de contar con la posibilidad de mostrar una página de "construcción" o "mantenimiento". En particular, la funcionalidad de "Página en construcci...
  6. Barra de categorías lateral en la home

    Esta barra de categorías es similar a la funcionalidad de Filtros en las páginas de productos, solo que se encuentra visible únicamente en la home de la tienda . Dependiendo de la plantilla elegida, la barra puede ubicarse a la...
  7. Static | Carpeta

    En esta carpeta guarda todas las imágenes, css y javascript que quieras usar en el diseño. Encontrarás la hoja de estilos principal “style.css”, aquí puedes cambiar los css para adaptarlos a tu diseño...
  8. Settings.txt

    Dentro del archivo settings.txt definimos todas las variables que el dueño de la tienda va a poder configurar desde su Administrador Nube desde Diseño > Opciones de Diseño. La estructura de cada variable en este archivo ...
  9. ¿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...
  10. Imagen por variante

    Esta funcionalidad permite relacionar una imagen dependiendo de la variante de producto. Ejemplo: tengo una remera con una variante en azul y rojo, y quiero mostrar las fotos de ambos modelos.  1. En layout.tpl registrar una funci&...

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