When click on try it on catalog item instead of order now, Submit button should be displayed

1_DipikaD
Kilo Sage

Hi All,

I have a catalog item when I click on try it it shows order now,add to cart , quantity etc. But my requirement is on try it page instead of all these options only Submit button should be displayed. So for this I also tried below  catalog client script which is in 1st reply but it is not working as expected.

 

Also trying to display this catalog item on custom portal , how can I achieve these 2 requirements.

Plz reply asap.

 

 

@Sandeep Rajput @Ravi Gaurav @Dr Atul G- LNG @Mark Manders @Ankur Bawiskar @Community Alums 

1 ACCEPTED SOLUTION

1_DipikaD
Kilo Sage

To achieve this I wrote below catalog client script(onload):-

 

function onLoad() {
    // Change the 'Order Now' button label to 'Submit'
    var orderNowButton = document.querySelector("button.btn-primary");
    if (orderNowButton) {
        orderNowButton.innerHTML = "Submit";
        document.getElementById("oi_add_to_cart_button").style.display = "none";
        document.getElementById("sc_cart_item_list").style.display = "none";
    }
}

View solution in original post

9 REPLIES 9

Sandeep Rajput
Tera Patron
Tera Patron

@1_DipikaD If this is just about changing the order now button to Submit on the Service Portal then you can easily do it by making following changes on the catalog item.

Screenshot 2024-09-04 at 9.37.16 AM.pngScreenshot 2024-09-04 at 9.39.09 AM.png

 

 

 

Yes but it will make changes on portal view but I have requirement to hide order now with other buttons and to display Submit button on Try it Page.

1_DipikaD
Kilo Sage

Also tried cart layout but I think it will affect  existing catalogs as well.

@1_DipikaD The settings I shared is not on the cart layout but at the Catalog item level. However, it only applies at Service Portal level.