multiple shortcodes, duplicate element IDs
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 Mihai on June 17, 2025, 20:25Greetings,
On a page - https://m2adventure.ro/elementor-26380/ i have 2 woof short codes (technically there are 3 but for the sake of the example let's stick with 2). if you inspect the page - view-source:https://m2adventure.ro/elementor-26380/ , the drop downs have identical IDs ( id="woof_hh_slider_product_cat" ) - this will appear 3 times.
All 3 times short codes have different name parameters and different sid params:
[woof sid="generator_29b2e43800" name="desktop-sidebar2" ajax_redraw=0 redirect="https://m2adventure.ro/elementor-26380/" autosubmit=1 btn_position="tb"]
[woof sid="generator_29b2e4381" name="desktop-sidebar" ajax_redraw=0 redirect="https://m2adventure.ro/elementor-26380/" autosubmit=1 btn_position="tb"]Is this a bug, will it impact how things work?
If you load this page in the mobile view and click the hamburger menu, the mobile sidebar will open. Go to the last menu, last one the right, the drop downs are not working when clicked, I suspect this is caused by the multiple same IDs that appear on the page.
Thanks,
Mihai
Greetings,
On a page - https://m2adventure.ro/elementor-26380/ i have 2 woof short codes (technically there are 3 but for the sake of the example let's stick with 2). if you inspect the page - view-source:https://m2adventure.ro/elementor-26380/ , the drop downs have identical IDs ( id="woof_hh_slider_product_cat" ) - this will appear 3 times.
All 3 times short codes have different name parameters and different sid params:
[woof sid="generator_29b2e43800" name="desktop-sidebar2" ajax_redraw=0 redirect="https://m2adventure.ro/elementor-26380/" autosubmit=1 btn_position="tb"]
[woof sid="generator_29b2e4381" name="desktop-sidebar" ajax_redraw=0 redirect="https://m2adventure.ro/elementor-26380/" autosubmit=1 btn_position="tb"]
Is this a bug, will it impact how things work?
If you load this page in the mobile view and click the hamburger menu, the mobile sidebar will open. Go to the last menu, last one the right, the drop downs are not working when clicked, I suspect this is caused by the multiple same IDs that appear on the page.
Thanks,
Mihai
Quote from Mihai on June 17, 2025, 20:32another follow up, not sure if this matters, the hamburger instance of woof is injected directly from one of the theme files, i do not want to use the "filter" button that reveals the stock sidebar on mobile, i need to use the stock menu. here is the snippet that injects the husky filter, as far as i can tell this renders properly, the checkboxes work, it is only the drop downs that do not work properly:
if($tab_id==='menu-navigation'){// echo do_shortcode('[woof sid="generator_685167fb208fb1" name="mobile-V2" autohide="0" autosubmit="0" is_ajax="0" ajax_redraw="1" start_filtering_btn="0" btn_position="t" dynamic_recount="-1" hide_terms_count_txt="0" mobile_mode="0"]');echodo_shortcode('[woof sid="generator_29b2e438208fb4" name="mobile-V2" autohide="0" autosubmit="0" is_ajax="0" ajax_redraw="1" start_filtering_btn="0" btn_position="t" dynamic_recount="-1" hide_terms_count_txt="0" mobile_mode="0"]');// echo do_shortcode('[woof_mobile ajax_redraw=1 autosubmit=1]');}else{$locations=get_nav_menu_locations();if(isset($locations[$menu_key])){wp_nav_menu(array('menu'=>$locations[$menu_key],'menu_class'=>'accordion-menu','container'=> false,));}}__PRESENT
another follow up, not sure if this matters, the hamburger instance of woof is injected directly from one of the theme files, i do not want to use the"filter" button that reveals the stock sidebar on mobile, i need to use the stock menu. here is the snippet that injects the husky filter, as far as i can tell this renders properly, the checkboxes work, it is only the drop downs that do not work properly:
__PRESENT
Quote from Mihai on June 18, 2025, 05:26ok, i managed to fix this, the mobile menu was not working properly because of a low z-index value. The multiple id issue however, remains - when you have multiple woof filters in one page you get elements whith the same id multiple times which results in an incorrect DOM
ok, i managed to fix this, the mobile menu was not working properly because of a low z-index value. The multiple id issue however, remains - when you have multiple woof filters in one page you get elements whith the same id multiple times which results in an incorrect DOM
Quote from Mihai on June 18, 2025, 05:55I can't seem to be able to open a new support thread so i'm pasting in here in hope there is an easy fix:
I need to trigger a particular customization function after the form is refreshed (not the page).
jQuery(document).on("woof_ajax_done", () => {
console.log("filter updated");
customizeWoofUI();
// scrollCheckedCategoryToViewV2();
});does not seem to work.
To test:
1. https://m2adventure.ro/magazin/filtru/product_cat-accesorii-moto/
2. the second drop down is "Alege marca de motocicleta" - that is set via the custom script that executed on page loadRe-test:
1. Go to https://m2adventure.ro/magazin/
2. First drop down choose "Accesorii moto"
3. the second drop down appears but custom function to rename "Model" to "Alege marca de motocicleta" does not fireAlso tried to put the function in the Ui page, that did not fire it either.
Any ideas?
Thanks,
Mihai
I can't seem to be able to open a new support thread so i'm pasting in here in hope there is an easy fix:
I need to trigger a particular customization function after the form is refreshed (not the page).
jQuery(document).on("woof_ajax_done", () => {
console.log("filter updated");
customizeWoofUI();
// scrollCheckedCategoryToViewV2();
});
does not seem to work.
To test:
1. https://m2adventure.ro/magazin/filtru/product_cat-accesorii-moto/
2. the second drop down is"Alege marca de motocicleta" - that is set via the custom script that executed on page load
Re-test:
1. Go to https://m2adventure.ro/magazin/
2. First drop down choose"Accesorii moto"
3. the second drop down appears but custom function to rename"Model" to"Alege marca de motocicleta" does not fire
Also tried to put the function in the Ui page, that did not fire it either.
Any ideas?
Thanks,
Mihai
Quote from Pablo Borysenco on June 18, 2025, 12:55Hello Mihai
Only one filter (shortcode/widget) can be displayed on one page.
Unfortunately we do not support custom code.
Hello Mihai
Only one filter (shortcode/widget) can be displayed on one page.
Unfortunately we do not support custom code.
Quote from Mihai on June 18, 2025, 16:31Thank you for the reply.
1. no more than 1 husky filter per page? In the documentation (videos) there are plenty of examples of various filters with different configs on the same page - https://youtu.be/21FOcrYGgZ0?si=u_3bkTKZ9jSJd1PT&t=142
2. I am not looking for custom code support, I just need to know if there is an event or callback that is fired after the filter form is triggered (not the filter search). I am using the "Hierarchy drop down" filter type, and every time an user makes a selection I change the filter form (another more refined drop down appears). I would like to be able to trigger a custom function when the form refreshes and finishes rendering.
Many thanks,
Mihai
__PRESENT__PRESENT
Thank you for the reply.
1. no more than 1 husky filter per page? In the documentation (videos) there are plenty of examples of various filters with different configs on the same page - https://youtu.be/21FOcrYGgZ0?si=u_3bkTKZ9jSJd1PT&t=142
2. I am not looking for custom code support, I just need to know if there is an event or callback that is fired after the filter form is triggered (not the filter search). I am using the"Hierarchy drop down" filter type, and every time an user makes a selection I change the filter form (another more refined drop down appears). I would like to be able to trigger a custom function when the form refreshes and finishes rendering.
Many thanks,
Mihai
__PRESENT__PRESENT
Quote from Pablo Borysenco on June 19, 2025, 11:32Hello
1 Please read docs ( https://products-filter.com/shortcode/woof ) - https://c2n.me/4mOHI2j.png
2 Unfortunately the plugin does not have such a feature. There is an event only after an ajax request
Hello
1 Please read docs ( https://products-filter.com/shortcode/woof ) - https://c2n.me/4mOHI2j.png
2 Unfortunately the plugin does not have such a feature. There is an event only after an ajax request