Popular Articles

  1. Estructura de Carpetas

    Layouts Contiene el archivo layout.tpl que contiene el html común a todas las pantallas. En este archivo se abre y se cierra la etiqueta , se incluye el , y los componentes del body que no son específicos de cada pantalla, como la navegación, ...
  2. Mejorando la carga de imágenes y SVGs

    El primer paso y el más importante para mejorar la velocidad de carga de un sitio son las imágenes. Si todavía no sabes bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si ya trab...
  3. Mejorando la carga del CSS

    El CSS puede es un factor clave a la hora de “adelantar contenido” a los usuarios para que puedan ir viendo algo mientras se carga el sitio, en lugar de una pantalla en blanco que no dice nada. Si todavía no sabes bien como medir la velocidad de tu ...
  4. 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 incluye el carrito de compras co...
  5. 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 utiliza para incluir log...
  6. ¿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: {% if 'mandatory' not in store.customer_accounts %...
  7. Snipplet, include y embed

    Usando Twig podemos incluir snipplets, que son los archivos “.tpl” dentro de la carpeta con su mismo nombre, de tres formas. Estas nos dan la posibilidad de reutilizar un mismo componente en más de un lugar, optimizando el código y facilitando su m...
  8. ¿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. img_tag(" T...
  9. Campos personalizados en el carrito

    En este tutorial vamos a ver como agregar campos personalizados dentro del carrito de compras. Puede servir por ejemplo para productos en los cuales se necesite una dedicatoria o aclarar información adicional respecto al envío. Esta informaci...
  10. Layout

    Dentro de la carpeta /layouts vas a encontrar un único tpl llamado layout.tpl que es utilizado como un marco para todo el Theme. El contenido de este archivo se va a replicar en todas las pantallas y secciones de la tienda. Vas a encontrar las ...