[theonlyit59]

Hmm…Thank you for all the support you have given.

Regards,
Shayan Ahmed

[theonlyit59]

Plus, when I check any child category while keeping the parent category as checked. Results are showing according to parent category which includes all the child categories. Child categories are not further getting filtered.

Thank you

Regards,
Shayan Ahmed

[theonlyit59]

Well brother,

I also tested these steps.

– Initially the “Backup restore” is unchecked.
– Then I click “Server management”, the “Backup restore” still unchecked.
– Then I click the “Backup restore” it changes to checked state.
– Then I click “Server management” again while keeping the “Backup Restore” as checked, the “Backup restore” remains checked which I don’t want. What I want is when the parent category gets unchecked all the child categories should be unchecked as well. I Hope you got my point.

Thank you

Regards,
Shayan Ahmed

[theonlyit59]

You cannot access this content.

[theonlyit59]

You cannot access this content.

[theonlyit59]

You cannot access this content.

[theonlyit59]

You cannot access this content.

[theonlyit59]

Hi,

I hope you are doing well. I think there is a little bit of confusion. Actually, I hide all the checkboxes as you can see in the above attachment, and apply a little bit of CSS in the search settings -> category level 1 -> option label. Just to make this more clear, this is the CSS I have used.

div.asp_w.asp_sb_2_1.searchsettings .asp_option_inner,
div.asp_w.asp_sb_2_1.searchsettings fieldset legend{
	display: none;
}

.asp_w.asp_sb_2_1.searchsettings .asp_option_cat_level-0 .asp_option_label, .asp_w.asp_sb_2_1.searchsettings .asp_option_cat_level-0 .asp_option_label{
	padding: 10px 20px;
	text-align: center;
	color: #ffffff;
	font-family: "SofiaPro", Sans-serif;
	font-weight: 400;
	font-size: 14px;
        line-height: 18px;
	border-radius: 50px;
	background-color: #1a1962;
	box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%);
}
.asp_w.asp_sb_2_1.searchsettings .asp_option_cat_level-1 .asp_option_label, .asp_w.asp_sb_2_1.searchsettings .asp_option_cat_level-1 .asp_option_label{
	padding: 10px 20px;
	text-align: center;
	color: #858383;
	font-family: "SofiaPro", Sans-serif;
	font-weight: 400;
	font-size: 14px;
        line-height: 18px;
	border-radius: 50px;
	background-color: #e6e6e6;
	box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%);	
}
.asp_w.asp_sb_2_1.searchsettings .asp_option_cat_level-1 .asp_option_label:hover, .asp_w.asp_sb_2_1.searchsettings .asp_option_cat_level-1 .asp_option_label:hover{
	padding: 10px 20px;
	text-align: center;
	color: #ffffff;
	font-family: "SofiaPro", Sans-serif;
	font-weight: 400;
	font-size: 14px;
        line-height: 18px;
	border-radius: 50px;
	background-color: #1161b7;
	box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%);	
}

Everything works fine, all I need is when the child category gets checked it changes the child category option label background as you can see in the attachment.

Thank you

Regards,
Shayan Ahmed

[theonlyit59]

Hi,

I have tried your code but nothing happens, By default, all the parent category checkboxes are unchecked. When I click one of the parent category checkboxes, all of the related child category checkboxes are shown but all of them are checked which I don’t want. After adding the above code this is the output I’m getting. Please see the attachment for reference.

Thank you

Regards,
Shayan Ahmed

[Author]

Posts