Перейти к содержимому


Фотография
- - - - -

Фильтр положить в Off-Canvas. Частично получилось, но что-то не так.


Сообщений в теме: 3

#1 Iv_Le

Iv_Le

Отправлено 26 June 2015 - 09:51

Здравствуйте. Решил сэкономить место на сайте и сделать его немного поинтереснее. Для этого пошел использовать Off-Canvas. А именно воспользоваться этой схемой: 
 
<!-- This is an anchor toggling the off-canvas sidebar -->
<a href="#my-id" data-uk-offcanvas>...</a>

<!-- This is a button toggling the off-canvas sidebar -->
<button class="uk-button" data-uk-offcanvas="{target:'#my-id'}">...</button>

<!-- This is the off-canvas sidebar -->
<div id="my-id" class="uk-offcanvas">
<div class="uk-offcanvas-bar">...</div>
</div>
 
Я создал html-модуль с <button></button>, а также вставил нижний фрагмент этого кода в \mod_jbzoo_search\renderer\item\default.php, чтобы получить такую конструкцию:
 
<div id="filter-nah" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<?php echo $this->renderPosition('fields', array('style' => 'filter.block')); ?>
</div>
</div>

Но остается проблема: модуль коряво встал, кнопки остались на прежнем месте (в позиции sidebar-b), заголовок тоже. Фильтровать - фильтрует, но выглядет не очень. 

 

Может я что-то не туда вставил или воспользовался не той конструкцией?

 


  • 0

#2 laRus

laRus

Отправлено 27 June 2015 - 00:09

Iv_Le, Вы зеленым по-английскому написали "filter-nah" ..и хотите после этого, чтобы модуль не коряво встал?  :)) 

Извините, пожалуйста.. :)  

 

Дайте хоть, плз, ссылочку на страницу, посмотреть!

 

(и мне оч.-оч. понравилась Ваша идея - скрыть фильтр с помощью off-canvas!! Я "сплагиатю", можно? :) )


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#3 Iv_Le

Iv_Le

Отправлено 27 June 2015 - 06:03

А как еще назвать фильтр, который не хочет отображаться как надо? Фильтр нах! :)

 

Только я отказался от Offcanvas, так как не смог подружить его с фильтром. И засунул в DropDown. Но и здесь свои проблемы. Например внутри дропдауна нельзя (или я не умею) создать Accordeon.

 

За плюсик - почти все можно :)

 

 

П.С.

Линк в ЛС


  • 0

#4 laRus

laRus

Отправлено 27 June 2015 - 19:36

Линк в ЛС
:)  Спасибо, я посмотрю ! 
  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..




Click to return to top of page in style!