Верх страницы
Обложка к записи Удаление сайдбара в теме Storefront для WooCommerce
Время для прочтения: 0 мин. 6 сек.

Удаление сайдбара в теме Storefront для WooCommerce

Вы используете тему Storefront для вашего магазина? Если да, то вы, наверно, заметили, что главная страница вашего магазина и все страницы WooCommerce, такие как: страница товара, архив продуктов и другие — все имеют сайдбар.

По умолчанию нет никакой настройки для его удаления, если только вы не установили плагин Storefront WooCommerce Customizer.

Но есть более простой путь для удаления сайдбара.

Если вы хоть немного понимаете в программированиии под WordPress, то с легкостью сможете дективировать некоторые хуки StoreFront, чтобы удалить боковую панель на всех страницах WooCommerce, или только на некоторых из них, и при помощи всего пары строк в CSS увеличите размер основного контейнера.

Откройте functions.php, находящийся в вашей дочерней теме Storefront wp-content/themes/yuor-child-theme-name/ и добавьте этот снипет в конец данного файла:

add_action( 'get_header', 'remove_storefront_sidebar' );
function remove_storefront_sidebar() {
	if ( is_woocommerce() ) {
		remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
	}
}

Теперь откройте style.css, лежащий там же и впишите в него:

body.woocommerce #primary {
	float: none;
	width: 100%;
}

Все ваши страницы WooCommerce стали без боковой колонки и на всю ширину страницы.

Если вы хотите удалить сайдбар только на некоторых страницах вашего сайта, воспользуйтесь условными тегами WooCommerce внутри самого сниппета.

Ссылки

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

2 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Олег
Олег
5 лет назад

Я думаю что как раз таки есть смысл описать удаление сайдбара в частных случаях. Например как у меня только в карточке товара он не нужен. Но к тому моменту как это будет описано тут я уже решу свою проблему.

А так сайдбар убрать просто. Достаточно просто ничего в него не размещать и он не будет отображаться ни на одной из страниц.

А вот когда нужно его отображение на одних страницах и не нужно на других тут то и есть весь смысл манипуляций. А удалять его со всего сайта как-то не комильфо.

Предыдущая запись
Следующая запись

Давайте дружить
в Telegram

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы