Magento : Remove Swatch Selection

Question

This has probably been asked before but I can't seem to find it. Is there a way with javascript to clear or reset a configurable swatch selection?

Answer 1

I had a similar need and I found myself wanting to "reset" the swatches options that were selected. First you have to empty the following array:

Product.ConfigurableSwatches.prototype._E.activeConfigurableOptions

Doing it is very simple I have used this method:

Product.ConfigurableSwatches.prototype._E.activeConfigurableOptions.splice(0,Product.ConfigurableSwatches.prototype._E.activeConfigurableOptions.length);

Having done this you have to remove the "selected" class from all the TAGs and obviously reset the option of the relative hidden selection above the UL list. to do this I used jquery:

jQuery("li.selected").each(function () {

                    //console.log("Rimuovo la classe selected da questo LI: " + jQuery(this).attr('id'));
                    //console.log("Svuoto anche la select del relativo attributo");
                    jQuery(this).parent().parent().find("select").val("");
                    jQuery(this).removeClass("selected");

            });

But now if you try to select a LI that was selected you will notice that you will not be able to do it. To solve I modified the swatches-product.js file slightly

around the line: 401

from:

if (opt != attr._e._last.selectedOption) {

to

if ((opt != attr._e._last.selectedOption) || (!opt._e.li.hasClassName('selected'))) {

This is because I did not find a way to reset all: attr._e._last.selectedOption and then I opted to perform a second condition that verifies that the selected class is perhaps correctly present.