Home Forums WoodMart – Premium Template separate representation of categories and subcategories in the filter

This topic contains 21 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 2 months ago.

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #169023
    Romanco
    Romanco
    Customer

    Hello

    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

    #169026
    Romanco
    Romanco
    Customer

    as 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

    #169092

    Hello,

    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.

    #169135
    Romanco
    Romanco
    Customer

    so I would like these subsections to be displayed as a separate second filter, and not only displayed hierarchically inside the first filter
    screen

    Private Content Hidden
    #169186

    Hello,

    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.

    #169360
    Romanco
    Romanco
    Customer

    Thanks 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!

    • This reply was modified 2 months, 1 week ago by Romanco Romanco.
    #169432

    Hello,

    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/J3sbsQQYXP

    You 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.

    #169593
    Romanco
    Romanco
    Customer

    Thank 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.jpg

    https://www.ulmart.ru/goods/4583973#tab-properties
    http://www.rosebook.ru/roses/tea-hybrid/acapella/

    #169595
    Romanco
    Romanco
    Customer

    and 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.jpg

    https://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 appear

    There 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.jpg

    it will be great if you implement it!

    #169598
    Romanco
    Romanco
    Customer

    also, 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).

    #169640

    Most 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.

    #169659
    Romanco
    Romanco
    Customer

    “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.

    #169733

    Hello,

    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.

    #169761
    Romanco
    Romanco
    Customer

    Thanks.

    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.jpg

    I have it now. and it’s too big –
    https://sun9-37.userapi.com/c857420/v857420855/159cd5/pOYHGNVr36k.jpg

    #169768

    Hello,

    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.

    #169788
    Romanco
    Romanco
    Customer

    saved several times, it does not work for me. search form does not change. settings –
    https://sun9-65.userapi.com/c857336/v857336389/be309/ALTlC5KYWI0.jpg

    #169804
    Romanco
    Romanco
    Customer

    “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

    #169922

    Hello,

    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.

    #169950
    Romanco
    Romanco
    Customer

    Thanks again for the help. but unfortunately, the code really doesn’t work for me. I provide data to make sure.

    Private Content Hidden
    #170026

    Hello,

    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.

    #170099
    Romanco
    Romanco
    Customer

    just perfect. we are delighted! thank you so much!

    #170136

    Most 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.

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘separate representation of categories and subcategories in the filter’ is closed to new replies.