Remove price increase on configurable swatches

Question

I am having trouble removing the price increase from configurable swatches. As you can see in the image it says +$10.00 - this bit is what i am trying to remove. The price should still change but the area in red should not be shown.

The indigo colored area is: <dt class="swatch-attr">

The red colored ares is: <span id="select_label_wd_sssg">

The swatch buttons are wrapped in: <span class="swatch-label">

I have unsuccessfully tried to remove this using this bit of code //

    jQuery("swatch-label").click(function(){
        checkswatches();
    });
});

function checkswatches(){
  jQuery("#select_label_wd_sssg").select(function(){
    var optiontext = jQuery(this).text();
    var addsignpos = optiontext.indexOf('+');
    var subtractsignpos = optiontext.indexOf('-');
    if(addsignpos>0){
        var result = optiontext.substring(0,addsignpos-1);
        jQuery(this).html(result);
    }

    if(subtractsignpos>0){
        var result = optiontext.substring(0,subtractsignpos-1);
        jQuery(this).html(result);
    }
  });
}
// ]]>

Can't get code to format correctly

I have put the code above inside of

app/design/frontend/[package]/[theme]/template/catalog/product/view/type/options/configurable.phtml

and app/design/frontend/[package]/[theme]/template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml with no luck.

Any advice is appreciated.

Answer 1

In skin/frontend/rwd/default/js/configurableswatches/swatches-product.js find this:

/**
     * Return text that should be displayed in attribute label for a certain option
     *
     * @param {object} option
     * return {string}
     */
    getOptionLabel: function(option) {
        return this.productConfig.getOptionLabel(option, option.price);
    },

and change it to this:

/**
     * Return text that should be displayed in attribute label for a certain option
     *
     * @param {object} option
     * return {string}
     */
    getOptionLabel: function(option) {
        return this.productConfig.getOptionLabel(option);
    },

Answer 2

Try to add:

Event.observe(window, 'load', function() {
    Product.ConfigurableSwatches.prototype.getOptionLabel = function(option){
       return option.label;
    };
});

Into any script to overwrite default swatches-product.js behaviour