Agregar una tabla de tallas a las páginas de producto
Si vendes prendas de vestir que requieren que los clientes sepan su talla antes de realizar una compra, puedes agregar una tabla de tallas personalizada a tu página de producto.
Todos los productos que requieren referencia a la tabla de tallas deben tener una opción de Talla:
Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce Size Chart para el título de la página. En la sección de Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /size-chart.
Si deseas crear una tabla que solo aparezca en productos de un proveedor específico, introduce el nombre del proveedor seguido de Size Chart.
Por ejemplo, si tu proveedor se llama Great Owls, introduce Great Owls Size Chart para el título de la página. En la sección Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /great-owls-size-chart.
Si deseas crear una tabla que solo aparezca en un tipo específico de producto, introduce el tipo de producto seguido de Size Chart.
Por ejemplo, si deseas mostrar una tabla de tallas específicas para zapatos, introduce Shoes Size Chart para el título de la página. En la sección Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /shoes-size-chart.
En el cuadro Contenido, crea una tabla que contenga la información de la tabla de tallas. Personaliza la tabla para que tenga el aspecto que deseas:
En la sección Visibilidad, asegúrate de que la página esté configurada como Visible.
En la sección Canales de ventas, toca Tienda online.
Selecciona Páginas.
Haz clic en Agregar página.
Introduce un título de página.
Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce Size Chart para el título de la página. En la sección de Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /size-chart.
Si deseas crear una tabla que solo aparezca en productos de un proveedor específico, introduce el nombre del proveedor seguido de Size Chart.
Por ejemplo, si tu proveedor se llama Great Owls, introduce Great Owls Size Chart para el título de la página. En la sección Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /great-owls-size-chart.
Si deseas crear una tabla que solo aparezca en un tipo específico de producto, introduce el tipo de producto seguido de Size Chart.
Por ejemplo, si deseas mostrar una tabla de tallas específicas para zapatos, introduce Shoes Size Chart para el título de la página. En la sección Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /shoes-size-chart.
En el cuadro Contenido, crea una tabla que contenga la información de la tabla de tallas. Personaliza la tabla para que tenga el aspecto que deseas:
En la sección Visibilidad, asegúrate de que la página esté configurada como Visible.
En la sección Canales de ventas, toca Tienda online.
Selecciona Páginas.
Haz clic en Agregar página.
Introduce un título de página.
Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce Size Chart para el título de la página. En la sección de Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /size-chart.
Si deseas crear una tabla que solo aparezca en productos de un proveedor específico, introduce el nombre del proveedor seguido de Size Chart.
Por ejemplo, si tu proveedor se llama Great Owls, introduce Great Owls Size Chart para el título de la página. En la sección Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /great-owls-size-chart.
Si deseas crear una tabla que solo aparezca en un tipo específico de producto, introduce el tipo de producto seguido de Size Chart.
Por ejemplo, si deseas mostrar una tabla de tallas específicas para zapatos, introduce Shoes Size Chart para el título de la página. En la sección Vista previa de la lista de motores de búsqueda, la URL de la página debe terminar en /shoes-size-chart.
En el cuadro Contenido, crea una tabla que contenga la información de la tabla de tallas. Personaliza la tabla para que tenga el aspecto que deseas:
En la sección Visibilidad, asegúrate de que la página esté configurada como Visible.
Haz clic en Guardar.
Explorar el Editor de código
Escritorio
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En la sección Canales de ventas, toca Tienda online.
Toca Administrar temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
Elige una de las siguientes opciones y crea un fragmento de tabla de tallas
Site-wide
Crear un fragmento de tabla de tallas
En el directorio Fragmentos, haz clic en Agregar un nuevo fragmento.
Asigna a tu fragmento el nombre size-chart y haz clic en Crear fragmento:
Copia lo siguiente en tu fragmento size-chart :
{% block "note" %} Deben realizarse algunos cambios al estilo CSS para los temas Simple y Minimal. {% endblock %}
Si estás usando el tema Simple, utiliza este código:
Si estás usando el tema Minimal, utiliza el siguiente código:
Agregar el fragmento de la tabla de tallas a tu theme.liquid
En el directorio Diseño, haz clic para abrir tu archivo theme.liquid.
Busca la etiqueta de cierre </body>. Justo arriba de la etiqueta de cierre </body>, pega el siguiente código:
Agregar un botón Tabla de tallas
En el directorio Secciones, haz clic para abrir tu archivo product-template.liquid o tu archivo product.liquid si no tienes un archivo product-template.liquid.
Pega el siguiente código arriba del botón Agregar al carrito:
El botón Agregar al carrito normalmente comienza con algo como <button type="submit" name="add". Si el idioma de operación de la tienda no es inglés, reemplaza See Size Chart con el texto que prefieras usar.
Type
Crear un fragmento de tabla de tallas
En el directorio Fragmentos, haz clic en Agregar un nuevo fragmento.
Asigna a tu fragmento el nombre size-chart y haz clic en Crear fragmento:
Copia lo siguiente en tu fragmento size-chart:
Si está utilizando el tema Simple, reemplaza desde .trigger-pop-up hasta justo encima de </style> con este código:
Si usas el tema Minimal agrega el siguiente código arriba de la etiqueta de cierre </style>:
Agregar el fragmento de la tabla de tallas a tu theme.liquid
En el directorio Diseño, haz clic para abrir tu archivo theme.liquid.
Busca la etiqueta de cierre </body>. Justo arriba de la etiqueta de cierre </body>, pega el siguiente código:
Agregar un botón Tabla de tallas
En el directorio Secciones, haz clic para abrir tu archivo product-template.liquid o tu archivo product.liquid si no tienes un archivo product-template.liquid.
Pega el siguiente código arriba del botón Agregar al carrito:
El botón Agregar al carrito normalmente comienza con algo como <button type="submit" name="add". Si el idioma de operación de la tienda no es inglés, reemplaza See Size Chart con el texto que prefieras usar.
Vendor
Crear un fragmento de tabla de tallas
En el directorio Fragmentos, haz clic en Agregar un nuevo fragmento.
Asigna a tu fragmento el nombre size-chart y haz clic en Crear fragmento:
Copia lo siguiente en tu fragmento size-chart:
Si está utilizando el tema Simple, reemplaza desde .trigger-pop-up hasta justo encima de </style> con este código:
Si usas el tema Minimal agrega el siguiente código arriba de la etiqueta de cierre </style>:
Agregar el fragmento de la tabla de tallas a tu theme.liquid
En el directorio Diseño, haz clic para abrir tu archivo theme.liquid.
Busca la etiqueta de cierre </body>. Justo arriba de la etiqueta de cierre </body>, pega el siguiente código:
Agregar un botón Tabla de tallas
En el directorio Secciones, haz clic para abrir tu archivo product-template.liquid o tu archivo product.liquid si no tienes un archivo product-template.liquid.
Pega el siguiente código arriba del botón Agregar al carrito:
El botón Agregar al carrito normalmente comienza con algo como <button type="submit" name="add". Si el idioma de operación de la tienda no es inglés, reemplaza See Size Chart con el texto que prefieras usar.
¿No encuentras las respuestas que estás buscando? Estamos aquí para ayudarte.