How to Hide Buttons in Order Guides

Community Alums
Not applicable

I know we can hide buttons and elements in the cart layout for catalog items in the Service Catalog via the "Maintain Cart Layouts" module. How can you maintain the buttons and elements that are available when inside an order guide??

My requirement is to hide the "Add to Cart" button and pricing and delivery details when in the summary screen of the Order Guide as my customer is using the order guide to submit internal requests that do not carry a cost and do not have an agreed SLA so they feel the mention of price, cart and delivery is confusing to the end users and unnecessary.

Basically they want a Order Guide that simply alloows them to answer questions get directed to the write item, answer some more item specific questions and then hit "order now" or "submit" and for the request to then be on it's way.

Any thoughts?

I looked at Wizards but they seem a bit unloved in the latest releases as the doc's don't match the available options in the current releases.

1 ACCEPTED SOLUTION

The Add to cart can be removed with instance options:

find_real_file.png

 

But since I read you other requirements I would actually clone the order guide widget and make the changes in there instead. Since it's just about hiding/renaming stuff I would say it shouldn't take that long.

 

/Göran

View solution in original post

8 REPLIES 8

Brian Lancaster
Tera Sage

You could create an on-load client script on the order guide with code like below.  This is actually removing the Order Now.  You have to use the inspect on the browser to get the Element ID.

document.getElementById('order_now').style.display='none';}

Community Alums
Not applicable

Hi Brian,

I'm trying to steer clear of DOM manipulation if possible so the document.getElementById call will be a last resort.

As for the "No Cart" options and also the process for setting up cart layout for specific items, they don't seem to effect the Order Guide buttons/cart. These seem to be their own beast.

I guess I'm hoping someone knows of some parameter that I can alter to hide these buttons in the order guide screens (see below screen shots) otherwise it's going to have to be DOM manipulation.

find_real_file.png

 

The Add to cart can be removed with instance options:

find_real_file.png

 

But since I read you other requirements I would actually clone the order guide widget and make the changes in there instead. Since it's just about hiding/renaming stuff I would say it shouldn't take that long.

 

/Göran