Somos la agencia Shopify partner: Creamos, mejoramos y encontramos soluciones para tiendas en línea con Shopify -
- Somos los Shopify partners que te ayudarán a migrar de tu plataforma anterior a Shopify -
- Somos lo desarrolladores Shopify con toda la experiencia en soluciones en código -
- Somos los Shopify partners de soporte continuo y asesoramiento experto para asegurar que tu tienda Shopify funcione y se mantenga actualizada -
- Somos los Shopify Partners con soluciones innovadoras -
Importante: Si necesitas ayuda para seguir este tutorial, puedes comunicarte con nuestros
Shopify partners para que te ayuden. Requiere un promedio de dos horas de desarrollo.
Ya estamos en 2022 y aún no hay una app gratuita que nos deje hacer una guía de tallas para nuestros productos y todos los que tienen tiendas online Shopify de la industria textil sabrán de que estoy hablando. Es por eso que les entrego este tutorial para crearlo ustedes mismos y dejar de rascar en la tienda de app Shopify.
Es importante que consideres que todos los productos donde quieres mostrar la guía de tallas deberán tener al menos una opción de talla:
Importante:
Este tutorial funciona para todos los temas Shopify pero se tiene que editar el código.
Es posible que necesites ajustar el CSS para la tabla según el tema.
La guía de tallas podría visualizarse diferente en todos los dispositivos. Es posible que se corte al costado de la página en dispositivos móviles si se agregan demasiadas columnas de información.
Nivel de dificultad:
✭✭✭ Fácil
Si deseas crear una tabla de tallas que aparezca en todo el sitio, introduce Guía de Tallas 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 /guia-de-tallas.
Si deseas crear una tabla que solo aparezca en productos de un proveedor específico, introduce el nombre del proveedor seguido de Guía de Tallas.
Por ejemplo, si tu proveedor se llama SUPER CAMISETAS, introduce Guía de Tallas Super Camisetas 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 /guia-de-tallas-super-camisetas.
Si deseas crear una tabla que solo aparezca en un tipo específico de producto, introduce el tipo de producto seguido de Guía de Tallas.
Por ejemplo, si deseas mostrar una tabla de tallas específicas para camisetas de manga corta, introduce Guía de Tallas Camisetas de Manga Corta 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 /guia-de-tallas-camisetas-de-manga-corta.
Nivel de dificultad:
✭✭✭ Medio
Nivel de dificultad:
✭✭✭ Dificil
Nivel de dificultad:
✭✭✭ Dificil
Pega el siguiente código en tu fragmento guia-de-tallas:
.trigger-pop-up {
margin: 10px 0 10px 8px;
width: 50%;
}
@media only screen and (max-width: 749px) {
.pop-up-content, .size-chart-content table {
width:100% ;
}
.size-chart-content th, .size-chart-content td {
padding:10px;
}
.trigger-pop-up {
width: 100%;
}
}
Nivel de dificultad:
✭✭✭ Dificil
{% if request.page_type == 'product' %}
{% if product.options contains 'Talla' %}
{% render 'guia-de-tallas' %}
{% endif %}
{% endif %}
Nivel de dificultad:
✭✭✭ Dificil
{% if product.options contains 'Tallas' %}
<a class="trigger-pop-up btn”>Ver guía de tallas</a>
{% endif %}
El botón Agregar al carrito normalmente comienza con algo como
<button type="submit" name="add". Puedes reemplazar Ver guía de tallas por el texto que prefieras usar.
¡Listo! Si has llegado hasta aquí siguiendo todos los pasos entonces todo saldrá bien y podrás ver las imágenes de tus productos con las mismas medidas.
Hasta aquí mi reporte Joaquín. Volvemos contigo al estudio.