-
En los themes de Tiendanube usamos clases llamadas helpers o utilities, las cuales sirven para aplicar una propiedad aislada de CSS. Por ejemplo si necesitamos que un texto esté alineado al centro, usamos la clase “text-center”: {{ “Texto” | ...
-
En este tutorial te contamos cómo implementar el botón que accede a la conversación por WhatsApp con el administrador de la tienda: HTML 1. Crea dentro de la carpeta snipplets el archivo whatsapp-chat.tpl con el siguiente contenido: {% if...
-
Last Updated: 06/11/2015
in Funcionalidades y FAQs FAQs 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 .tpl . Si la hoja...
-
En este tutorial vamos a ver cómo tener un carrusel de imágenes en la página de inicio que sólo se muestre en celulares. Esta necesidad puede surgir cuando un único carrusel de imágenes no alcanza para cubrir computadoras y celulares, ya que el dis...
-
En este tutorial, vamos a agregar los productos relacionados que se muestran al pie de la página de detalles del producto. Los productos relacionados se muestran usando un slider que en mobile muestra una imágen por slide y en desktop 4. Esta f...
-
Last Updated: 24/07/2024
in Acerca del theme Base
En Tiendanube además de la plantilla Base tenemos 19 plantillas nativas más a las cuales damos soporte.
En este artículo vamos a ver cuáles son y qué diferencias técnicas existen entre sí. Para ver las diferencias en términos del diseño, t...
-
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ío Tarjetas de crédito Se...
-
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...
-
Last Updated: 06/03/2019
in Funcionalidades y FAQs FAQs Antes de avanzar, si todavía no sabés bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si bien mejorando la carga de las imágenes vas a aumentar bastante la velocidad, el Javascrip...
-
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 único para los banners que dependiendo donde...