Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to customise the Catalog item page on Now Mobile app

RichardSaunders
Tera Guru

Hello, 

I'm looking for some pointers on the Now Mobile app. I'm fairly new to Mobile App Builder but have managed to configure it well enough to a certain point. 

 

Question...

How to edit the cart on the catalog item page?

 

After clicking 'Add to Cart' the Cart appears on the catalog item. However this goes to the OOTB sc_cart page, which isn't the right one. It should navigate to sc_cart_it. 

 

I've successfully set up the cart as a navigation tab and as a quick action function on the topic page. The issue is with the user experience: when navigating through topics and selecting an item, the cart that appears is the wrong one. I need it to redirect to our custom cart, which includes built-in approval processes.

 

IMG_1655.PNG.    IMG_1657.PNG

Bonus question! How to edit the Save as draft, Add to Cart, Order Now buttons

(Setting 'No order now' to true doesn't hide Order Now.)

 

Thanks in advance! 

   

11 REPLIES 11

yeah it will be good to hear from them, though I am pretty sure that they will not be able to suggest but will be good to see if something comes.


Please mark the answer correct/helpful accordingly.


Raghav
MVP 2023
LinkedIn

Vincent_Shaw
Mega Contributor

To redirect the catalog item page’s cart to your custom sc_cart_it, you’ll need to override the default “Add to Cart” action in your Now Mobile configuration. In Mobile App Builder, edit the catalog item widget’s click action and set it to navigate to your custom cart page instead of the OOTB sc_cart.

For the buttons (Save as Draft, Add to Cart, Order Now), these are controlled by the widget’s properties. If No order now isn’t hiding the button, ensure the property is applied to the correct widget instance and refresh the app cache. Sometimes a full publish is required for changes to take effect.