Cómo seleccionar automáticamente el primer producto secundario del producto configurable Magento 2

Estás leyendo la publicación: Cómo seleccionar automáticamente el primer producto secundario del producto configurable Magento 2

Por complejos que sean los productos configurables de Magento 2, ¡no hay forma de vender productos complejos con múltiples atributos!

Pero hay algunas formas de hacerlo más simple para casos particulares. Por ejemplo, puede implementar la solución dada aquí para seleccione automáticamente el primer producto secundario del producto configurable Magento 2.

Al hacerlo, puede mostrar la primera combinación en la interfaz. Además, atraiga clientes y aumente las ventas mostrando siempre el primer producto infantil que es popular y tentador.

Además, si no se eligen opciones, un visitante puede confundirse con las opciones del producto configurable. Al seleccionar automáticamente el primer producto secundario, ¡hace que sea más fácil para los visitantes!

¡Otros beneficios son el número mínimo de clics para los visitantes interesados ​​en las combinaciones seleccionadas automáticamente y la experiencia mejorada del cliente!

Solución para seleccionar automáticamente el primer producto secundario del producto configurable Magento 2:

Anular proveedor\magento\module-swatches\view\frontend\web\js\swatch-renderer.js a tu tema

La ubicación de su archivo de tema es:
app/design/frontend/Vendor/themename/Magento_Swatches/web/js/swatch-renderer.js

Localizar cambiar _RenderControls() función

Coloque el siguiente código al final de esta función:

var swatchLength = $(‘.swatch-attribute’).length; if(swatchLength >= 1){ if($(‘.swatch-attribute’).hasClass(“size”)){ $(‘.swatch-option’).first().trigger(‘click’); } }

var swatchLength = $(‘.swatch-attribute’).length;

si (longitud de la muestra >= 1){

if($(‘.atributo de muestra’).hasClass(“tamaño”)){

$(‘.opción-muestra’).primero().trigger(‘clic’);

}

}

¡Implemente la solución anterior y la tarea está lista!

Utilice la sección Comentarios a continuación para publicar cualquier duda sobre el tema.

¡Califica la publicación con 5 estrellas si te resultó útil!

Gracias.