First widget from archive page (filters) to be always open and the rest closed?

Hello,
I have a large store with multiple filters (shop sidebar widgets) collapse on archive page.

I’ve checked the theme settings, and now i have enabled the “all widgets” option from Product Archive -> Widgets -> Shop Sidebar Widgets Collapse.

I need that all of them to be collapsable because otherwise it looks very bad.

My question is if i can make the first widget to be open and the rest of them to be closed?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

You need to set “List” instead of “Drop-down” in the Widget, you can find this widget in Appearance > Widgets > find this widget and change settings.

If you have any questions please feel free to contact us.

Best Regards

Hello,
I don’t mean the type of widget used. I know of this setting. I want to be “open” state, without clicking on the arrow.

And i know that there is a setting in the theme options, but i only want the first widget to be opened. The rest of should be closed state.

Thank you!

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Ok, sure.
Thank you so much!

Hello,

Sorry, my bad, it is not possible to make the first widget open in this configuration.

If you have any questions please feel free to contact us.

Best Regards

Hello!
What do you mean by configuration ?

I can do something about it to make it happen?

Maybe with an additional type of widget ?

There is no solution to this ?

Thank you!

Hello,

There are two options:

1. To collapse all the widgets
or
2. collapse all filter widgets.

The theme, however, does not provide to keep the first widget open, unfortunately.

In order to make the first widget always open we can suggest two ways:

– we can do that with custom CSS
– we can do that with custom JS, this widget will be closed while the page loads and it will be opened automatically.

Best Regards

Hello,
If it can be done with custom CSS/JS, it would be great.

Thank you!

Hello,

Please add this code to the Theme Settings > Custom JS > On document ready:

(function($) {
	$(document).on('wdShopPageInit', function() {
		setTimeout( function () {
			$('.archive .wd-widget-collapse').first().find('.widget-title').trigger('click');
		}, 100);
	});
	setTimeout( function () {
		$('.archive .wd-widget-collapse').first().find('.widget-title').trigger('click');
	}, 100);
})(jQuery);

Best Regards

Hello,
It’s working great. Thank you!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts