WooCommerce מסננים בג'ט

[.A.B.]

היי כולם,
אם יש לי סינונים באתר דרך ג'ט,
ואני רוצה שהם יפתחו רק ע"י לחיצה על כפתור,
ולא יהיו פתוחים כל הזמן.
איך אני עושה את זה?
ועוד שאלונת -
אני יוצרת סינונים, הבעיה היא שלכל תכונה יש אורך מילים וכמות שונה,
ואז זה מוצג בצורה מחרידה.
כמו פה:

איך מסדרים את זה??
תודה לעוזרים, ולמנסים לעזור

 

[sarahw1]

השתמשתי בווידגט של jet בשם Unfold, שבלחיצה כפתור הוא מציג טקסט או טמפלט וכדו'. (בטמפלט את מכניסה את כל הסינונים הרצויים)
צריך להתקין את התוסף של JetTricks הוא מופיע שם.

 

[.A.B.]

השתמשתי בווידגט של jet בשם Unfold, שבלחיצה כפתור הוא מציג טקסט או טמפלט וכדו'. (בטמפלט את מכניסה את כל הסינונים הרצויים)
צריך להתקין את התוסף של JetTricks הוא מופיע שם.

תודה רבה!

 

[.A.B.]

שאלה,
אם אני רוצה שזה יהיה לי כמין פופאפ,
שהמסנני לא יתפסו לי מקום,
וזה ירחף כאילו.
מקווה שהסברתי את עצמי...

 

[.A.B.]

השתמשתי בווידגט של jet בשם Unfold, שבלחיצה כפתור הוא מציג טקסט או טמפלט וכדו'. (בטמפלט את מכניסה את כל הסינונים הרצויים)
צריך להתקין את התוסף של JetTricks הוא מופיע שם.

לא כל כך עובד חלק...

 

[sarahw1]

עשיתי באתר הזה... (רק במובייל מופיע)

כל המוצרים | 🥩 חגיגת בשרים- קצביית פרימיום באילת | בשר כשר טרי באילת | משלוחים

קצביית פרימיום איכותית, כאן תוכלו למצוא מבחר מוצרי בשר ברמה שלא הכרתם, נתחי בשר מובחרים (אנטריקוט,סינטה ועוד) לצד מוצרי בשר ועוף טריים וקפואים באריזות...

hagigat-b.co.il

 

[נועה סבאן]

אפשר להכניס את הקוד הזה על מנת שהסינון יכניס פנימה קטגוריות פנימיות וזה גם חוסך מקום בעיצוב:

קוד JS שהופך את פילטר Checkbox לאקורדיון (יש לתת לפילטר את הקלאס (fillbox)



<script
type="text/javascript">



jQuery(document).ready(function()
{

jQuery('.fillbox
.jet-list-tree__children').hide();

setTimeout(function() {

jQuery('.fillbox
.jet-list-tree__children .jet-checkboxes-list__input').each(function(){

if(jQuery(this).is(':checked')) {


jQuery(this).closest('.jet-list-tree__children').show();

}

});

}, 500);


jQuery('.fillbox .jet-list-tree__parent label.jet-checkboxes-list__item
.jet-checkboxes-list__input').change(function() {

var $sub_menu =
jQuery(this).parent().parent().next();

if(jQuery(this).is(':checked')) {

$sub_menu.stop().slideDown();

}

else {

var sub_menu_has_checked = false;


$sub_menu.find('.jet-checkboxes-list__input').each(function(){

if(jQuery(this).is(':checked'))
{

sub_menu_has_checked = true;

return;

}

});

if(!sub_menu_has_checked) {

$sub_menu.stop().slideUp();

}

}

});

jQuery('.fillbox .jet-list-tree__children
.jet-checkboxes-list__input').change(function() {

var $sub_menu =
jQuery(this).closest('.jet-list-tree__children');

var $parent_checkbox =
$sub_menu.prev().find('.jet-checkboxes-list__input');


if(!$parent_checkbox.is(':checked') &&
!jQuery(this).is(':checked')) {

var sub_menu_has_checked = false;


$sub_menu.find('.jet-checkboxes-list__input').each(function(){

if(jQuery(this).is(':checked'))
{

sub_menu_has_checked = true;

return;

}

});

if(!sub_menu_has_checked) {

$sub_menu.stop().slideUp();

}

}

});

jQuery('.fillbox .jet-list-tree__children
label.jet-checkboxes-list__item').click(function() {


if(jQuery(this).find('.jet-checkboxes-list__input').is(':checked')) {

var $parent_label =
jQuery(this).closest('.jet-list-tree__children').prev().find('.jet-checkboxes-list__item');

console.log('parentlabel:',
$parent_label);


if($parent_label.find('.jet-checkboxes-list__input').is(':checked')) {

$parent_label.click();

console.log('clicked!');

}

}

});

});

</script>‏

 

[.A.B.]

עשיתי באתר הזה... (רק במובייל מופיע)

כל המוצרים | 🥩 חגיגת בשרים- קצביית פרימיום באילת | בשר כשר טרי באילת | משלוחים

קצביית פרימיום איכותית, כאן תוכלו למצוא מבחר מוצרי בשר ברמה שלא הכרתם, נתחי בשר מובחרים (אנטריקוט,סינטה ועוד) לצד מוצרי בשר ועוף טריים וקפואים באריזות...

hagigat-b.co.il

אתר מהמם!
אבל נגיד כשאני מסיימת - אני רוצה לסגור את הסינון - לא נותן... קופץ שוב

 

[.A.B.]

אפשר להכניס את הקוד הזה על מנת שהסינון יכניס פנימה קטגוריות פנימיות וזה גם חוסך מקום בעיצוב:

קוד JS שהופך את פילטר Checkbox לאקורדיון (יש לתת לפילטר את הקלאס (fillbox)



<script
type="text/javascript">



jQuery(document).ready(function()
{

jQuery('.fillbox
.jet-list-tree__children').hide();

setTimeout(function() {

jQuery('.fillbox
.jet-list-tree__children .jet-checkboxes-list__input').each(function(){

if(jQuery(this).is(':checked')) {


jQuery(this).closest('.jet-list-tree__children').show();

}

});

}, 500);


jQuery('.fillbox .jet-list-tree__parent label.jet-checkboxes-list__item
.jet-checkboxes-list__input').change(function() {

var $sub_menu =
jQuery(this).parent().parent().next();

if(jQuery(this).is(':checked')) {

$sub_menu.stop().slideDown();

}

else {

var sub_menu_has_checked = false;


$sub_menu.find('.jet-checkboxes-list__input').each(function(){

if(jQuery(this).is(':checked'))
{

sub_menu_has_checked = true;

return;

}

});

if(!sub_menu_has_checked) {

$sub_menu.stop().slideUp();

}

}

});

jQuery('.fillbox .jet-list-tree__children
.jet-checkboxes-list__input').change(function() {

var $sub_menu =
jQuery(this).closest('.jet-list-tree__children');

var $parent_checkbox =
$sub_menu.prev().find('.jet-checkboxes-list__input');


if(!$parent_checkbox.is(':checked') &&
!jQuery(this).is(':checked')) {

var sub_menu_has_checked = false;


$sub_menu.find('.jet-checkboxes-list__input').each(function(){

if(jQuery(this).is(':checked'))
{

sub_menu_has_checked = true;

return;

}

});

if(!sub_menu_has_checked) {

$sub_menu.stop().slideUp();

}

}

});

jQuery('.fillbox .jet-list-tree__children
label.jet-checkboxes-list__item').click(function() {


if(jQuery(this).find('.jet-checkboxes-list__input').is(':checked')) {

var $parent_label =
jQuery(this).closest('.jet-list-tree__children').prev().find('.jet-checkboxes-list__item');

console.log('parentlabel:',
$parent_label);


if($parent_label.find('.jet-checkboxes-list__input').is(':checked')) {

$parent_label.click();

console.log('clicked!');

}

}

});

});

</script>‏

יש לך דוגמא?
בבקשה

 

[sarahw1]

אני יבדוק את זה תודה... ולגבי הקוד הזה גם אני השתמשתי בו, כשתלחצי על קטגוריית כלי מטבח ייפתח לך קטגוריות משנה

 

[.A.B.]

היי כולם,
אם יש לי סינונים באתר דרך ג'ט,
ואני רוצה שהם יפתחו רק ע"י לחיצה על כפתור,
ולא יהיו פתוחים כל הזמן.
איך אני עושה את זה?
ועוד שאלונת -
אני יוצרת סינונים, הבעיה היא שלכל תכונה יש אורך מילים וכמות שונה,
ואז זה מוצג בצורה מחרידה.
כמו פה:
צפה בקובץ המצורף 1355594
איך מסדרים את זה??
תודה לעוזרים, ולמנסים לעזור

מי יודע/ת איך אני גורמת לסינונים להיות באותו הגודל?
כשהם על 0 מוצרים או על כמות מוצרים שלא עולה על 9 - הם אותו גודל,
ברגע שזה קופץ לדו ספרתי זה משתנה...
איך אני מסדרת?
תודה

 

[.A.B.]

מישהו??