Popular Articles

  1. Newsletter Pop-up

    En el este tutorial vamos a agregar un popup que aparece en la página de inicio con la posibilidad de mostrar: Una imagen Un texto Un link tanto para la imagen como el texto El formulario de subscripción al newsletter HTML...
  2. Carrito de compras rápidas

    En este artículo vamos a ver como agregar el carrito compras rápidas en tu diseño, el cual se muestra en un popup sin tener que refrescar la página a la hora de agregar un producto al carrito: Esta funcionalidad incl...
  3. Product

    Este objeto representa a un producto de la tienda. brand: Nombre de la marca del producto. 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_pric...
  4. ¿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...
  5. Página en Construcción

    La página en construcción permite ocultar productos y páginas internas de la tienda en momentos en los que no se quieren recibir visitas, ya sea porque aún no fue lanzada o está bajo proceso de renovación. ...
  6. Promociones

    En este tutorial vamos a agregar las promociones en tu diseño, ofreciendo la posibilidad de mostrar y aplicar promociones del tipo: 2x1, 3x1, % de descuento sobre un producto o a partir de una determinada cantidad de unidades. Las promocione...
  7. ¿Cómo cargo una imagen al FTP?

    La imagen debe ser subida adentro de la carpeta Static y referenciada de la siguiente forma: {{ "imagen.jpg" | static_url | img_tag (store.name) }} El alt de una imagen puede ser pasado como parámetro entre comillas. ...
  8. Sellos Personalizados

    En este tutorial te vamos a explicar cómo se puede agregar un sello o logo personalizado para que aparezca en el footer de la tienda, desde la sección Personalizar mi diseño actual en el Administrador nube. Por lo general se uti...
  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. Barra de categorías en la página de inicio

    En este tutorial vamos a agregar un componente en la página de inicio para mostrar las categorías. HTML Lo primero que vamos a hacer es crear las carpetas home y navigation dentro de la carpeta snipplets, si es que todav&iacut...