Accordion doesn’t stay open with multiple scroll pages

Hi Fionder,

follow this guide to fix the issue:

https://docs.getshortcodes.com/article/83-shortcodes-and-ajax-content

Hi Vladimir

Thanks for your response, however this didn’t resolve the problem. Please look at the accordion called “Straight herbs shop” towards the bottom of the page https://animarom.fionastoreydesign.co.uk/horses/ and try to scroll to page 2 of the products. You will see that the accordion closes and you are taken back to the top of the page.

Thanks for your help.

Fionder

• This reply was modified 6 years, 1 month ago by Fionder.

Hi Fionder,

give your spoiler (with products) an anchor and also add the same anchor to pagination links.

Shortcode example:

[su_spoiler anchor="spoiler-with-products"] ... Products here ... [/su_spoiler]

Your pagination links should look like the following:

https://animarom.fionastoreydesign.co.uk/horses/page/2/#spoiler-with-products

Hi Vladimir
Thanks for this. I have given the spoiler an anchor “straights”, which works if you do a link https://animarom.fionastoreydesign.co.uk/horses/page/2/#straights. However the pagination links are automatic in Woocommerce so I don’t know how I can get them to include the anchor?
Also, the accordion is still closing when you click on a page link. I have added this code to my functions.php file:

function PREFIX_su_force_assets() {

	if ( ! function_exists( 'su_query_asset' ) ) {
		return;
	}

	// Force loading of Stylesheets
	su_query_asset( 'css', 'su-shortcodes' );

	// Force loading of JavaScripts (remove unwanted scripts)

	// Slider, carousel, etc.
	su_query_asset( 'js', 'su-galleries-shortcodes' );

	// Audio, video, etc.
	su_query_asset( 'js', 'su-players-shortcodes' );

	// Spoiler, accordion, tabs, etc.
	su_query_asset( 'js', 'su-other-shortcodes' );

}

add_action( 'wp_head', 'PREFIX_su_force_assets' );

• This reply was modified 6 years, 1 month ago by Fionder.

Hi Fionder,

I can’t help you with Woocommerce, you’d better ask its team how to do that.

You can remove the code from the functions.php as it’s not needed anymore.