How to Remove/Change/edit Header and Footer of Checkout Pages v3

It seems in Cs Cart v3, the header and footer remains the same from page to page. I wanted a custom header and footer. I prefer the header so that their is no navigation menu, and header to be smaller. There seems to be no way to disable it from the admin panel. If you go to Design > Blocks then click “checkout”, it might say something like:



“This container is NOT used. Top container from the default location will be used instead. Set this location as default to use this container as top for all locations.”



When you're on the checkout page, check the URL parameter to see which location_id belongs to the checkout. It might say something like selected_location=9, in my case my location_id is 9.



You must have a database administration tool like phpMyAdmin. You should have your database backed up incase something goes wrong. In phpMyAdmin go to cscart_bm_containers table. Look for the containers you wish to get rid of based on your location_id. I got rid of my TOP container and BOTTOM container.



Next if you wish to create your own header/footer for the checkout. Go to Design > Blocks in the admin panel. Click on checkout. Add a new block or two for the header, and a new block or two for the footer. You can put them in their own seperate containers if you wish.

Hey thanks Profs77, this is a great tip.



For example, my design features the drop down cart block in the header throughout the shop and i don't want that to still be accessible once they are on the Cart page proper (they don't need the drop down at that point) or into the checkout pages (by that stage you want customers moving forward into a sale rather than pondering whats in the cart or going back through the menu to browse again).



Using this database mod removes the header from the cart/checkout but it's probably something worth adding officially as an option to get certain containers out of the header/footer 'default for all' rule. You usually want that same header/footer on most pages so it's worth setting up but there's always some pages you want to edit differently but we have no choice with the current setup.

This works in version 4.

Is this still the only way to hide elements in checkout in 2016? An enclosed checkout should be encouraged; https://blog.kissmetrics.com/win-more-ecommerce-sales/

Is this still the only way to hide elements in checkout in 2016? An enclosed checkout should be encouraged; https://blog.kissmetrics.com/win-more-ecommerce-sales/

Since CS-Cart 4.3.x, you can click 'Set custom configuration' for header and footer on other locations like Checkout and etc.

Oh, thank you! I wasn't aware. :-)

Great article! Thanks for sharing.

Is this still the only way to hide elements in checkout in 2016? An enclosed checkout should be encouraged; https://blog.kissmetrics.com/win-more-ecommerce-sales/

Hi Darius, you're welcome. I'm actually doing a lot of research into the checkout process currently, as its estimated we lose up to 69% of our shoppers there. I purchased this report; http://baymard.com/checkout-usability and it is amazing what can confuse the average user. Or something as simple as the design can dilute their confidence in the perceived security of the site. (they can perceive input fields as being weak security or strong, simply by the design)