This tutorial will show you how to remove the sidebar from the product category page and make it fullwidth in Woocommerce.
By default, the product category page has a right sidebar that comprises 25% of the page content width:
In order to remove the sidebar and make the page fullwidth, we’ll need to make changes in the tm-close-wrapper.php and tm-open-wrapper.php files. You can use either FTP manager tool or File manager of your control panel to make the necessary changes. Please do the following steps:
Open up the wp-content/themes/themeXXXXX/woocommerce/tm-close-wrapper.php file in a code editor (like Notepad++ or Sublime Text). Remove the following code:
<div class="sidebar <?php echo cherry_get_layout_class( 'sidebar' ); ?>" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php"> <?php get_sidebar(); ?> </div>
Save the changes to the tm-close-wrapper.php file and upload it to the server.
Open up the wp-content/themes/themeXXXXX/woocommerce/tm-open-wrapper.php file in a code editor. Find the following code:
"<?php echo cherry_get_layout_class( 'content' ); ?>"
And replace it with:
Save the changes to the tm-open-wrapper.php file and upload it to the server.
Reload the product category page. Now the sidebar is removed from it and its layout is fullwidth:
Feel free to check the detailed video tutorial below: