Ir al contenido principal

Cambiando la imagen de la oferta a la imagen de la variante (Nueva UI)

Escrito por Lasandra

A veces, deseas ofrecer solo una variante de tus productos a los clientes; sin embargo, debido a la estructura de Shopify, esto no se mostrará por defecto sin un poco de codificación personalizada.
​

¡Afortunadamente, tenemos una solución rápida para personalizar aún más tus ofertas!
​

Primero, debes asegurarte de que solo la variante ofrecida esté seleccionada en la sección de Producto de la Oferta:
​
​

Luego, en la sección de Texto (en la pestaña de Contenido), copia y pega cualquiera de los dos fragmentos de código a continuación en el campo de Texto de la Oferta:

Código 1
​
<script>$(".nudge-offer .variants-wrapper select option").first().attr("selected","selected"); $(".nudge-offer .variants-wrapper select").trigger("change");</script>
​
O Código 2
​
​<script>
document.querySelector(".nudge-offer .variants-wrapper select option:first-child").setAttribute("selected","selected");
document.querySelector(".nudge-offer .variants-wrapper select").dispatchEvent(new Event('change'))
</script>

​
​


Finalmente, guarda como borrador o publica, ¡y listo! La imagen de la variante seleccionada siempre será la predeterminada para esa oferta. Si tienes alguna pregunta o inquietud, ¡siempre estamos listos para ayudar!
​
​

¿Ha quedado contestada tu pregunta?