Delivery Information in Service Catalog - Make Mandatory?

Duncan Pederse1
Giga Expert

Hello!

I am working with the Two-Step Verification pop-up in the Service Catalog, as seen in the screenshot below.

We want to make Delivery Information mandatory for certain items.

Has anyone done this before? I know we can do it by customizing the 'Catalog Checkout' widget, but I was wondering if there was a more configuration-based solution out there? (With them so clearly specifying "Optional" there.. it seems like it makes sense to me that there would be an easy way to swap that to "Mandatory"...)

Thanks!

Duncan

Screenshot:

find_real_file.png

1 ACCEPTED SOLUTION

Willem
Giga Sage
Giga Sage

You can make it fancier if you want, but this will get you started:

  1. Create copy of SC Shopping Cart
  2. Create copy of Catalog Checkout (mine is called "copy-of-cat-checkout")

In SC Shopping Cart copy

line 35 Server script: Change to point to your Catalog Checkout Copy ("copy-of-cat-checkout"):

find_real_file.png

In Catalog Checkout copy

line 28 HTML Template: Remove the "Optional" by commenting out the "<span class="text-muted"> ${(Optional)}</span>". See below.

find_real_file.png

Line 68 HTML Template: Add condition to make the Checkout button only available if Delivery information is filled in:

find_real_file.png

 

Result

If Delivery information is not filled in Checkout is greyed out:

find_real_file.png

 

If it is filled in and you click outside the Delivery information field (or tab):

find_real_file.png

 

Please reward my efforts and mark as Helpfull and Correct Answer! 🙂

View solution in original post

5 REPLIES 5

Willem
Giga Sage
Giga Sage

You can make it fancier if you want, but this will get you started:

  1. Create copy of SC Shopping Cart
  2. Create copy of Catalog Checkout (mine is called "copy-of-cat-checkout")

In SC Shopping Cart copy

line 35 Server script: Change to point to your Catalog Checkout Copy ("copy-of-cat-checkout"):

find_real_file.png

In Catalog Checkout copy

line 28 HTML Template: Remove the "Optional" by commenting out the "<span class="text-muted"> ${(Optional)}</span>". See below.

find_real_file.png

Line 68 HTML Template: Add condition to make the Checkout button only available if Delivery information is filled in:

find_real_file.png

 

Result

If Delivery information is not filled in Checkout is greyed out:

find_real_file.png

 

If it is filled in and you click outside the Delivery information field (or tab):

find_real_file.png

 

Please reward my efforts and mark as Helpfull and Correct Answer! 🙂

I like that response as it is almost verbatim what I did. :) Thank you for all the helpful screenshots and effort!

Steve Pardoe
Tera Contributor

I'm trying to make the delivery information mandatory, but the solution from 2020 no longer works for me. Can someone advise how this is done now?

Steve Pardoe
Tera Contributor

I managed to get this working, it was missing stage to clone SC Catalog Item widget and replace the sc-checkout references to the new cloned version of that widget and then change the sc_cat_item page with this new widget.