WooCommerce. Как удалить боковую панель со страницы категории товаров и сделать эту страницу полноширинной

Из этого туториала Вы узнаете, как удалить боковую панель со страницы категории товаров и сделать эту страницу полноширинной (fullwidth) в Woocommerce.

По умолчанию, у страницы категории товаров (product category) есть правая боковая панель (sidebar), которая занимает 25% ширины содержимого страницы:

Для того чтобы удалить боковую панель (sidebar) и сделать страницу полноширинной (fullwidth), нам нужно внести изменения в файлы tm-close-wrapper.php и tm-open-wrapper.php. Вы можете использовать инструмент управления FTP или Файловый менеджер (File manager) вашей Панели управления хостингом, для того чтобы внести необходимые изменения. Следуйте таким инструкциям:

1. Откройте файл wp-content/themes/themeXXXXX/woocommerce/tm-close-wrapper.php в редакторе кода (code editor) (например Notepad++ или Sublime Text). Удалите следующий фрагмент кода:

   ?

   1 2 3 4

   <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>

   

2. Сохраните изменения в файле tm-close-wrapper.php и загрузите его на сервер.

3. Откройте файл wp-content/themes/themeXXXXX/woocommerce/tm-open-wrapper.php в редакторе кода (code editor). Найдите следующий фрагмент кода:

   ?

   1 2	"<!--?php echo cherry_get_layout_class( 'content' ); ?-->"

   И замените его на:

   ?

   1 2

   "span12"

   

4. Сохраните изменения в файле tm-open-wrapper.php и загрузите его на сервер.

5. Обновите страницу категории товаров. Теперь боковая панель (sidebar) не отображается, а страница отображается на всю ширину экрана (fullwidth):

   

Вы можете также ознакомиться с детальным видео-туториалом ниже: