Filters not showing on shop page

I want to display a filter on the shop page, but it’s not showing up.
I created it using the following document as a reference, but it still didn’t show up.
Please let me know how to solve this.
https://xtemos.com/docs-topic/how-to-create-filters-form/

Attachments:

You must be logged in to view attached files.

Hi doai.junji,

Thanks for reaching to us.

First of all, I’m really sorry have taken long time to reply you due to the weekend.

To assist you in the best possible manner, I kindly ask that you please submit your own topic and provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

We will provide you with the information.
There are also two additional points we would like you to confirm.

1. I would like the “Account” item to be displayed at the top of the mobile navigation.
I would like to move it below the search bar.

2. I would like to remove the brand bar in front of the footer on the product detail page.

Attachments:

You must be logged in to view attached files.

Hi doai.junji,

Thanks for details.

Can you please disable Bruce Force attack of JetPack? I cannot access your site https://prnt.sc/L4mir6LxgIOi

Regards,

The plugin has been disabled.
Thank you for your continued use.

Hi doai.junji,

1. Filters

It seems you want to enable Top filters, if so, please go to Theme Settings > Products archive > Shop filters and enable Shop filters option https://prnt.sc/omultr2xqVjw

2. Unfortunately, you cannot change the order of my account in the mobile menu. It requires customization and this is beyond our limitations and support policy.

3. You can edit footers via Elementor to remove the Brands https://prnt.sc/fyJ0sj4oQiec

Regards,

1. I want the filter to be displayed.

2. Understood.

3. I want to keep the HTML block itself.
Is my only option to delete the contents of the block without using CSS?
Is it possible to toggle the display on and off as shown in the attachment?

Attachments:

You must be logged in to view attached files.

Hi doai.junji,

1. I see the filters are set to display, please let me know if you need further helps.

3. It’s Prefooter so you can disable it from Prefooter https://prnt.sc/BuOD0-hgYjoo

Regards,

① I would like it to be displayed at all times on a PC screen.
On mobile screens, I would like it to remain as is.

②Regarding the mobile menu, could you please tell me which file to customize?

③Understood.

Attachments:

You must be logged in to view attached files.

Hi doai.junji,

1. You can enable Shop filters area always opened option in Theme Settings > Products archive > Shop filters https://prnt.sc/xsyB0Vp2Z-60

2. In order to modify header, I kindly recommend to use Header Builder instead https://xtemos.com/docs-topic/woodmart-header-builder/

Regards,

① This display is fine on a PC screen, but on a mobile screen I want the “filter” button to be displayed and the conditions to be hidden.

② If I use the header builder, will the current category dropdown be applied?
Also, if I don’t use the header builder, can I move the “accout” item to the top by customizing the php? Please give me a hint as to which php I should change in that case.

Hi doai.junji,

To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

I have summarized it in Google Slides.
Please take a look.

Hi doai.junji,

1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:

.shop-loop-head .wd-filter-buttons{
display: none;
}

2. Sorry, but there is no such option by default. It may require additional code customization. It is out of our theme support scope.

Regards,

1. The filter button disappears.
On PC, I want the filter button to disappear, but I want the conditions to remain visible.
On mobile, I want the filter button to stay on, but I want the conditions to remain hidden.
We have taken the above measures,
On pc, sometimes the conditions appear and sometimes they do not, and sometimes the custom css display:block is not reflected.
What is the cause?

Hi doai.junji,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

I don’t see the Filter button as you mentioned, only conditions https://prnt.sc/x1ZXOjn8k-Fm and on the mobile, it looks exactly what you wanted https://prnt.sc/EWJQLCZkEd8r

Regards,

Thank you.
The issue has been resolved.

There is something else I would like you to take a look at, so please check the attached file.
Thank you in advance.

Attachments:

You must be logged in to view attached files.

Hi doai.junji,

Glad to hear your issue has been resolved.

1. I didn’t see the Tags as you mentioned in the url https://prnt.sc/-8KdfUvlFvNg Can you please replicate so I can see the issue?

2. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.dokan-dashboard .wd-nav-img,
.dokan-dashboard .mega-menu-list img {
	width: revert-layer !important;
}

Regards,

Thank you for checking.

① I have attached a video link to the problem area in the private content, so please check it out.

② The problem has been resolved. Thank you.

There are two additional layout issues.

Could you please check them?

① When you “add a product” in Quick View, the layout of the button after adding is broken.

② The layout of the “More Products” tag on the product details page is broken.

Hi doai.junji,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

body.dokan-dashboard .select2-container--default .select2-selection{
	border-radius: 0;
}

body.dokan-dashboard .select2-container--open .select2-dropdown--below{
	margin-top: 0;
}

Regards,

Thank you.

I was able to fix it.

Please also check the following.

① When you “add a product” in Quick View, the layout of the button after adding is broken.

② The layout of the “More Products” tag on the product details page is broken.

The video URL is included in the private content.

Hi doai.junji,

I can’t see the video in Private message, please re-send then I can see the issue.

Regards,

I have attached the URL. Please check it.

Hi doai.junji,

You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

Regards,

Is there a problem with the plugin?
Which plug-ins might be affected?

Hi doai.junji,

Sorry but I cannot tell you exactly plugins caused that, so you should deactivate all plugins (except Required Plugins) and then reactivate them one by one.

Let me know how it goes.

Regards,

I tried disabling the elamentor plugin, but it did not fix the display.

Hi doai.junji,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

Yes, if you can put it back together, no problem.
Thank you very much.

[Author]

Posts