Skip to main content

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

Status: Rejected6 comments

Log in to comment and vote

Comments6

  • Marcello Violini

    Team•

    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

      Team•

      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

      Team•

      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

    Team•

    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.