If you want to hide the complete right hand pane for order in Native UI
Below is the code configuration
Create a onload client script as below
function onLoad() {
adder.hide(); //Hides the right pane in catalog item while requesting
}
Note: I have created a custom submit button to submit the request.
Create a variable submit_button of type Custom, order of the variable should be highest so that it will be visible at the bottom
In the type specification under macro select the created macro- new_submit_button
Create a macro:
Name:new_submit_button
XML:
<j:jelly xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<button id="customSubmitButton" type="button">Submit</button>
<style>
#customSubmitButton {
background-color: #1f8476; /* Green background */
color: white; /* White text */
padding: 4px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
border-color: #10463f;
}
</style>
<script>
document.getElementById('customSubmitButton').onclick = function() {
// Custom submit logic here
g_form.orderNow();
};
</script>
</j:jelly>
The configuration should look like the above.
Once done you can reload the catalog item page to check the same.
Mark this post as helpful if it has solved your query.
1 ACCEPTED SOLUTION
@Community Alums I have tried using this on Load. but it is not working. it is still showing "Order Now" Button.
adder.hide();
