Product filter – product category html block

Hello,

When product category have html block in Description field, every filter use bring page position to the top of page. Page not stay on the same place. That place is top of filter fields.

When product category doesn’t have html block in Description field everything works perfect.
After filter was changed page little bit scroll down to the filter fields just as I want.

How to achive this with categories that have html block in Description field?

Relevant category for correct use is Chairs > filter Brand > Emeco

Best regards

Hi,

Try to add the following PHP code snippet to the child theme functions.php file to do this

add_filter(
	'woodmart_ajax_scroll_class',
	function(){
		return '.shop-loop-head';
	},
	10
);

Regards

Hello,

It’s almost done.
Page stuck on half way(screenshot.png).

Kind regards

Attachments:

You must be logged in to view attached files.

Hello,

I don’t no do you take further action or I fix the problem(almost).

It seems that ess grid loading cause problem. When that was fixed your code start working.
Now there is a problem with different browsers.
On google chrome code hits right place but on mozilla, edge … it overlaping content for sticky header height.

Best regards

Here is how it works now https://gyazo.com/654fb42ac4bcf5d8d843186f30b3d128

Hello,
Thanks for your response.

But this problem remains
“On google chrome code hits right place but on mozilla, edge … it overlaping content for sticky header height.”

Best regards

Sorry, we don’t understand how the descriptions overlap the sticky header. Please, send us a screenshot.

Hello,

Just try to use filter on mozilla and you will understand what is a problem.
Use brand filter Emeco.

Kind regards

Attachments:

You must be logged in to view attached files.

Please, send us your admin and FTP access so we can check. Also, try to replace your description with plain text and check how it works.

Hello,

Thank you!

Only when essential grid is on page(html block) problem appears.
When ess grid was removed filtering starts to work normaly on every browser.

Now I must use different way to dispaly grid than it was ess grid 🙂

Best regards

Hello,

One more question.

Is it possible to set offset in your function:

add_filter(
‘woodmart_ajax_scroll_class’,
function(){
return ‘.shop-loop-head’;
},
10
);

I want to page stops little above .shop-loop-head class. For 40px above.

Kind regards

Try to add the following code also

add_filter(
	'woodmart_ajax_scroll_offset',
	function(){
		return 140;
	},
	10
);

Perfect!

[Author]

Posts