Skip Navigation

[Resolved] AJAX pagination when going to different page hides content inside responsive tab

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 3 months ago.

Assigned support staff: Minesh.

Author
Posts
#1669933

Tell us what you are trying to do?
Put the Toolset filter search items inside https://wordpress.org/plugins/vc-tabs/

Is there any documentation that you are following?
No.

Is there a similar example that we can see?
hidden link
Go to page two and see the tab content area disappear.

What is the link to your site?
hidden link

This is the code inside one of those search tabs.
<div class="row"> <div class="col-sm-2 search-label">[wpml-string context="wpv-views"]Last Name[/wpml-string]</div> <div class="col-sm-2">[wpv-control-postmeta type="textfield" field="wpcf-hnwi-last-name" placeholder="Last Name" url_param="wpv-wpcf-hnwi-last-name"]</div> <div class="col-sm-2 search-label">[wpml-string context="wpv-views"]Age[/wpml-string]</div> <div class="col-sm-2">[wpv-control-postmeta type="select" field="wpcf-hnwi-age" source="custom" url_param="wpv-wpcf-hnwi-age_min" values="0,30,40,50,60" display_values="All,30+,40+,50+,60+"]</div> <div class="col-sm-2 search-label">[wpml-string context="wpv-views"]Gender[/wpml-string]</div> <div class="col-sm-2">[wpv-control-postmeta type="select" field="wpcf-hnwi-gender" default_label="All" url_param="wpv-wpcf-hnwi-gender"]</div> </div>

#1671825

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Toolset offers the JS hooks that you can add when the pagination is finished:
=> https://toolset.com/documentation/programmer-reference/adding-custom-javascript-code-to-views-that-use-ajax/

More info:
- hidden link

You should hook the JS event that is responsible to reload/initialise the tabs. You may need to ask to your plugin support how you can reinitialize the tags on ajax update and once you got that information, you should hook that code to reinitialize the tags on ajax pagination finish hook:

For example:

jQuery( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.effect (string) The View AJAX pagination effect
	* data.speed (integer) The View AJAX pagination speed in miliseconds
	* data.layout (object) The jQuery object for the View layout wrapper
	*/
	
});