How do I remove the header and footer for a specific page without affecting other pages?

Rank-LV1-Photonflux.com | Professional WordPress Repair Service, Worldwide, Fast Response

Posted May 17th at 11:31pm

2761

I'm building a product detail page using the WoodMart theme and the Elementor editor. Currently I'm trying to hide the header and footer via Elementor's "Canvas" template, but I'm finding that the front-end page still loads the theme's default header and footer.

Tried and true method:

Select the "Elementor Canvas" template in the page properties.
Try using the code snippet plugin remove_action('woodmart_header', ...) manner of hiding
Disable global header display in theme settings (not working)

My goal is to only be inSpecific product detail pagesCompletely hide the header and footer and leave the rest of the page unchanged. Is there a recommended practice for this please? Do I need to use conditional tags or hooks to customize it?

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off

4 people have rated

commentaries Total 1

Please log in to post a comment

See only the author.

- roach tyrant4
  You can remove the header and footer only for specific product pages by adding a code in functions.php that uses is_product() and a product ID or slug determination, for example: add_action( 'template_redirect', function() { if ( is_product() && is_single(123) ) { remove_all_actions( 'woodmart_header' ) remove_all_actions( 'woodmart_footer' ); } }). This will not affect other pages and is safer and more effective than hiding globally.
  May 17, 11:36return (to a previous condition)
  report (malefactors to the police)