Question:
How can I hide or disable the “View Invoice” button in the My Orders section of my Wix Stores? I’m using the default My Orders functionality, but I want to ensure customers don’t see or interact with the “View Invoice” button.
Product:
Wix Stores, Wix Editor
What are you trying to achieve:
I want to prevent customers from accessing or clicking the “View Invoice” button within the My Orders section. Ideally, I’d like to remove or hide the button completely. This is part of customizing the user experience for my store, where invoices are not needed by customers.
What have you already tried:
- Inspected the DOM and identified that the button is rendered inside an iframe with the
data-hook="invoice-link". - Attempted CSS injection through the iframe using Wix Velo code to hide the button, but the iframe’s content appears restricted.
- Explored other options, like recreating the My Orders section entirely using Wix Stores APIs, but that seems like a significant effort and might break the default functionality for other areas like My Wishlist and My Account.
Additional information:
-
The iframe for My Orders is identified as
#orderhistory1in the Wix Editor. -
The button HTML I inspected is as follows:
“View Invoice”
-
I’d prefer a solution that works within the default My Orders section, without needing to rebuild the entire My Account experience.
-
If there’s an advanced setting or API I can use to disable invoices altogether, that would also work.
Any advice or resources would be greatly appreciated!
