I am using configurable swatches on the product list page.

The default implementation links all the products to the configurable product and shows the default image for the configurable product.

For instance, say you have 3 simple products in your configurable product: yellow, green and blue.

When you click the swatch on the list page for say the blue product, and the listing image changes to show the blue product. Is there a way to update the href so that clicking the blue product links to the configurable product, but pre populated with the blue simple product.

Hope that makes sense :)


  • Are you trying to set "Blue" as default option for your color ?
    – Prateek
    Commented Sep 29, 2015 at 12:50

1 Answer 1


The swatches on the list page are in this template: configurableswatches/catalog/product/list/swatches.phtml

Replace javascript:void(0) with the URL for the simple product.

For the question how to link to a configured product with preselected simple product, there is already a good answer here: Is it possible to link to a configurable product with pre-selected values?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.