Usar la aplicación
Bloque del tema
El bloque Tabla de tallas controla cómo llegan tus clientes a la tabla en la página del producto: un enlace de texto, un botón o la tabla mostrada directamente en la página. Lo configuras una vez en el editor de temas y se aplica a todos los productos que usan esa plantilla.
Para encontrar el bloque: Tienda online → Temas → Personalizar, cambia a una plantilla de producto y haz clic en Tabla de tallas en la sección de información del producto. ¿Aún no lo has añadido? Consulta Instalación.
Visualización
| Ajuste | Qué hace |
|---|---|
| Etiqueta | El texto en el que hacen clic tus clientes. Por defecto es «Tabla de tallas» (en el idioma de tu tienda); prueba con «Guía de tallas» o «Encuentra tu talla». |
| Mostrar como | Enlace de texto (predeterminado), Botón o Integrada (tabla en la página), que coloca la tabla completa en la página del producto sin necesidad de hacer clic. |
| Alineación | Izquierda, Centro o Derecha. Solo enlace y botón. |
La mayoría de los ajustes siguientes solo aparecen con los estilos de enlace y botón, ya que una tabla integrada no tiene nada en lo que hacer clic.
Ubicación
Por defecto, el enlace se queda donde sueltas el bloque. La ubicación te permite ponerlo en la misma fila que otro elemento; el sitio clásico es junto al precio.
| Ajuste | Qué hace |
|---|---|
| Mostrar | Donde está colocado este bloque, En la misma fila que el precio o En la misma fila que otro elemento. |
| Clase o selector del elemento | Para «otro elemento»: una clase o un selector CSS de la sección de producto de tu tema, como product__title o .product-form__quantity. |
| Posición en la fila | Después del elemento o Antes del elemento. |
| Alineación vertical en la fila | Centro, Arriba, Abajo o Línea base del texto. |
En la misma fila que el precio encuentra el precio automáticamente en Dawn y en la mayoría de los temas basados en él, así como en temas que usan nombres de clase de precio habituales. El enlace se queda en su sitio cuando el cliente cambia de variante.
Enlace
| Ajuste | Qué hace |
|---|---|
| Color del enlace | Déjalo vacío para usar el color de texto de tu tema. |
| Subrayado | Activado por defecto. |
Icono
Pon un icono junto a la etiqueta. Los iconos toman el color de texto del enlace o del botón, así que siempre combinan.
| Ajuste | Qué hace |
|---|---|
| Icono | Sin icono (predeterminado), uno de los 27 iconos integrados o Imagen propia. |
| Icono personalizado | Tu propia imagen, que se muestra con sus propios colores. Funciona mejor un PNG o SVG cuadrado. |
| Posición del icono | Antes de la etiqueta o Después de la etiqueta. |
| Tamaño del icono | 12–40 px. 18 px por defecto. |
| Espacio entre icono y texto | Espacio entre el icono y la etiqueta, 0–24 px. 6 px por defecto. |
Moderno
Tabla de tallas · Etiqueta de talla · Percha con regla · Estuche de cinta métrica · Ancho de camiseta · Maniquí · Cintura de pantalón · Largo del zapato · Ajuste al cuerpo
Clásico
Regla · Cinta métrica · Rollo de cinta · Camiseta con cinta · Cinta doblada · Plano · Talla de zapato · Percha · Medidas de camiseta · Tallas por letra · Medida de cintura · Báscula · Vestido con regla · Zapatilla · Cadera · Cuerpo con cinta · Escuadra · Flecha de ancho
Botón
| Ajuste | Qué hace |
|---|---|
| Fondo / Texto | Deja ambos vacíos para un botón con contorno en el color de texto de tu tema. |
| Tamaño | Pequeño (36 px de alto), Mediano (44 px, la altura de la mayoría de los botones de los temas) o Grande (52 px). Personalizado muestra un control de Altura del botón. |
| Altura del botón | 28–64 px. 44 px por defecto. Solo con el tamaño Personalizado. |
| Radio de las esquinas | 0–40 px. 4 px por defecto. |
| Mostrar botón flotante | Además, fija una pestaña en el borde de la pantalla para que los clientes puedan abrir la tabla desde cualquier punto de la página mientras se desplazan. |
| Lado del botón flotante | Izquierda o Derecha. |
| Posición del botón flotante | Arriba, Centro o Abajo de la pantalla. |
| Mostrar botón flotante en móviles | Activado por defecto. Desactívalo para ocultar la pestaña en teléfonos, donde los clientes usan el botón normal. |
Ventana de la tabla
| Ajuste | Qué hace |
|---|---|
| Abrir como | Ventana emergente (centrada, predeterminada), Panel desde la izquierda o Panel desde la derecha. |
Los paneles laterales se deslizan desde un lado y dejan la página del producto visible detrás. En los teléfonos se abren como ventana centrada, porque un panel ocuparía toda la pantalla de todos modos. En pantallas más grandes, las fotos del producto solo aparecen en la ventana emergente, ya que los paneles son demasiado estrechos; en los teléfonos siguen el ajuste Mostrarlas también en teléfonos.
Qué ven tus clientes
- La ventana o el panel se cierra con el botón de cierre, la tecla Esc o, a menos que lo desactives en Apariencia, un clic fuera.
- Cuando una tabla tiene conversión de unidades, se recuerda la elección del cliente (por ejemplo, pulgadas), así que el siguiente producto se abre en la misma unidad. Las demás tablas de la guía cambian con ella.
- En los teléfonos, las tablas anchas se desplazan en horizontal en lugar de aplastarse, y pueden mantener fija la columna de tallas.
- La tabla está pensada para usuarios de teclado y lectores de pantalla: el foco entra en la ventana al abrirse y vuelve al enlace al cerrarse.