Hide add to cart and order now button from service portal

Go to solution
TMKAM
Tera Contributor

‎03-01-2022 07:33 PM

I have create variable with 2 option and below are the scenario i want to achieve.

Scenario 1

When i choose option 1 variable name (u_option1) default the add to cart and order now button already loaded.

Scenario 2

When i choose option 2 variable name (u_option2) the add to cart and order now button must hide.

I attach the screenshot for your reference and is there scripts or option I can do that.

Thank you.

Preview file
113 KB
0 Helpfuls
  • 2,236 Views
1 ACCEPTED SOLUTION

Go to solution
Ankur Bawiskar
Tera Patron
Tera Patron

‎03-01-2022 07:48 PM

Hi,

for showing/hiding the add to cart and order now button via script would require DOM manipulation which is not recommended.

if you still require then use this onChange script on that variable

I have shared solution here 2 years ago; enhance it for your requirement

Ensure Isolate Script field is set to False for this client script

find_real_file.png

function onChange(control, oldValue, newValue, isLoading) {
	if (isLoading || newValue == '') {
		return;
	}

	if(newValue == 'u_option2'){
		// hide
		this.document.getElementsByClassName('btn btn-default sc-btn form-control ng-scope')[0].style.display = 'none';
		this.document.getElementsByClassName('btn btn-primary btn-block ng-binding ng-scope')[0].style.display = 'none';
	}
	else{
		// show
		this.document.getElementsByClassName('btn btn-default sc-btn form-control ng-scope')[0].style.display = '';
		this.document.getElementsByClassName('btn btn-primary btn-block ng-binding ng-scope')[0].style.display = '';
	}

	//Type appropriate comment here, and begin script below
}

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect  ||  ✨ 9x ServiceNow MVP  ||  ✨ ServiceNow Community Leader

View solution in original post

Preview file
41 KB
10 REPLIES 10

Go to solution
Shakeel Shaik
Giga Sage
Giga Sage

‎03-01-2022 07:37 PM

Open Platform > Maintain item > select your catalog > go to Portal Settings tab

find_real_file.png

select options as per you requirement. then save and check.

Thanks,
Shakeel Shaik 🙂
Preview file
27 KB
0 Helpfuls

Go to solution
TMKAM
Tera Contributor
In response to Shakeel Shaik

‎03-01-2022 07:44 PM

I have the above option in the maintain item... this is what i would like to achieve based on below scenario.

Scenario 1

When i choose option 1 variable name (u_option1) default the add to cart and order now button already loaded.

Scenario 2

When i choose option 2 variable name (u_option2) the add to cart and order now button must hide.

0 Helpfuls