Change the location of Color Swatches for configurable products on listing page

[akashay _kc]

Hi,

I want to change the location of configurable swatches on listing page.

Any help would be appreciated.

Thanks

[Rahul Gupta · Accepted solution]

@akashay _kc You can do it using css or you can do it from code.

Please override the below file in your theme and change the position of below line of code which is responsible for showing swatches.

Path:- vendor/magento/module-catalog/view/frontend/templates//var/www/html/magentoce/product/list.phtml

<?= $block->getProductDetailsHtml($_product) ?>

Thanks