Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

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

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

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

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

How_to_remove_sidebar_from_product_category_page_and_make_it_fullwidth-1

Для того чтобы удалить боковую панель (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). Удалите следующий фрагмент кода:

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

    How_to_remove_sidebar_from_product_category_page_and_make_it_fullwidth-2

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

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

    			"<?php echo cherry_get_layout_class( 'content' ); ?>"
    		

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

    			"span12"
    		

    How_to_remove_sidebar_from_product_category_page_and_make_it_fullwidth-3

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

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

    How_to_remove_sidebar_from_product_category_page_and_make_it_fullwidth-4

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

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