Выезжающий сайдбар на мобильном?

Question

[CosKrem]

Подскажите, пожалуйста. Как сделать, чтобы на маленьких экранах показывалась кнопка вызова сайдбар?
Нужно:
С компа - сайдбар виден.
С мобильного - кнопка: "фильтры" - нажимаешь и появляется сайдаб.
Спасибо

Comments

[Антон Литвиненко]

На компе кнопку сайдбара прячем, сам сайдбар статичен. На мобилке кнопку сайдбара показываем, а сайдбар прячем, ровно как с гамбургер меню

[CosKrem]

Антон Литвиненко, Хех... спасибо. hidden и visible все ясно и понятно. Вопрос КАК сделать кнопку с ссылкой на сайдбар? Вероятно я некорректно написал первый вопрос. Спасибо

[Антон Литвиненко]

CosKrem, ну это не кнопка с ссылкой. Это кнопка кнопка.
Если вопрос в том как вставить её в вёрстку, то как вариант добавить в сам шаблон или создать её с помощью js. В woocomnmerce я вставлял на хук

[CosKrem]

Антон Литвиненко, Нет, вопрос как сделать кнопку сайдбара

do_action( 'woocommerce_sidebar' ); - как это сделать кнопкой?

[Антон Литвиненко]

CosKrem, то что у вас написано это хук. К нему можно привязать вывод кнопки например

[CosKrem]

Антон Литвиненко, Я понимаю, что это хук. Вот и спрашиваю КАК к нему привязать кнопку. Как это вообще сделать?

Answer 1

[Антон Литвиненко]

CosKrem,

// вывод сортировки и кнопки переключателя фильтра
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
add_action('woocommerce_before_shop_loop', 'storm_catalog_ordering', 30);
function storm_catalog_ordering() {
	?>
		<div class="catalog-sorting-wrapper">

			<button type="button" class="fixed-toggle filter-toggle" id="filter-toggle">
				<i class="fa fa-filter"></i><?php _e('Filter','storm-store') ?>
			</button>

			<div class="product-sorting">
				<span class="product-sorting-label"><?php _e('Сортировать:','storm-store') ?></span>
				<div class="select-wrapper">
					<?php woocommerce_catalog_ordering() ?>
				</div>
			</div>

		</div>
	<?php
}

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