Wide view on category page and filter behavior
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page pleaseIf you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Quote from bennycohe on September 19, 2022, 12:57Hi,
I have 2 questions:
1. How do I display products on a custom category page? 100% page width display.
2. The V sign: After filtering in the filter performs the filtering work but is not saved. This happens in some filter preset and some not. Maybe I didn't explain myself well, 2 videos are attached, but the explanation in the videos will be better
https://1drv.ms/v/s!AlJM7dNlHfVYoqoLNKVwCdXKHA8chA?e=7rLirC
https://1drv.ms/v/s!AlJM7dNlHfVYoqoKcSmEL3o8wK9qGQ?e=eQON92
Thanks Benny
Hi,
I have 2 questions:
1. How do I display products on a custom category page? 100% page width display.
2. The V sign: After filtering in the filter performs the filtering work but is not saved. This happens in some filter preset and some not. Maybe I didn't explain myself well, 2 videos are attached, but the explanation in the videos will be better
https://1drv.ms/v/s!AlJM7dNlHfVYoqoLNKVwCdXKHA8chA?e=7rLirC
https://1drv.ms/v/s!AlJM7dNlHfVYoqoKcSmEL3o8wK9qGQ?e=eQON92
Thanks Benny
Quote from Pablo Borysenco on September 20, 2022, 12:51Hello Benny
- It is better to ask the support of the author of your template. My shortcode for displaying products uses the current theme template
- Everything is simple! you have several identical filters on one page. And you use such an element as a radio (only one choice is possible, this is the whole point of this element) and this element is marked in another filter on your page (maybe this filter is hidden)
Hello Benny
- It is better to ask the support of the author of your template. My shortcode for displaying products uses the current theme template
- Everything is simple! you have several identical filters on one page. And you use such an element as a radio (only one choice is possible, this is the whole point of this element) and this element is marked in another filter on your page (maybe this filter is hidden)
Quote from bennycohe on September 20, 2022, 13:42Hi Pablo
- I can ask but before I will doing it and I will have an answer how I will combine it with your shortcut, Because I need yours to have the filtering effect, not his shortcode, His shortcode gave me just a 100% wide page view. Can you formulate a question for me that I will use so that the answer will be understandable to you and serve us how to combine the template wide effect with your shortcode to have the 100% wide page view.
- I did not understand the answer (-: , I will write you below 2 Preset filters of different custom pages
A. skin-care custom page
https://myshopshop.com/beauty-and-personal-care/skin-care/
C <p style="text-align: center;">[woof_products taxonomies="product_cat:9780" woof_products per_page=12 columns=4]</p>B. sports-camping custom page
https://myshopshop.com/sports-camping/
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>The only difference between them is: "product_cat"
Why "skin-care" custom page filtter work like expected and keep the V radio after filtering and "sports-camping" custom page Not doing this behave.
Thanks Benny
Hi Pablo
- I can ask but before I will doing it and I will have an answer how I will combine it with your shortcut, Because I need yours to have the filtering effect, not his shortcode, His shortcode gave me just a 100% wide page view. Can you formulate a question for me that I will use so that the answer will be understandable to you and serve us how to combine the template wide effect with your shortcode to have the 100% wide page view.
- I did not understand the answer (-: , I will write you below 2 Preset filters of different custom pages
A. skin-care custom page
https://myshopshop.com/beauty-and-personal-care/skin-care/
C <p style="text-align: center;">[woof_products taxonomies="product_cat:9780" woof_products per_page=12 columns=4]</p>B. sports-camping custom page
https://myshopshop.com/sports-camping/
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>The only difference between them is:"product_cat"
Why"skin-care" custom page filtter work like expected and keep the V radio after filtering and"sports-camping" custom page Not doing this behave.
Thanks Benny
Quote from Pablo Borysenco on September 21, 2022, 11:01Hello
1 The styles of my shortcode depend on the styles of your theme. Because to display products, my shortcode uses the current theme template
2 Please read my previous message again more carefully. The reason is that two filters are displayed on this page. My video - https://c2n.me/4gGpo5C - As you see on the video, there is a second filter on this page and it is hidden, unfortunately I don't know why you added it. But this is the reason for this behavior
Hello
1 The styles of my shortcode depend on the styles of your theme. Because to display products, my shortcode uses the current theme template
2 Please read my previous message again more carefully. The reason is that two filters are displayed on this page. My video - https://c2n.me/4gGpo5C - As you see on the video, there is a second filter on this page and it is hidden, unfortunately I don't know why you added it. But this is the reason for this behavior
Quote from bennycohe on September 21, 2022, 18:59Hi Pablo, Please try to help me Because my knowledge is limited in this area, I will explain:
This is my custom page code editor:
..........................................................................................................................................................................................................................................................................................
<!-- wp:flatsome/uxbuilder -->
[ux_banner height="450px" height__sm="300px" height__md="450px" bg="26467" bg_size="original" bg_overlay="rgba(0,0,0,.5)" bg_pos="12% 100%" parallax="5"]
[text_box position_x="50" position_y="50"]
<h2 class="uppercase">ספורט ופעילות בטבע</h2>
<p>ספורט ופעילות בטבע, שפע של ציוד לטיולים, כל היתרונות הגופניים והמנטליים של ביצוע פעילות ספורטיבית בלב הטבע או מגוון ציוד למקימים אוהל בקמפינג.</p>
[/text_box]
[/ux_banner]
[section bg_overlay="rgb(0, 0, 0)" padding="0px"]
<p style="text-align: center;"><span style="color: #808080;"><span style="color: #c0c0c0;"><</span></span><span style="color: #808080;"> <a href="https://myshopshop.com/shop-by-caregorys/">כל המחלקות</a><span style="color: #c0c0c0;"> |</p>
[/section]
<h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-26478" href="#">ספורט ופעילות בטבע</a></h2>
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
<!-- /wp:flatsome/uxbuilder -->..........................................................................................................................................................................................................................................................................................
This 2 lines represents the flyout-trigger container AND The Filter short code.
<h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-26478" href="#">ספורט ופעילות בטבע</a></h2>
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>..........................................................................................................................................................................................................................................................................................
In my unprofessional eyes I see only one filter and you claim there are 2 filters, the second one is hidden.
My question is, how do I get rid of the second hidden filter will not disturb to main one?
I don't understand how it happened, you saw that in the second department the filter was tested as expected
Thanks a lot pablo
Benny
Hi Pablo, Please try to help me Because my knowledge is limited in this area, I will explain:
This is my custom page code editor:
..........................................................................................................................................................................................................................................................................................
<!-- wp:flatsome/uxbuilder -->
[ux_banner height="450px" height__sm="300px" height__md="450px" bg="26467" bg_size="original" bg_overlay="rgba(0,0,0,.5)" bg_pos="12% 100%" parallax="5"]
[text_box position_x="50" position_y="50"]
<h2 class="uppercase">ספורט ופעילות בטבע</h2>
<p>ספורט ופעילות בטבע, שפע של ציוד לטיולים, כל היתרונות הגופניים והמנטליים של ביצוע פעילות ספורטיבית בלב הטבע או מגוון ציוד למקימים אוהל בקמפינג.</p>
[/text_box]
[/ux_banner]
[section bg_overlay="rgb(0, 0, 0)" padding="0px"]
<p style="text-align: center;"><span style="color: #808080;"><span style="color: #c0c0c0;"><</span></span><span style="color: #808080;"> <a href="https://myshopshop.com/shop-by-caregorys/">כל המחלקות</a><span style="color: #c0c0c0;"> |</p>
[/section]
<h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-26478" href="#">ספורט ופעילות בטבע</a></h2>
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
<!-- /wp:flatsome/uxbuilder -->
..........................................................................................................................................................................................................................................................................................
This 2 lines represents the flyout-trigger container AND The Filter short code.
<h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-26478" href="#">ספורט ופעילות בטבע</a></h2>
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
..........................................................................................................................................................................................................................................................................................
In my unprofessional eyes I see only one filter and you claim there are 2 filters, the second one is hidden.
My question is, how do I get rid of the second hidden filter will not disturb to main one?
I don't understand how it happened, you saw that in the second department the filter was tested as expected
Thanks a lot pablo
Benny
Quote from Pablo Borysenco on September 22, 2022, 12:08Hello
First, please note that this shortcode is not a filter - [woof_products] This product display shortcode
There are two ways to display a filter: Shortcode [woof] and WOOF widget
In your case on this page you use these two shortcodes:
[woof taxonomies='product_cat:10465+yith_product_brand:10296' dynamic_recount='1' btn_position='tb']
[woof taxonomies='product_cat:10311+yith_product_brand:9680,10048,10296' dynamic_recount='1' btn_position='tb']
Unfortunately, I have no idea how and why you inserted the second shortcode. According to the HTML code, I see that you have 5 pop-up containers on the page - https://c2n.me/4gH2X3V.png (Perhaps by these IDs you can find the container in the settings)
the first container contains the filter you expect. In the second container there is the hidden filter.
For my part, I can't assume anything
Hello
First, please note that this shortcode is not a filter - [woof_products] This product display shortcode
There are two ways to display a filter: Shortcode [woof] and WOOF widget
In your case on this page you use these two shortcodes:
[woof taxonomies='product_cat:10465+yith_product_brand:10296' dynamic_recount='1' btn_position='tb']
[woof taxonomies='product_cat:10311+yith_product_brand:9680,10048,10296' dynamic_recount='1' btn_position='tb']
Unfortunately, I have no idea how and why you inserted the second shortcode. According to the HTML code, I see that you have 5 pop-up containers on the page - https://c2n.me/4gH2X3V.png (Perhaps by these IDs you can find the container in the settings)
the first container contains the filter you expect. In the second container there is the hidden filter.
For my part, I can't assume anything
Quote from bennycohe on September 22, 2022, 18:00HI
I did the thing I know best, since I don't understand much about code, I opened a new fresh clean page and entered exactly the same parameters as the problematic page + a new flyout-trigger-id-27810 container (with a new ID 27810)
https://myshopshop.com/ספורט-ופעילות-בטבע-בדיקה/
.....................................................
<!-- wp:flatsome/uxbuilder -->
[ux_banner height="450px" height__sm="300px" height__md="450px" bg="26467" bg_size="original" bg_overlay="rgba(0,0,0,.5)" bg_pos="12% 100%" parallax="5"]
[text_box position_x="50" position_y="50"]
<h2 class="uppercase">ספורט ופעילות בטבע</h2>
<p>ספורט ופעילות בטבע, שפע של ציוד לטיולים, כל היתרונות הגופניים והמנטליים של ביצוע פעילות ספורטיבית בלב הטבע או מגוון ציוד למקימים אוהל בקמפינג.</p>
[/text_box]
[/ux_banner]
[section bg_overlay="rgb(0, 0, 0)" padding="0px"]
<p style="text-align: center;"><span style="color: #808080;"><span style="color: #c0c0c0;"><</span></span><span style="color: #808080;"> <a href="https://myshopshop.com/shop-by-caregorys/">כל המחלקות</a><span style="color: #c0c0c0;"> |</p>
[/section]
<h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-27810" href="#">ספורט ופעילות בטבע</a></h2>
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
<!-- /wp:flatsome/uxbuilder -->........................................................................
This code represent the flyout-trigger-id-27810 container: <h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-27810" href="#">ספורט ופעילות בטבע</a></h2>
And This code represent the woof_products taxonomies="product_cat:10465: <p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
........................................................................................
Like you see there is one woof shortcode and there is not hiden one and still have the problem.
and if I will build more preset filters in the further I will have the same problem behavior.
Any way thanks to your help.
I give up. Thanks Benny
HI
I did the thing I know best, since I don't understand much about code, I opened a new fresh clean page and entered exactly the same parameters as the problematic page + a new flyout-trigger-id-27810 container (with a new ID 27810)
https://myshopshop.com/ספורט-ופעילות-בטבע-בדיקה/
.....................................................
<!-- wp:flatsome/uxbuilder -->
[ux_banner height="450px" height__sm="300px" height__md="450px" bg="26467" bg_size="original" bg_overlay="rgba(0,0,0,.5)" bg_pos="12% 100%" parallax="5"]
[text_box position_x="50" position_y="50"]
<h2 class="uppercase">ספורט ופעילות בטבע</h2>
<p>ספורט ופעילות בטבע, שפע של ציוד לטיולים, כל היתרונות הגופניים והמנטליים של ביצוע פעילות ספורטיבית בלב הטבע או מגוון ציוד למקימים אוהל בקמפינג.</p>
[/text_box]
[/ux_banner]
[section bg_overlay="rgb(0, 0, 0)" padding="0px"]
<p style="text-align: center;"><span style="color: #808080;"><span style="color: #c0c0c0;"><</span></span><span style="color: #808080;"> <a href="https://myshopshop.com/shop-by-caregorys/">כל המחלקות</a><span style="color: #c0c0c0;"> |</p>
[/section]
<h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-27810" href="#">ספורט ופעילות בטבע</a></h2>
<p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
<!-- /wp:flatsome/uxbuilder -->
........................................................................
This code represent the flyout-trigger-id-27810 container: <h2 style="text-align: center;"><i class="fas fa-sliders-h" style="font-size: 24px; color: gray;"></i> <a class="flyout-trigger-id-27810" href="#">ספורט ופעילות בטבע</a></h2>
And This code represent the woof_products taxonomies="product_cat:10465: <p style="text-align: center;">[woof_products taxonomies="product_cat:10465" woof_products per_page=12 columns=4]</p>
........................................................................................
Like you see there is one woof shortcode and there is not hiden one and still have the problem.
and if I will build more preset filters in the further I will have the same problem behavior.
Any way thanks to your help.
I give up. Thanks Benny
Quote from Pablo Borysenco on September 23, 2022, 11:54Hello Benny
I checken your new page - https://c2n.me/4gHBfJ2.mp4 - yes there are two filters on this page
Unfortunately, I don't know how you set up your site either. For my part, I gave all possible information
Hello Benny
I checken your new page - https://c2n.me/4gHBfJ2.mp4 - yes there are two filters on this page
Unfortunately, I don't know how you set up your site either. For my part, I gave all possible information
Quote from bennycohe on September 23, 2022, 21:20Hi Pablo
Thanks for the last hint, All done and I found the problem and the "hidden filter".
The problem came from a filter i set up about 3-4 month ago. That filter supposed to filter the product by cities. I admit, I built it wrong. I saw his activity after you showed the last video.
After I cleared all the settings of this filter especially from the Flyouts contayner Which created a conflict as you explained, basically preventing any filter on every page to keep the V radio mark after filtering
In any case, everything works fine thanks to you, alone I could not point out the problem and where to start searching.
Thank you Pablo.
Hi Pablo
Thanks for the last hint, All done and I found the problem and the"hidden filter".
The problem came from a filter i set up about 3-4 month ago. That filter supposed to filter the product by cities. I admit, I built it wrong. I saw his activity after you showed the last video.
After I cleared all the settings of this filter especially from the Flyouts contayner Which created a conflict as you explained, basically preventing any filter on every page to keep the V radio mark after filtering
In any case, everything works fine thanks to you, alone I could not point out the problem and where to start searching.
Thank you Pablo.
Quote from Pablo Borysenco on September 26, 2022, 12:06Hello
Great! Welcome;)
Hello
Great! Welcome;)