Home › Forums › WoodMart support forum › Sidebars
Sidebars
- This topic has 13 replies, 2 voices, and was last updated 6 years ago by
Elise Noromit.
-
AuthorPosts
-
March 2, 2019 at 8:51 pm #110614
russomediaParticipantДобрый день, у меня к вам вопрос.
Я хочу сделать липким sidebar.
Скачал плагин WP Sticky Sidebar.
В настройках плагина нужно указать class который использует sidebar, перепробовал куча вариантов с помощью F12, никак не нашел.Attachments:
You must be logged in to view attached files.March 3, 2019 at 7:25 am #110644
Elise NoromitMemberHello,
Here is the class used for the sidebar
sidebar-container
http://prntscr.com/msi6jtBest Regards
March 3, 2019 at 9:18 am #110652
russomediaParticipantЗдравствуйте, у меня так и стоит, но все равно не помогает.
Может в css нужно прописать что то?
Плагин WP Sticky Sidebar.
Если не сложно можете помочь пожалуйста?March 3, 2019 at 10:12 am #110666
Elise NoromitMemberHello,
Please have a look at the screenshot: http://prntscr.com/msjd1e
Here is the template code:
[vc_row][vc_column width="1/3"][vc_widget_sidebar sidebar_id="sidebar-1"][/vc_column][vc_column width="2/3"][vc_row_inner][vc_column_inner][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]
Please note Woocommerce attribute filters will work on shop /category pages only.
Best Regards
March 3, 2019 at 11:52 am #110680
russomediaParticipantНе работает
March 3, 2019 at 1:42 pm #110692
russomediaParticipantЯ уже устал пытаться сделать, можете зайти ко мне на сайт и посмотреть?
Может я что то не правильно сделалMarch 3, 2019 at 2:53 pm #110693
russomediaParticipantЯ не хочу именно sidebar иметь такой.
Я хочу именно сделать sidebar в длину страницы, чтобы виджеты не спускались а именно были в одном расположение,то есть вся страница спускалась,но sidebar всегда был виден.
Понимаете?
То что вы посоветовали мне, смотрится не так как надо.
Виджеты просто спускаются вниз, и на телефоне это смотрится ужасно.
Мне нужно чтобы вы подсказали как с помощью CSS сделать sidebar на всю длину и чтобы он был в одной позиции.March 3, 2019 at 4:49 pm #110702
Elise NoromitMemberHello,
Please provide your site admin access
Best Regards
March 3, 2019 at 5:11 pm #110708
russomediaParticipantсейчас
March 3, 2019 at 8:27 pm #110727
Elise NoromitMemberHello,
I do not see the template at the home page. Please specify the page where you have added the code and followed the instructions.
The idea is to create the sidebar by means of row and columns settings.
Best Regards.
March 3, 2019 at 10:38 pm #110739
russomediaParticipantЯ сделал как вы мне сказали по скриншоту.
Но меня такой вариант не устраивает.
Я хотел, чтобы вы мне сказали как сделать sidebar во всю длину именно с помощью CSS.
Понимаете?
Потому что то как вы мне подсказали,sidebar не скрывает в боковой панели на смартфонах и планшетах,а становиться над блоками.
Есть возможность сделать sidebar именно прилепленной к странице при прокрутке с помощью CSS?
Дать длинну,чтобы он был всегда слева сбоку при прокрутке.March 4, 2019 at 6:57 am #110747
Elise NoromitMemberHello,
If we leave the sidebar always on the side the main content would not be visible on mobile. Enter the main row and find the option Row reverse on mobile http://prntscr.com/msvgun enable it and the sidebar will go to under the content on mobile.
If you insist on leaving the sidebar on the side on mobile set the column width on mobile accordingly. https://wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/
https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/
Best Regards
March 4, 2019 at 4:22 pm #110853
russomediaParticipantНу как не будет виден ?
вы мне может все же скажите как с помощью CSS сделать?
То что вы мне предлагаете ну это не то.
я ведь вам скинул сайт, хочу как у них сделать.March 5, 2019 at 8:01 am #110952
Elise NoromitMemberHello,
Our theme does not have the option to do as you show on the sample. We do not have instructions on how to customize that.
It is not possible to do with CSS. That is why I suggested you to place the sidebar in a sticky column, here is the demo of the sticky column: https://woodmart.xtemos.com/blog/portfolio/potenti-parturient-parturie/
1. You need to add a row and divide into two columns
2. Make the columns of equal height: http://prntscr.com/mtehz5
3. Enable Row to revise on mobile/tablet as per your needs so that sidebar could go after the content on mobile http://prntscr.com/mteifw
4. Add the widgetized sidebar and choose your sidebar on the left https://gyazo.com/47c2e3319003dc5e428ccc788b6c4bfe
5. Add inner rows into the right and drag and drop your content https://gyazo.com/2de63d66721c6340cf15841da7939a89
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register