<a role="button" name="website_sale_main_button" class=" btn btn-primary w-100" href="/shop/checkout?try_skip_step=true">
Checkout
<i class="fa fa-angle-right ms-2 fw-light" data-oe-model="ir.ui.view" data-oe-id="1996" data-oe-field="arch" data-oe-xpath="/t[1]/div[1]/t[1]/t[2]/a[1]/i[1]"></i>
</a>
I have changed the flow of my e-commerce to force users to register for an appointment first before they pay. Everything works very well. I only need to change the text on the button from Checkout to Book Appointment.
I have tried this and it throws an error, that the button does not exist. How do I correctly reference this button? Thank you for the assistance.
<template id="custom_checkout_button_text" inherit_id="website_sale.checkout" name="Custom Checkout Button Text">
<xpath expr="//t[@t-out=\"step_specific_values['main_button']\"]" position="replace">
<t>Book Appointment</t>
</xpath>
</template>