Need Some help in customization the order Details Page

Hi

I am using electro theme on my shopify store , i need to do the following things , Can someone guide me how to achieve that

1 ) in the Order Details Page , i want to Add order Cancel Button so that the customer can cancel the orders that are pending or not fullfilled ( Please See the Attached Screenshot )

  1. on my main menu bar , i want to Add one more item ( B2B ) & in that B2B page , i want to integrate contact Form that will be send to the specific email that i will be integrating . I am having issue in understanding that how can i customize the B2B page after adding it into the menu bar from the Navigation option and how can i customize that Page

for the Above 2 Tasks Screenshots are attached . Your Help in Achieveing the above point will matters most to me

Hi,

  1. At Order Details page template (order.liquid or order-details.liquid. or similar) modify the code to add order
    cancel button

Code example

{% if order.status == 'pending' or order.status == 'unfulfilled' %}
  
{% endif %}
  1. Add a B2B Item to main menu and integrate contact form

Code example (Customize the B2B Page an include contact form)


Hi Thanks for the help , i will try it for sure , I have two Concerns from your question

1 ) how can i Custiomize the B2B Page ? Can you tell me the Path ?

2 ) how can i integrate the email to the form so that if someone fills the form it will definetely send the form entries to the concerned email ?

waiting for your response