Home › Forums › WoodMart support forum › separate representation of categories and subcategories in the filter
separate representation of categories and subcategories in the filter
- This topic has 21 replies, 2 voices, and was last updated 5 years, 1 month ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 21, 2020 at 6:06 am #169023
RomancoParticipantHello
how can a filter be displayed when the parent category is given in the first drop-down list and the subcategory, associated with it, is given in the second
and choosing a parent category limits the list of related subcategories in the second drop-down list
January 21, 2020 at 6:09 am #169026
RomancoParticipantas an option – when setting the output of the first list of categories, enter the option – show only the category of the first level. and with the settings of the second – only the category of the second level
January 21, 2020 at 1:11 pm #169092
Aizaz Imtiaz AwanKeymasterHello,
Could you please share some relevant screenshots by pointing out the specific sections and the URL of that page .So I can check and help you out accordingly.
If you want to display filters then you can add from product description using html block, or
can use shop filter widget form Appearance >> Widgets.Best Regards.
January 21, 2020 at 4:18 pm #169135
RomancoParticipantso I would like these subsections to be displayed as a separate second filter, and not only displayed hierarchically inside the first filter
January 22, 2020 at 6:30 am #169186
Aizaz Imtiaz AwanKeymasterHello,
It is not possible to display product sub categories as a separate dropdown. But there is an option available to show/hide product categories hierarchy.
For Clarification see screenshots: https://www.screencast.com/t/64wbwenD
Or you can enable “Show current category ancestors” option which displays only relevant sub categories under specific parent category in the same dropdown when you clicks that parent category.
For Clarification see screenshots: https://www.screencast.com/t/xKmI1C6okX
If you are using filters through widgets then you can check the available option under “Product Categories” widget.
Screenshot for clarification: https://ibb.co/D9JTS93
You can also read our detailed documentation about how to create and display custom search filter in the following link: https://xtemos.com/docs/woodmart/faq-guides/create-filters-form/
Best Regards.
January 23, 2020 at 8:24 am #169360
RomancoParticipantThanks for the help! we did subcategories into attributes.
can I ask you a couple more questions?– How to make the icon display in two columns in the filter, as in the example here (Brands list) –
https://woodmart.xtemos.com/shop/demo/travel/– How to remove bold in Defoult Sorting?
– How can I provide the option to output Notes when hovering over the Characteristics, for the purpose of brief annotation?
– and how can one make, in relation to the Characteristics also displayed in the product card, displaying an icon in front of the Characteristics name in order to better distinguish each attribute?– How to make the callback widget active. it is provided by the template, but nothing happens on click. how best to configure it – https://woodmart.xtemos.com/shop/demo/travel/
– How can I change the alternation of social networks in the sidebar?
Thanks a lot!
January 23, 2020 at 2:29 pm #169432
Aizaz Imtiaz AwanKeymasterHello,
1) To display brands in 2 column in shop filters. Go to >> Appearance >> Widgets >> Shop Page filters and Add woodmart woocommerce layered nav and select display type 2 columns
For Clarification see screenshot: https://www.screencast.com/t/PGvpQ4Km
Result: https://www.screencast.com/t/J3sbsQQYXPYou also need to enable shop filters from widgets from Theme Settings >> Shop >> Shop filters content type.
Screenshot for clarification: https://www.screencast.com/t/cqe4mWSf1
2) To unbold the text in the default sorting you need to add the following CSS to Theme settings >> Custom CSS >> Global.
.woocommerce-ordering .orderby { font-weight: 400; }
Result: https://ibb.co/vLZVWr9
3) Which characteristics are you talking about and where you want to output Notes? If you have any example of that kind of relation then share the example or describe with screenshots.
4) You can add a button and use your custom link. That callback button is just an example button in our demo.
5) There is no such option for the alternation for sticky social networks you can check the available options in theme settings >> SOCIAL PROFILES.
If you are displaying social media icons with Wp-Bakery then you can display the following styles: https://woodmart.xtemos.com/social-buttons/
Best Regards.
January 24, 2020 at 11:03 am #169593
RomancoParticipantThank you so much for such attention and help, this is unprecedented!
I will continue ..
we are talking about the Characteristics that can be displayed under the price of a product, or in a separate tab (product attributes, approximately, like a computer configuration). they are quite scientific, which requires explanation. I will now show examples of the output of such Help notes.
they can be in the description of the product cards (questions) –
https://sun9-49.userapi.com/c855616/v855616576/1df841/sPXeskNfslU.jpg
https://sun9-68.userapi.com/c855616/v855616576/1df830/sVcLwOqU93k.jpghttps://www.ulmart.ru/goods/4583973#tab-properties
http://www.rosebook.ru/roses/tea-hybrid/acapella/January 24, 2020 at 11:05 am #169595
RomancoParticipantand can also be in filters –
https://sun9-54.userapi.com/c855616/v855616576/1df848/FTapCi_jTCQ.jpg
https://sun9-20.userapi.com/c855616/v855616576/1df84f/4oyisEsjnrU.jpghttps://market.yandex.ru/catalog–mobilnye-telefony/54726/list?hid=91491&track=pieces&local-offers-first=0&onstock=1&viewtype=list
! move the attribute to the right and a question will appearThere is even a clear definition of this option. but I forgot it)
like this, in the Specifications, labels are indicated –
https://sun9-27.userapi.com/c855616/v855616576/1df856/uQJ3ShfQNTs.jpgit will be great if you implement it!
January 24, 2020 at 11:06 am #169598
RomancoParticipantalso, it would be very effective. if the description (specific attribute) turned into an active link. and when switching to it, an automatic filter was created (by the type of folksonomy).
January 24, 2020 at 2:21 pm #169640
Aizaz Imtiaz AwanKeymasterMost Welcome,
I have seen your provided URLs and got your point. If you want to show something else like images etc in short description area of product which shown after the product price then you can create your content in a sample page with Wp-Bakery page builder and copy the short code to short description area in this way you can display your short description in more prominent way. But you can not provide fields for users to input their custom notes.
For the filters you can try sidebar in product page. You can set the sidebar from product edit page from “Sidebar option”. About the description tab it is not possible to turned into an active link. In the sidebar you can add your widgets.
Result: https://ibb.co/bNYfw5q
Best Regards.
January 24, 2020 at 2:56 pm #169659
RomancoParticipant“But you can not provide fields for users to input their custom notes.”
no no, these are not user notes. these are just reference notes that explain the meaning of an option (attribute). not everyone can know the technical terms.
January 25, 2020 at 6:26 am #169733
Aizaz Imtiaz AwanKeymasterHello,
I got your point if those notes are just reference notes then simply add that information inside your product description area from product edit page.
Screenshot for clarification: https://ibb.co/yRXvNLK
Also you can use custom tab to display this type of information to explain the meaning of an option (attribute).
Check screenshot for your satisfaction: https://ibb.co/dQSgcN2
Best Regards.
January 25, 2020 at 10:33 am #169761
RomancoParticipantThanks.
and one more question, please. Is there a way to make the search form a little smaller (in height). and a little more rounded. as it is in the well-known examples –
https://sun9-53.userapi.com/c857420/v857420855/159d11/Gzxst_G8lpQ.jpg
https://sun9-72.userapi.com/c857420/v857420855/159d08/8bxZfn07rG8.jpgI have it now. and it’s too big –
https://sun9-37.userapi.com/c857420/v857420855/159cd5/pOYHGNVr36k.jpgJanuary 25, 2020 at 11:25 am #169768
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshot you added. To add rounded border you need to add Custom CSS in Theme Settings >> Custom CSS >> Global Custom CSS.
.woodmart-search-form .s { border-radius: 20px; }
Result: https://ibb.co/t4s0ms6
Height modification is not possible with CSS, because it disturbs the inner elements like icons placeholders etc.
Best Regards.
January 25, 2020 at 2:00 pm #169788
RomancoParticipantsaved several times, it does not work for me. search form does not change. settings –
https://sun9-65.userapi.com/c857336/v857336389/be309/ALTlC5KYWI0.jpgJanuary 25, 2020 at 4:24 pm #169804
RomancoParticipant“Height modification is not possible with CSS, because it disturbs the inner elements like icons placeholders etc.”
But if I change the size of the icon, the height can be changed? need no more than 4px
January 27, 2020 at 6:56 am #169922
Aizaz Imtiaz AwanKeymasterHello,
The code I provided you to change the border-radius of the search form is working absolutely fine on my end.
Screenshot for Clarification: https://www.screencast.com/t/W877DzYuR
May be you are not using it in the correct way. Please add the code to Theme Settings >> Custom CSS >> Global Custom CSS.
Screenshot for Clarification: https://www.screencast.com/t/Rfp9K4Fgf
As I mentioned in my previous reply Height modification is not possible with CSS, because it disturbs the inner elements like icons placeholders even if you change the font size of the icons.
In case if the code still not works for rounded borders after following my instructions, then provide your admin login details so that I can test that code on your site by myself and help you out accordingly.
Best Regards.
January 27, 2020 at 7:26 am #169950
RomancoParticipantThanks again for the help. but unfortunately, the code really doesn’t work for me. I provide data to make sure.
January 27, 2020 at 1:25 pm #170026
Aizaz Imtiaz AwanKeymasterHello,
I have fixed the issue on your site. Now the search bar is displaying as you want it to display. I have added the following code to Theme Settings >> Custom CSS >> Global Custom CSS.
.whb-general-header .whb-column.whb-col-center.whb-visible-lg .woodmart-search-form .s { border-radius: 20px; height: 30px; }
I used 30px for height just to set an example for you but you can change the pixels from the above code.
.`whb-general-header .searchform.search-style-with-bg.woodmart-ajax-search .searchsubmit {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}`Result: https://ibb.co/t8b3mvx
Best Regards.
January 27, 2020 at 6:02 pm #170099
RomancoParticipantjust perfect. we are delighted! thank you so much!
January 28, 2020 at 5:27 am #170136
Aizaz Imtiaz AwanKeymasterMost Welcome
:-)
If you do not mind, can you please leave 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.
Thanks for contacting us.
Have a great day:-)
Topic Closed.
Best Regards. -
AuthorPosts
The topic ‘separate representation of categories and subcategories in the filter’ is closed to new replies.
- You must be logged in to create new topics. Login / Register