WooCommerce – как скрыть боковую панель (сайдбар)

Рассмотрим два способа, как скрыть боковую панель (сайдбар) со страниц WooCommerce – в карточке товара, в корзине, на странице оформления заказа и в личном кабинете.

• с помощью кода в funcitons.php (рекомендуется)
• с помощью плагина WooSidebars

Скрыть с помощью функции

В этой функции мы задаём условие, на каких страницах скрыть боковую панель и изменяем CSS, чтобы контент был на всю ширину страницы.

/* 
 * Скрываем боковую панель:
 * - в карточке товара
 * - на странице оформления заказа 
 * - в корзине
 * - в личном кабинете
 */
add_action( 'get_header', 'usota_storefront_remove_sidebar' );
function usota_storefront_remove_sidebar() {
	if ( is_product() || is_checkout() || is_cart() || is_account_page() ) {
		remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
		?>
		<style>
			body.single-product #primary,
			body.woocommerce-cart #primary,
			body.woocommerce-checkout #primary,
			body.woocommerce-account #primary {
				width: 100%;
			}
		</style>
		<?php
	}
}

Скрыть сайдбар с помощью плагина

Устанавливаем плагин WooSidebars. Создаём новый сайдбар, привязываем его к карточке товара и остальным нужным страницам. Всё.

Если этот сайдбар не заполнять, то он не будет выводиться. Способ отлично работает в теме Storefront.

Если способ не работает – сообщите мне об этом.

Зачем вообще убирать сайдбар с карточки товара? Ну пусть там выводится каталог, фильтры какие-нибудь или баннеры. Мешают что ли? Совершенно верно – мешают.

Покупателя ничего недолжно отвлекать от выбора товара. Он изучает товар, смотрит на фото. Нужно сосредоточить его внимание только на товаре. Не отвлекать.

То же самое касается и корзины, и страницы оформления заказа. На этих страницах сайдбары с лишней информацией не нужны.