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

RaghavSh
Mega Patron

@RichardSaunders so the page you see here is the portal page which opens up in /mesp portal.

Mesp portal i designed to show the portal pages within mobile apps.

 

If you want to control the redirection, use page route maps specific to mesp portal. It works as portal apge route maps but will just affect the mobile app.

 

Page Route maps is available in left navigation, you can create a new record with portal , from and to destination as per your requirement.


Please mark the answer correct/helpful accordingly.


Raghav
MVP 2023
LinkedIn

Thanks for the speedy response. We already have a Page route map in place for sc_cart to sc_cart_it. But it does not route to the correct cart.

@RichardSaunders Check the order , active and portal field of page route map and check they are correctly configured, this should work.


Raghav
MVP 2023
LinkedIn

There are two page route maps, one for the desktop portal and one for the mobile experience. I'm unable to edit the page route map for 'Mobile Employee Service Portal' as 

"Mobile Employee Service Portal configurations are required for the Mobile Native Application and cannot be modified"

 

RichardSaunders_0-1761732964416.png

However, i'm also unable to edit the me_sc_cart page or the SC Shopping Cart widget, making it impossible to use my own cart.