Need Some help in customization the order Details Page

[mawais25]

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 )

2) 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  

[Small_Task_Help]

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' %}
  <form action="/apps/your-app-name/cancel-order" method="post">
    <input type="hidden" name="order_id" value="{{ order.id }}">
    <button type="submit" class="btn btn-danger">Cancel Order</button>
  </form>
{% endif %}

2) Add a B2B Item to main menu and integrate contact form

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

<form method="post" action="/contact#contact_form">
  <input type="hidden" name="form_type" value="contact">
  <input type="hidden" name="utf8" value="✓">
  
  <label for="contact_name">Name</label>
  <input type="text" id="contact_name" name="contact[name]" required>
  
  <label for="contact_email">Email</label>
  <input type="email" id="contact_email" name="contact[email]" required>
  
  <label for="contact_message">Message</label>
  <textarea id="contact_message" name="contact[body]" required></textarea>
  
  <input type="submit" value="Send">
</form>

[mawais25]

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