However complex are the Magento 2 configurable products, there is no way out to sell complex products with multiple attributes!
But there are some ways out to make it simpler for particular cases. For example, you can implement the solution given here to auto-select the first child product of Magento 2 configurable product.
Doing so, you can show the first combination on the frontend. Also, attract customers and increase sales by always showing the first child product that is popular and tempting!
Moreover, if no options are chosen, a visitor might get confused with the options of the configurable product. By auto-selecting the first child product, it makes it easier for the visitors!
Other benefits are the minimized number of clicks for the visitors interested in the auto-selected combinations and improved customer experience!
Solution to auto select first child product of Magento 2 configurable product:
Override vendor\magento\module-swatches\view\frontend\web\js\swatch-renderer.js to your theme
Your theme file location is:
app/design/frontend/Vendor/themename/Magento_Swatches/web/js/swatch-renderer.js
Locate change _RenderControls() function
Place the below code at the end of this function:
var swatchLength = $('.swatch-attribute').length;
if(swatchLength >= 1){
if($('.swatch-attribute').hasClass("size")){
$('.swatch-option').first().trigger('click');
}
}
Implement the above solution and the task is done!
Thank you.
