Categories

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

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

Guillaume Dumas Декабрь 3, 2015
Rating: 5.0/5. From 3 votes.
Please wait...

Из этого туториала Вы узнаете, как удалить боковую панель со страницы категории товаров и сделать эту страницу полноширинной (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. Как удалить боковую панель со страницы категории товаров и сделать эту страницу полноширинной
Эта запись была размещена в WooCommerce туториалы и помечена как category, fullwidth, remove, sidebar, WooCommerce. Добавьте в закладки постоянную ссылку.

Submit a ticket

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