Usar la aplicación
Editor de tablas
Todo lo que puedes poner en una tabla y todas sus opciones. Abre el editor desde Tablas de tallas creando una tabla o haciendo clic en una existente.
Estructura del editor
- Nombre de la tabla: solo para ti; tus clientes nunca lo ven.
- Contenido: los elementos que forman la tabla, de arriba abajo. Arrastra el tirador para reordenarlos, o usa las flechas arriba / abajo. El icono de la papelera quita un elemento.
- Apariencia: Usar la apariencia de la tienda está activado por defecto. Consulta dar a una tabla su propio estilo.
- Estado y Se aplica a: se explican en la Guía de configuración.
- Vista previa en directo: se actualiza mientras escribes. Cambia entre escritorio y móvil, o abre la Vista previa a ancho completo.
Los cambios no se publican hasta que haces clic en Guardar en la barra superior. Si sales con cambios sin guardar, se te pedirá antes que los guardes o los descartes.
Elementos
Haz clic en Añadir elemento para añadir uno de los ocho tipos de elemento. Los elementos vacíos (un título sin texto, una imagen sin archivo) se omiten en tu tienda, así que un elemento a medias nunca se ve como un hueco en blanco.
Tabla
Filas y columnas de medidas. La primera fila es el encabezado; la primera columna suele contener los nombres de las tallas. Consulta trabajar con tablas y conversión de unidades más abajo. Opciones de estilo:
| Ajuste | Qué hace |
|---|---|
| Alineación de las celdas | Izquierda, Centro o Derecha. |
| Espaciado de las celdas | Compacto, Normal o Amplio. |
| Líneas | Entre filas, Cuadrícula completa o Ninguno. |
| Colores | Fondo del encabezado, Texto del encabezado, Texto de las celdas, Filas alternas y Líneas. Déjalos vacíos para usar los colores de la tabla. |
| Fila de encabezado en negrita | Activado por defecto. Desactívalo para un encabezado con grosor normal. |
| Primera columna en negrita | Activado por defecto. Desactívalo para nombres de talla con grosor normal. |
| Resaltar la primera columna | Colorea la columna de tallas para que se lea como una etiqueta. |
| Mantener visible la primera columna al desplazarse | En tablas anchas, la columna de tallas se queda fija mientras los clientes se desplazan en horizontal; muy útil en teléfonos. |
| Mayúsculas en la fila de encabezado y la columna de tallas | Las muestra en mayúsculas. |
Título
Un título corto para dividir una tabla en secciones, como «Cómo medir».
| Ajuste | Qué hace |
|---|---|
| Alineación | Izquierda, Centro o Derecha. |
| Tamaño | Pequeño, Mediano o Grande. |
| Color | Déjalo vacío para usar el color de los títulos de la tabla. |
Texto
Una nota sobre el ajuste, cómo medir o las devoluciones. La barra de herramientas tiene negrita, cursiva, subrayado, listas con viñetas y numeradas, y enlaces. Ajusta el Tamaño del texto a Pequeño, Mediano o Grande.
Selecciona palabras y usa Color del texto o Resaltar para colorearlas. Editar HTML, al final de la barra de herramientas, te permite editar el código directamente: se conservan los párrafos, los encabezados h3 y h4, la negrita, la cursiva, el subrayado, las listas, los enlaces y el texto con color. Las demás etiquetas se eliminan al guardar, pero su texto se mantiene. El texto de «Imagen con texto» usa el mismo editor.
Imagen
Un solo diagrama o foto, por ejemplo una ilustración de cómo medir.
| Ajuste | Qué hace |
|---|---|
| Imagen | Sube una imagen nueva, elige una que ya esté en tus Archivos de Shopify o pega un enlace de imagen (solo https). JPG, PNG, WebP o GIF, hasta 20 MB. |
| Texto alternativo | Describe la imagen a los clientes que usan lectores de pantalla. Siempre vale la pena rellenarlo. |
| Ancho | Tamaño original, Ancho completo, Grande, Mediano o Pequeño. |
| Alineación | Izquierda, Centro o Derecha. |
Imagen con texto
Una imagen junto a un texto explicativo, como un diagrama con los pasos para medir.
| Ajuste | Qué hace |
|---|---|
| Posición de la imagen | A la izquierda del texto o A la derecha del texto. |
| Ancho de la imagen | Mitad o Un tercio del elemento. |
| Alineación vertical | Centro o Arriba. |
En los teléfonos, la imagen se coloca encima del texto.
Galería de imágenes
Varias imágenes una al lado de otra: detalles del tejido, fotos de ajuste o pasos para medir.
| Ajuste | Qué hace |
|---|---|
| Diseño | Cuadrícula o Carrusel (deslizable). |
| Columnas | Solo cuadrícula: Ajuste automático, 2, 3 o 4. |
| Altura de la imagen | Solo carrusel: Baja, Mediana o Alta. |
Vídeo
Un vídeo corto de cómo medir.
| Ajuste | Qué hace |
|---|---|
| Origen | Sube un vídeo a tus Archivos de Shopify (MP4, MOV o WebM, hasta 1 GB) o pega un enlace de YouTube o Vimeo. |
| Reproducción | Solo vídeos subidos: Reproductor con controles, o Reproducción automática en bucle y sin sonido, como un GIF. |
| Título | Lo leen los lectores de pantalla. |
| Ancho | Ancho completo, Grande, Mediano o Pequeño. |
Separador
Una línea horizontal entre secciones, con una etiqueta opcional en el centro.
| Ajuste | Qué hace |
|---|---|
| Línea | Continua, Discontinua o Punteada. |
| Espaciado | Espacio pequeño, mediano o grande alrededor de la línea. |
| Grosor | 1, 2 o 4 px. |
| Color | Déjalo vacío para usar el color de las líneas de la tabla. |
| Etiqueta | Hasta 60 caracteres, p. ej. «Cómo medir». Se coloca en un hueco de la línea; déjala vacía para una línea simple. |
| Posición de la etiqueta | Izquierda, Centro o Derecha. |
Además, cada elemento tiene Espacio encima y Espacio debajo (Ninguno, Pequeño, Predeterminado o Grande) en Opciones de estilo.
Trabajar con tablas
El editor de tablas se comporta como una pequeña hoja de cálculo. Una tabla puede tener hasta 200 filas y 30 columnas.
Teclado y ratón
| Ajuste | Qué hace |
|---|---|
| Flechas | Moverse entre celdas. |
| Mayús + flechas | Seleccionar un rango de celdas. También puedes hacer clic y arrastrar. |
| Intro | Bajar una fila (Mayús + Intro sube). |
| Supr / Retroceso | Vaciar todas las celdas de un rango seleccionado. |
| Ctrl / ⌘ + C, X, V | Copiar, cortar y pegar un rango. |
| Ctrl / ⌘ + Z | Deshacer el último cambio de la tabla (pegar, insertar, eliminar). |
| Clic derecho, Mayús + F10 o la tecla de menú | Abrir el menú Acciones de la tabla. |
| Esc | Reducir una selección a una sola celda. |
Pegar desde Excel o Google Sheets
Copia celdas en tu hoja de cálculo, haz clic en la celda donde debe ir el valor superior izquierdo y pega. La tabla crece lo necesario. Pegar un solo valor sobre una selección rellena todas las celdas seleccionadas.
Menú Acciones de la tabla
Haz clic derecho en cualquier celda para:
- Deshacer
- Insertar fila encima / debajo, Duplicar fila, Subir / bajar fila, Eliminar fila
- Insertar columna a la izquierda / derecha, Mover columna a la izquierda / derecha, Eliminar columna
- Intercambiar filas y columnas: pasa las tallas de la parte superior al lateral, o al revés.
- Importar CSV…: sustituye la tabla por el contenido de un archivo CSV. La primera línea pasa a ser la fila de encabezado.
- Borrar medidas: vacía todas las celdas pero conserva la fila de encabezado y la columna de tallas, para reutilizar la estructura.
Si hay varias filas seleccionadas, Eliminar fila las elimina todas. Los botones Añadir fila y Añadir columna debajo de la tabla añaden al final.
Conversión de unidades
Introduce las medidas una vez y deja que tus clientes cambien de unidad. Con la conversión activada, aparece un pequeño selector encima de la tabla (por ejemplo, cm | in). Las tallas y las notas se quedan tal como las escribiste.
| Ajuste | Qué hace |
|---|---|
| Conversión de unidades | Sin conversión, o la unidad que introdujiste → la unidad que se ofrece: Centímetros → pulgadas, Pulgadas → centímetros, Milímetros → pulgadas, Pulgadas → milímetros, Kilogramos → libras, Libras → kilogramos. |
| Mostrar primero | Qué unidad ven los clientes al abrir la tabla: la que introdujiste o la convertida (p. ej., pulgadas para un público de EE. UU.). |
| Redondear los valores convertidos a | Números enteros, 1 decimal (predeterminado) o 2 decimales. |
| Posición del selector | Izquierda, Centro o Derecha, encima de la tabla. |
| Columnas que se convierten | Marca las columnas con medidas. Por defecto se convierten todas las columnas salvo la primera. |
Qué se convierte
- Valores sueltos (
86) y rangos (86-90,86 – 90,86/90,86 to 90). - Comas decimales (
86,5): el valor convertido mantiene la coma. - Valores con la unidad escrita (
86 cm→33.9 in). - También se cambia una unidad entre paréntesis en el encabezado:
Chest (cm)pasa aChest (in).
Todo lo que no sea un número (nombres de talla como M o XL, notas, celdas vacías) se queda como está.
Cintura (cm), para que tus clientes siempre sepan qué unidad están leyendo.Dar a una tabla su propio estilo
Por defecto, todas las tablas siguen la Apariencia de toda la tienda. Para darle otro estilo a una tabla (por ejemplo, un aspecto más oscuro para una línea streetwear), desactiva Usar la apariencia de la tienda en el editor. La tabla recibe su propia copia de los ajustes de Ventana de la tabla, Encabezado, Fotos del producto, Fondo, Tabla y Texto, partiendo de los valores actuales de la tienda.
Vuelve a activar Usar la apariencia de la tienda para que la tabla recupere el estilo de la tienda. El CSS personalizado y el cierre al hacer clic fuera siempre vienen de la página Apariencia de la tienda.