Botón de volver a atras

[Mariaje]

Hola, quiero añadir un botón de "volver a la colección" cuando estoy dentro de un artículo, como se configura?

[Val · Accepted solution]

Hola @Mariaje,

Muchas gracias por acudir a los foros con tu pregunta. Según entiendo, te gustaría añadir un botón que regresara al cliente a la colección por la que había entrado en el producto, ¿es así?

¿Qué tema estás utilizando? En el tema debut este botón viene por defecto, pero si estás utilizando otro tema gratuito de Shopify y aun así quieres insertar esta opción puedes hacerlo editando el código del tema, siguiendo los pasos recomendados por otros expertos de Shopify aquí. Si te sientes cómoda haciendo estos cambios, te recomiendo hacer una copia de tu tema actual, y dentro de esa copia, entrar en el apartado de edición de código, buscar la carpeta de secciones y buscar "product-template.liquid".

Arriba de todo, inserta este código:

{% if collection %}
<div class="text-center return-link-wrapper page-width">
<a href="{{ collection.url }}" class="btn btn--secondary btn--has-icon-before return-link">
{% include 'icon-arrow-left' %}
{{ 'products.product.back_to_collection' | t: title: collection.title }}
</a>
</div>
{% endif %}

Si no te sientes segura para hacerlos, o simplemente lo prefieres, puedes contactar con nosotros por correo si usas un tema gratuito de Shopify para revisar esta modificación, o contratar un experto para hacer estas modificaciones. ¿Crees que esta información podría serte de utilidad? ¿Has contactado alguna vez con nuestros expertos por correo?

Val

[destileriafario]

Hola yo estoy usando el tema CRAFT. y no encuentro el apartado "product-template.liquid" dentro de sections en el codigo. ¿Cómo puedo añadir el botón entonces?

[Val]

Hola @destileriafario.

Parece que estás trabajando con uno de los nuevos temas 2.0, de modo que las secciones serán diferentes a las antiguas como en el tema Debut.

Aunque no existe una guía oficial para llevar a cabo este tipo de modificaciones, quizás puedas encontrar utilidad en algunos tutoriales que otros usuarios han seguido para el tema Dawn.

Como este vídeo, y esta publicación (en inglés).

De todas maneras, ten en cuenta que siempre recomendamos crear una copia del tema donde deseas hacer estas modificaciones antes de publicarlas, y que si no te sientes cómodo haciendo estos cambios o el resultado en el tema Craft no se reflejan como esperabas, puedes contactar con un Experto de Shopify, y por su puesto si tienes alguna duda con respecto al estado de tu tema, mandarnos un mensaje directo por correo. 

[Jose_LuisP]

Hola, presento la misma solicitud, necesito implementar el boton de volver atrás, pero el tema que utilizo es Ride 9.0.0, esta versión o tema no contiene "product-template.liquid".

Agradezco me pueda ayudar enviando los pasos a seguir.

Saludos.

[Teo]

Hola, @Jose_LuisP:

Gracias por la respuesta. En relación con tu consulta, he de informarte de que el tema Ride pertenece a la colección de temas de Online Store 2.0. A diferencia del tema Debut, que es un tema vintage; para el cual se ofrece la solución de configuración del botón. Esto se debe a que los temas se han actualizado para ofrecer un mayor número de posibilidades de personalización. Puedes leer más acerca de esta cuestión en nuestro enlace del Centro de Ayuda sobre las versiones de la arquitectura de temas de Shopify.

Ahora, para poder modificar el código de la plantilla principal de un producto, tendrás que localizar la carpeta "main-product.liquid" en lugar de "product-template.liquid". Dicho esto, acabo de realizar una prueba insertando el código que compartía mi compañera en el tema Ride y este no funciona. Esto puede deberse también a que la configuración de Ride es de una arquitectura diferente, como te comentaba.

Con todo, me alegra informarte de que he encontrado este otro hilo con una solución aceptada que contiene el código que funciona en el tema Ride para crear un botón para volver a la colección. En este, encontrarás dos fragmentos de código que deberás copiar en las carpetas de "theme.liquid" y "main-product.liquid". En las secciones específicas donde se comenta en la respuesta.

Por supuesto, puesto que esta es una personalización directa de código; lo más recomendable sería duplicar tu tema para crear una copia de seguridad. Así será fácil descartar tus cambios y comenzar nuevamente si fuese necesario. Alternativamente, en Shopify contamos con un equipo de especialistas en temas que pueden llevar a cabo ciertas modificaciones en este por ti siempre y cuando cumplas con los requisitos de la política de diseño de Shopify. Para revisar si pueden implementar esta personalización, puedes contactar con nuestros especialistas de soporte y solicitar esta modificación.

Si nuestros especialistas no pueden llevar a cabo esta configuración y no estás a gusto haciendo cambios de código en tu tema, siempre puedes optar por contratar a un experto de Shopify para llevar a cabo este proceso. Este es un portal de especialistas y desarrolladores que pueden darte un presupuesto para cualquier tipo de modificación que necesites implementar en tu tienda.

Mientras, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿qué tipo de tienda has creado con nuestra plataforma? ¿Qué productos o servicios ofreces a los clientes? ¿Qué objetivos a corto y largo plazo te gustaría conseguir con Shopify y con tu tienda?