Popular Articles

  1. Layout.tpl

    Todas las variables disponibles en layout.tpl también están disponibles en todos los archivos. store Objeto Store que representa a la tienda. powered_by_url Markup de la URL que debe ser incluída para indicar q...
  2. ¿Cómo mostrar fotos en la página de producto?

    Si querés que se muestra una sola foto dentro de la página de producto, deberás agregar el siguiente código:  {% if product.featured_image %} <a href="{{ product.featured_image | product_image_u...
  3. URLs

    add_param El filtro add_param agrega un parámetro a la URL recibida como parámetro. {# url = 'http://www.google.com' #} {{ url | add_param('param', 5) }} {# retorna 'http://www.google.com?param=5' ...
  4. ¿Cómo crear un banner configurable por el usuario?

    1. Añadí el siguien código en settings.txt : Homepage     meta         icon = picture-o         advanced = true     title &...
  5. Banners

    En este tutorial vamos a ver cómo podemos agregar banners con las siguientes particularidades: Imagen Título Descripción Texto del botón Link Alineación Para el theme Base creamos un componente ún...
  6. Product_image

    Este objeto representa a la imagen de un producto de la tienda. id: Id de la imagen. name: Nombre de la imagen. alt: Texto alternativo. position: Posición de la imagen en la lista de imágenes del producto. La prime...
  7. ¿Cómo muestro los logos de los medios de pago y envío?

    Para mostrar los logos en todas las páginas deberás agregar en el archivo layout.tpl debes utilizar las variables settings.payments y settings.shipping . <div class="payments"> {% for payment in settin...
  8. Barra de anuncio

    En el siguiente tutorial, vamos a agregar la barra que se ubica por encima del head de la tienda. Contiene un área de texto con la posibilidad de asignarle un link.  HTML 1.  Para comenzar vamos a crear un nuevo snipplet llama...
  9. ¿Cómo muestro el listado de productos?

    1. Agregar el siguiente código en home.tpl  ara crear el listado de productos: {% for product in products %} <div class="producto"> {{ product.featured_image | product_image_url("medium") ...
  10. ¿Cómo defino la paginación del listado de productos?

    1. Colocar el siguiente código en el archivo en donde deseás mostrar la paginación: <!-- código para paginar --> {% if pages.previous %} <a href="{{ pages.previous }}">Anterior</a&g...