question Re: Hide add to cart and order now button from service portal in Developer forum

Hide add to cart and order now button from service portal

TMKAM — Wed, 02 Mar 2022 03:33:35 GMT

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.

Re: Hide add to cart and order now button from service portal

Shakeel Shaik — Wed, 02 Mar 2022 03:37:32 GMT

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

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

Re: Hide add to cart and order now button from service portal

TMKAM — Wed, 02 Mar 2022 03:44:48 GMT

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.

Re: Hide add to cart and order now button from service portal

Ankur Bawiskar — Wed, 02 Mar 2022 03:48:07 GMT

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

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

Re: Hide add to cart and order now button from service portal

Shakeel Shaik — Wed, 02 Mar 2022 03:50:07 GMT

https://community.servicenow.com/community?id=community_question&sys_id=2cb907e5db5cdbc01dcaf3231f961956

Re: Hide add to cart and order now button from service portal

Shakeel Shaik — Wed, 02 Mar 2022 03:52:25 GMT

Please refer below ServiceNow Community Links:-

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

Remove OrderNow button

How to hide 'order now' button dynamically in a catalog without using DOM Manipulation

Re: Hide add to cart and order now button from service portal

TMKAM — Wed, 02 Mar 2022 03:59:16 GMT

Dear Ankur,

I have use your scripts in the catalog scripts and it is working as expected.

thank you.

Re: Hide add to cart and order now button from service portal

TMKAM — Wed, 02 Mar 2022 03:59:48 GMT

Dear Smudge,

thank you for your information and your expertise.

Re: Hide add to cart and order now button from service portal

Ankur Bawiskar — Wed, 02 Mar 2022 04:02:28 GMT

Glad to know.

Please mark response helpful as well.

Regards
Ankur

Re: Hide add to cart and order now button from service portal

TMKAM — Wed, 02 Mar 2022 04:03:37 GMT

Dear Ankur,

Is it possible to hide the word "Approval is Precondition"? i attach the screenshot for your reference.

thank you

Re: Hide add to cart and order now button from service portal

Community Alums — Wed, 02 Mar 2022 04:25:17 GMT

Hide Add cart and order Button from portal Then In catalog Item .In Related list Their is option Portal setting then youcan hide it.