Popular Articles

  1. Métodos

    Un método en Twig es una función con parámetros creada desde PHP para que pueda ser llamada en el front end usando solo una línea de código. Por ejemplo usamos métodos para generar las URLs de CSS, pero en ...
  2. ¿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: <!-- Login, Logout y Mi Cuenta --> {% if '...
  3. 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...
  4. Hooks de Javascript

    Es importante saber que a la hora de personalizar una plantilla de Tienda Nube , hay componentes de la maqueta que son críticos para que las funcionalidades funcionen correctamente por ese motivo identificamos estos componentes con algo llam...
  5. 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. <html><h...
  6. ¿Cómo cargo un Javascript?

    El archivo Javascript debe ser subido adentro de la carpeta Static y referenciado de la siguiente forma: {{ 'js/script.js' | static_url | script_tag }} ...
  7. Static

    Esta carpeta contiene todo los archivos de estilos: css y scss , archivos de comportamientos JavaScript , imágenes incluidas dentro del theme y el archivo checkout.scss.tpl . CSS Lógica En nuestro Base Theme, utilizamos como es...
  8. Productos personalizados

    En este artículo vamos a agregar campos para ofrecer productos más personalizados. Por ejemplo para los casos donde la tienda vende remeras estampadas con un número y un nombre.  Esta información será llevada...
  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. Banners informativos

    En el este tutorial vamos a agregar banners informativos, básicamente son banners que contienen: Un ícono Un título  Un texto Un link (opcional) Tenemos un total de 7 banners para distintos mensajes: Medios de env&...