[Resolved] Views pagination and Shortcodes Ultimate plugin

[Author]

Posts

[geophray]

I am using the Shortcodes Ultimate plugin to insert a shortcode in a view with pagination that loads more details about the post in a lightbox. It works well until the pagination is used, and then does not function again on that particular paginated section. (I have about 5 paginated views on my home page as section sliders.)

I'm unsure of why it would work perfectly until the pagination is used. Have you had any other reports of this? Or are you able to replicate it?

Here is the code I'm using in my content template.

<div class="bgu-course-lightbox-wrapper">
  [su_lightbox type="inline" src="#course-overview-[wpv-post-id]" class="overview-lightbox-link"]
    <div class="bgu-course-card">
      <div class="bgu-course-card-thumbnail">[wpv-post-featured-image class="circular"]</div>
      <div class="bgu-course-card-title">[wpv-post-title]</div>
      <div class="bgu-course-card-teachers">by [php snippet=5]</div>
    </div>
  [/su_lightbox]
  [su_lightbox_content id="course-overview-[wpv-post-id]" margin="45" padding="45" text_align="left" class="overview-lightbox-content"]
  	[wpv-post-link]
  	[wpv-post-featured-image size='bgu-square-med' class='classy']
  	[wpv-post-body view_template="classroom-access-button-toggle"]
  	[wpv-post-body view_template="enroll-login-button-template-unenrolled"]
  	[wpv-post-body view_template="enter-classroom-button-template"]
  
  [/su_lightbox_content]
</div>

[Mohammed]

Hello Geophray,

Thank you for contacting Toolset support forum.

To be honest, I didn't see other clients reporting issues regarding "Shortcodes Ultimate plugin".

It seems that we have a compatibility issue. If we are talking about the lightbox that can't be triggered, then I doubt that it's a Javascript error prevents the lightbox to trigger.

So, please enable WordPress debug mode: https://codex.wordpress.org/Debugging_in_WordPress
And open the browser console: hidden link then open the page where the problem could be replicated and reload the page again then check the console tab to check if there are any Javascript errors and share it with me in the next answer.

Thanks.

[geophray]

Hi Mohammed. Sorry... no errors. I'm going to create a test install and see if I can replicate it elsewhere. I'll keep you posted.

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Geophray,

Mohammed is not available today, so i'll be filling in.

Great once you have setup the test instance please let me know.
Should you wish to provide us with admin access i've also enabled the private fields.

Thanks,
Shane

[Mohammed]

Hi Geophray,

I'm trying to replicate the issue.
Once I replicate it , I will start working on it.

It seems to be a compatibility issue to me but let me check and get back to you.

Thanks.

[geophray]

Thanks for your time and attention to the matter. I'll await your reply.

[Mohammed]

Hi Geophray,

Thank you for your patience.

This is indeed the shortcodes ultimate issue because they didn't take into account the ajax loading for the element.

View loads the elements dynamically using ajax and because the click events are not being bound to the newly added elements, the event is not being triggered and the popup doesn't show.

I've debugged the issue and found the cause behind this.
in file \wp-content\plugins\shortcodes-ultimate\assets\js\other-shortcodes.js , replace line 60 which is :

		$(this).on('click', function (e) {

by the following line

$(document).on('click','.su-lightbox', function (e) {

And see if the issue is resolved.

If this worked for you, you can mention the workaround to the plugin author.

Thanks.

[geophray]

Thanks Mohammed!

That did the trick. I'll suggest your edit to the plugin author.