By Zip
Products by Departments
Before you paste the codes, make sure, your settings are correct.
1, Checkbox filter admin settings:
In the WP admin dashboard, jetsmartfilter -> Your selected checkboxfilter panel, make sure, checked the "Group terms by parents option"
Picture: https://prnt.sc/22brrc7
2, Checkbox filter Elementor widget settings:
In the Elementor editor, make sure, are you swtiched off the Show Checkbox option under the Style / Item tab. (optional not required )
Helping picture: https://prnt.sc/22brzzz
3, Recommended to use the Elementor custom code function for the codes.
4, recommended to give a specific unique class for your checkbox filter widget
Helping image: https://prnt.sc/22buy8s
Tutorial videos for JetEngine, JetSmartfilter, CSS & Js tricks (Hungary language)
https://www.youtube.com/channel/UCZwvA7BXb6h1ooRqzPjwUiw
/// DONT SCARE the toggle function will not work in the Elementor editor ///
Tested versions:
Elementor 3.4.8
Elementor pro: 3.5.2
JetSmartfilter: 2.3.7
////// Paste this code in a HTML widget, or just use the Elementor Custom Code function (Epro feature) //////
.mycheck--filter .jet-list-tree__parent.activeicon:before {
content: "\f077"; /* Change to the FA5 icon if need it */
font-family: Font Awesome\ 5 Free;
font-weight: 900;
float: right;
margin-right: 10px;
font-size: 11px;
}
.mycheck--filter .jet-list-tree__parent:before {
content: "\f078"; /* Change to the FA5 icon if need it */
font-family: Font Awesome\ 5 Free;
font-weight: 900;
float: right;
margin-right: 10px;
font-size: 11px;
}
.mycheck--filter .jet-list-tree__parent.noicon:before{
content: "";
}
.mycheck--filter .jet-list-tree__parent {
cursor: pointer;
}
.mycheck--filter .jet-list-tree__parent.noicon {
cursor: default;
}
.mycheck--filter .jet-checkboxes-list__label:hover {
color: var(--e-global-color-5552cc2); /* replace with your global color, or: */
/* color: red; */
}
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
$('.jet-list-tree__children').slice().slideUp(0);
$('.jet-list-tree__parent').slice(1,0).addClass('noicon');
$('.jet-list-tree__parent').mouseup(function(){
$(this).toggleClass('activeicon');
$(this).next().slideToggle();
});
});
});
SASEE Not Without Defense LLC | SASEE Scentz & Gifts Boutique
Listed in: Beauty & Personal Care
About: SASEE acronym stands for Situational Awareness, Safety & Economic Empowerment. The hashtag #TakeYourPowerBACK refers to Taking Your Power BACK,...
Pamper-N-Paradise
About: Here at Pamper n Paradise we provide you with the best cleaning service. Relax and let us take care of all your cleaning needs.
Naturally Smooth, LLC
Listed in: Beauty & Personal Care
About: Naturally Smooth specializes in all natural skin care, specifically body butter. All body butters are made with all natural ingredients meant to he...
Martin Digital
About: Martin Digital started as just a table in the owner’s, Marion Martin, bedroom. Marion had always been interested in how things worked and after fix...
Inspire Creative Solutions
About: Inspire was founded in Jonesboro, Ga in 2019 by a young entrepreneur with a vision. We focus not only on your design needs, we also focus on your g...