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:
En esta página
Crear una página de tabla de tallas
- Desde tu panel de control de Shopify, ve a Tienda en línea > 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, introduceGreat 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, introduceShoes 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
.
- Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce
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.
- En la aplicación de Shopify, toca el botón ….
- 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, introduceGreat 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, introduceShoes 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
.
- Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce
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.
- En la aplicación de Shopify, toca el botón ….
- 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, introduceGreat 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, introduceShoes 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
.
- Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce
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
- 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 aplicación de Shopify, toca el botón ….
- 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.
- En la aplicación de Shopify, toca el botón ….
- 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
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 archivoproduct.liquid
si no tienes un archivoproduct-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.
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 archivoproduct.liquid
si no tienes un archivoproduct-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.
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 archivoproduct.liquid
si no tienes un archivoproduct-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.