To Hide "Add to Cart " & "Order Now " Button using client script

[deeps]

Hi ,

        I am currently using HELSINKI version .

As per my requirement I am using Multiple choice type variable which has two options "greater than 5" and " less than 5" for the first option "greater than 5" I have to show all the related following questions and for other options i.e less than 5 I have to hide those questions .Which is working fine .

But when less than 5 option is selected I have to hide "Add to Cart" and "Order Now " button which will restrict user from submitting order .

Tried the client script by using below but nothing seems to work, and the questions which needs to be hide are not hiding any more after using below.

                                                          $('order').hide();

                                                        $('cart').hide();

                                                          document.getElementById('order_now').hide();

I have used following client script:

function onChange(control, oldValue, newValue, isLoading) {
    //Type appropriate comment here, and begin script below
   

if (isLoading || newValue == '') {
          //   alert("Returing");
                return;
}
var request = g_form.getValue('application_details_user');
if(request == 'Greater than 5')
  {
    alert("greater than 5 option is selected");
    g_form.clearValue('Greater than 5');
  }
else(request == 'Less than 5')
          {
  alert("less than 5 option is selected");
      g_form.clearValue('Less than 5');
    //$('order').hide();
    //$('cart').hide();
    // document.getElementById('order_now').hide();
    // document.getElementById('add_to_cart_button').style.display='none';
    }
}

Thanks In Advance

Deepti

[Maria DeLaCruz · Accepted solution]

Hi Deepti,

To hide entire cart and frames, I used the following catalog client script:

function onLoad() {

  var cart = document.getElementById('order_and_cart_v2');

  cart.style.display='none';

}

We are on Helsinki as well.

Maria

[deeps]

Thank you Maria so much for your reply .

We can create Client script using both the options gel('your_element_id') or $('your_element_id')   then can set its display property to none.

document.getElementById('order_and_cart_v2');

I have used in function:

$('qty').hide();

$('sc_cart_item_list').hide();

[touqeer]

Hi mcdelacruz.

order_and_cart_v2 were can I find this?

Thanks,

Uzma

[Samyak Jain2]

Can you help me how to hide Add to cart and order now button in Orlando version using catalog client script.