PluginUs.Net -WooCommerceとWordPressのビジネスツール





24〜36営業時間以内にメールが届かない場合は、まずスパムボックスをチェックし、サポートからのメールがない場合は、フォーラムに戻ってここで回答を読んでください。 しない] メールでの回答[]フォーラムから!! メールはあなたの情報のためだけのものであり、すべての回答はここでのみ公開する必要があります。


WOOF - WooCommerce Products Filter - v.
I can't get this option to work:
Hide the widget on a mobile device and a button appears to display the filter.
Appearance > Widgets : mobile mode = Yes
I also tried on no.
I always have the same behavior of the filter in mobile or computer.
I tried the option:
Woocommerce > Product Filter > Design > Hide Default Auto Filter = Yes
I do have an icon on computer and mobile.
I would like the behavior to be different between a mobile and a computer:
- Computer = open
- Mobile = hidden and a button to open it
Since the website is in production, for now I've hidden the mobile filters in css.
I also tried disabling my WP Rocket cache plugin.

When I add a title to my widgets, it does not appear.
So I added my title in css with the"::before" pseudo class and the content attribute.
I don't really like my solution.



ここにライセンスキーを貼り付けてください- -> およびwp-adminアクセス- - 私はそれをチェックします


I updated the private part



Please  delete  all your customization.

Watch this  video -

Please note that this is not a sidebar widget -  You just don't have the sidebar, naturally you don't display a widget and for that reason your widget settings don't apply because there is no widget on the page. - This is your customization to display the filter that should be displayed at the top of the products (better remove it - ) and try setting the template to display the sidebar with widgets

Indeed, I was not using the sidebar.
However when I activate the Woof Product Filter extension, the sidebar (left or right) goes below the content.
See the capture link in the private content: extension active.
If I disable the Woof Product Filter extension and add a widget, the widget appears in the correct place.
See the capture link in the private content: extension disabled.
I analyzed the HTML code, there are two div tag closures that occur before the aside tag that should be after.
See the HTML code link in the private content: when the Woof Product Filter extension is active.
Since the site is in production, at the moment the sidebar is not active.


Ok!  Are you making this theme yourself?  - In this case, check that the standards of the product display template are respected. Use hooks -  woocommerce_before_shop_loop  AND  woocommerce_after_shop_loop

If no - Better  try  another  theme  or  disable  Ajax  mode



It is indeed the Ajax mode that breaks the sidebar layout with the Enfold theme.
So if I disable Ajax mode the layout is fine.

However if I activate in the Widjet the mobile mode on yes.
The icon appears well in mobile but it is not clickable.
There is no JS or Jquery error in the console. Moreover in the html code, there is only a div tag and an image tag.

To work around this problem I did:
Appearance > Widget > Mobile mode > No
Woocommerce > Settings > Product Filter > Options > Yes, but only for mobile devices.
Woocommerce > Settings > Product Filter > Design > Hide Default AutoFilter > Yes.

Is this the correct method?
Is the filter not charging twice?

Tanks you very much,



This behavior can happen if the theme hides the sidebar for mobile devices


Indeed, the Enfold theme allows you to hide the sidebar on mobile.

I still have additional questions.
In hide the widget on a mobile device and a button appears to display the filter.
The detection is done with the device but not by the width of the screen, is that right?
If so, I have a problem with this for mobiles (tablets in landscape mode) larger than 990px because the theme works in screen width.
So, I set up CSS for screens from 990px, it seems to me to be using CSS classes that are only valid for"mobiles".
Which seems to me to correct the display.
.woof_show_mobile_filter {display:none!important;}
.woof_hide_filter {display:block!important;}

Is this the correct solution?

You can see on any category like:



The detection is done with the device but not by the width of the screen, is that right? - 正しい!

Is this the correct solution? - In your case, this is a great solution.




To resume for readers:
とともに Theme enfold and the widget.
Be careful with :
- Ajax mode
- Sidebar options and add custom css in theme.
- Layout for tablets in landscape mode.

You can close the ticket,



すごい! ようこそ;)