New Articles

  1. Data estructurada JSON-LD

    En nuestros themes, cambiamos la forma de proveer el contenido de cada tienda a Google. Esto se relaciona principalmente con la información de los productos como nombre, precio, url, stock, etc. Ahora, utilizamos el formato JSON-LD , lo que nos per...
  2. Midiendo el posicionamiento y accesibilidad de tu sitio

    Entender cómo está parado tu sitio en términos de SEO y Accesibilidad, es fundamental para saber dónde podés accionar para mejorarlo. En Tiendanube usamos dos herramientas de Google para medir la velocidad: PageSpeed y Lighthouse . Ambas he...
  3. Segunda imagen en rollover

    En este tutorial vamos a implementar el comportamiento para que en los listados de productos, al pasar por un producto, muestre la segunda imagen del mismo. HTML 1. Lo primero que vamos a hacer, es agregar la segunda imagen (si es que el produc...
  4. Textos editables en el carrusel

    En este tutorial vamos a ver cómo podemos agregar texto editables al carrusel de la página de inicio, dejando campos para: Link (existe por defecto) Titulo Descripción Botón Color Para el theme Base vamos a modificar el componente que ya ...
  5. Resultados de envíos y puntos de retiro

    En este tutorial explicamos cómo mostrar los resultados del calculador de envíos destacando las mejores opciones y dividiendo entre opciones de envío a domicilio y puntos de retiro. Antes de comenzar es necesario aclarar que este tutorial no inc...
  6. Paginado Clásico

    El theme Base cuenta con una paginación híbrida entre infinite-scroll y botón para ver más productos, pero en este tutorial vamos a agregar la clásica paginación con números y navegación entre diferentes páginas. HTML 1. Lo primero que vam...
  7. 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 llamado header-adverti...
  8. Objetos

    Los objetos son variables determinadas por la plataforma. Y cada objeto tiene diferentes atributos que son separados por un punto. Podemos llamar a estos objetos de dos maneras: {% ... %} y {{ ... }} . La primera se utiliza para ejecutar sentenc...
  9. category.tpl

    Este archivo comienza con algunos seteos importantes a la hora de mostrar el listado de productos de una categoría determinada. Por un lado vamos a tener la comprobación de la existencia de filtros dentro de la categoría: {% set has_filters = insta...
  10. search.tpl

    En este archivo cargamos los resultados de una búsqueda hecha en la tienda. Así como en category.tpl, acá mostramos una lista de productos con un paginado definido por la siguiente etiqueta que determina cuántos se van a mostrar por página o cada ve...