Home › Forums › WoodMart support forum › Shop filters made by HTML Block

Shop filters made by HTML Block

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 4, 2024 at 6:56 pm #587863

    info1.wd
    Participant

    Hello Sir,

    I used HTML Block to make the Shop filters.
    How to let the inside list content always open.
    By the way, I have set “Theme settings-Product archive-Shop filters- Shop filters area always opened” already.

    Pls see the picture…

    Tks!

    Attachments:
    You must be logged in to view attached files.
    August 5, 2024 at 1:39 pm #587988

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    In the HTML block you can not show the filters always open. It only works for the Filter widgets option. https://ibb.co/tMqnb9C

    Please select the wdigets option from the theme settings https://ibb.co/tMqnb9C then navigate to the Appearance >> Widgets >> Edit the Shop filter widget >> Add the Filter widgets.
    https://ibb.co/zN006fj

    Best Regards.

    August 5, 2024 at 2:07 pm #588018

    info1.wd
    Participant

    Hello Sir,

    Thanks for your reply.

    If I want the filters always open, and at the same time, I want different Product archive showed different Shop filters, is it possible?
    If it’s possible, could you give some insturction?

    Tks!

    August 6, 2024 at 1:35 pm #588438

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Do you want to show different filters on the different product category pages?

    If yes, then yes, you can show the filter widgets on different categories, please edit the filter widget and select the filter widget on which category you want to show: https://ibb.co/fGWp1Fb

    Best Regards.

    August 6, 2024 at 7:19 pm #588559

    info1.wd
    Participant

    Hello Sir,

    Thanks for you reply.
    One more question is : How to make the list of “SHOP FILTER” display from left to right instead of from top to bottom?

    My settings are:
    Insert “sidebar” into the page/layer, then Sidebar source choose “shop filters”

    Pls check with the attached photo…

    Tks!

    Attachments:
    You must be logged in to view attached files.
    August 7, 2024 at 2:54 pm #588729

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please read and follow the instructions here:
    https://xtemos.com/docs-topic/how-to-add-filters-are-in-custom-shop-page/

    The sidebar only show in the vertical layout not in horizontal layout. You can try this custom CSS code as well if you still need to use the sidebar:

    .elementor-element.elementor-element-13f929d.elementor-widget.elementor-widget-wd_sidebar .elementor-widget-container {
    display: -webkit-inline-box;
    column-gap: 15%;
}

    Best Regards.

    August 7, 2024 at 9:27 pm #588829

    info1.wd
    Participant

    Hello Sir,

    Thank you very much for your help.

    The CSS does not work successfully, the sidebar filter (HTML block) still keeps in a vertical position.

    Never mind, I learned from you already (You do give a huge support to me), so I will choose the widget to make the shop filter, but not the HTML…

    I am almost done with this topic, but could you help me with one more question?

    Pls, check the attached photos….

    This is the screenshot of the opened shop filter…
    The drop-down menu shows 6 items by default, I want to show only 4 items, is it possible?
    Because 6 items are too many compare with other attributes , cause the page looks not neat and beautiful.

    Tks!

    Attachments:
    You must be logged in to view attached files.
    August 8, 2024 at 1:05 am #588853

    info1.wd
    Participant

    Hello Sir,

    I already know how to set the height of WIDGET:
    It is: Theme settings—Product archive–widget–Height for filters widgets.
    so there is no need to reply to the question in my previous message. Tks!

    By the way, I still have some doubts with the CSS you provided.
    The correct position to upload the CSS is : Theme settings—Custom CSS—Global custom CSS, correct?
    I’m just a little curious as to why the CSS isn’t working…

    Tks!

    August 8, 2024 at 10:52 am #588942

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello

    Yes, this is the correct place to add the custom CSS code. Please try the below custom CSS code:

    .elementor-widget-wd_sidebar .elementor-widget-container {
    display: -webkit-inline-box !important;
    column-gap: 15% !important;
}

    Best Regards.

    August 8, 2024 at 2:23 pm #589007

    info1.wd
    Participant

    Hello Sir,

    Thanks for your CSS.
    It is workable, but move all the sidebar to a horizontal layout.

    There are two kinds of sidebar in my case.
    One is the “real sidebar” and needs to be on in a vertical & on sidebar area(left side of the page).
    Another is the “fake sidebar”, which needs to be changed to a horizontal & on content area(right of the page).

    Anyway, I am very satisfied with the support you provided.

    We can close this topic…

    Tks!

    August 8, 2024 at 5:56 pm #589089

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Sounds Great! that your issue has been solved.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts

Tagged: 

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

The topic ‘Shop filters made by HTML Block’ is closed to new replies.