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. 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...
  6. 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 ...
  7. 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...
  8. Carrito de compras editable

    El carrito asincrónco le permite al comprador modificar las cantidades que quiere comprar del producto (o eliminar productos directamente) sin que la página vuelva a cargar, simplemente se actualizan las cantidades. Básicam...
  9. ¿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...
  10. Layout.tpl | Archivo

    Por defecto, el archivo de layout que se utiliza es layouts/layout.tpl. Aquí se definen los componentes comunes a todas las pantallas, como el header, footer, etc. Si existe alguna pantalla que no debe contener estos elementos, se puede ...

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