Return to 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 type should still change just not show the area in red the increase/decrease price above the swatch buttons.

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 // <![CDATA[ jQuery(document).ready(function(e) { checkswatches();

    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.

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 // <![CDATA[ jQuery(document).ready(function(e) { checkswatches();

    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.

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 just not show the increase/decrease above the swatch buttons.

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 // <![CDATA[ jQuery(document).ready(function(e) { checkswatches();

    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/ultimo/child/template/catalog/product/view/type/options/configurable.phtml

and app/design/frontend/ultimo/child/template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml with no luck.

Any advice is appreciated.

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 type should still change just not show the area in red the increase/decrease price above the swatch buttons.

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 // <![CDATA[ jQuery(document).ready(function(e) { checkswatches();

    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.

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 just not show the increase/decrease above the swatch buttons.

I have unsuccessfully tried to remove this using this bit of code // <![CDATA[ jQuery(document).ready(function(e) { checkswatches();

    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);
    }
  });
}
// ]]>

Its not fully displaying properly but it shows the code. I have put this inside of  app/design/frontend/ultimo/child/template/catalog/product/view/type/options/configurable.phtml and app/design/frontend/ultimo/child/template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml with no luck.

Any advice is appreciated.

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 just not show the increase/decrease above the swatch buttons.

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 // <![CDATA[ jQuery(document).ready(function(e) { checkswatches();

    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/ultimo/child/template/catalog/product/view/type/options/configurable.phtml 

and app/design/frontend/ultimo/child/template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml with no luck.

Any advice is appreciated.