checkout page without top bar
Is it possible to have the checkout page without the bar at the top of the page ? It might cause the user to click on it and lose conversions
Is it possible to have the checkout page without the bar at the top of the page ? It might cause the user to click on it and lose conversions
Log in to comment and vote
Comments6
Marcello Violini
Dec 5, 2023
You can apply this code to hide header and footer from checkout.
At this point we could put the development of a feature from the dashboard on standby.
Let's see if there is further interest from other clients.
<script> window.onload = function() { // Check if the page URL contains "checkout/cart" if (window.location.href.includes("checkout/cart")) { // Hide the element with the class ".inner_head" var innerHeadElement = document.querySelector(".inner_head"); if (innerHeadElement) { innerHeadElement.style.display = "none"; } // Hide the "footer" element var footerElement = document.querySelector("footer"); if (footerElement) { footerElement.style.display = "none"; } } }; </script>Salmon Yogurt
Dec 5, 2023
it works but is still showing for 1 second and then it disappears.
Would need the same code for the footer too
Thank you
Marcello Violini
Dec 5, 2023
Let's try to increase the execution speed from the next updates,
for the footer you can do something similar to what you did for the header:
<style> footer{ display: none !important; } </style>Salmon Yogurt
Dec 5, 2023
This feature would be useful for custom landing pages as well . Thanks
Marcello Violini
Dec 5, 2023
As for the custom page, you can add a section of custom HTML code within the desired page and use this code:
<style> .inner_head { display: none !important; } </style>Only important thing to respect is that the HTML code is the first section of the page.
Let us know if this solves it.
Marcello Violini
Dec 5, 2023
Hi,
thanks for the feedback.
We are considering whether to allow an option in the settings section or make the feature default for everyone.
Once we make a decision on this we will put the task in progress.