Feed not loading with Ajax

Hey deelbe,

Could you tell me which page you are using our Instagram Feed plugin on? I’m not seeing our plugin installed on your site or where you’re using the [instagram-feed] shortcode anywhere on that site.

Many thanks!

John

Hi John,

Sure. this page: https://www2.alomusic.com/fans/

Top of the page left hand column, right next to the Juicer feed.

Using the shortcode [instagram-feed].

Thanks,
Dave

Thanks Dave. I don’t seem to be able to view that page (screenshot). Is it accessible to people outside of your network?

John

The site just wen live and the domain has changed to https://www.alomusic.com.

Click on the Fans page in the menu from the home page. That is where the feed lives.

Thanks

Thanks Dave. The issue is the way your theme is loading in new page content using Ajax. When most themes load a new page using Ajax they don’t re-run the JavaScript files on the page, and so this means our plugin doesn’t load when navigation to the new page. We added an ‘Ajax theme’ to workaround this which adds the plugin JavaScript file to the bottom of the feed itself, instead of to the bottom of the page, however in this case your theme isn’t loading that file when navigating to the page.

Are there any options in your theme related to the Ajax page loading? Are you able to add scripts to be re-run on pages loads, or disable Ajax loading?

John

Hi John,

I was able to manually disable Ajax page load on the site. I am taking up the issue with the theme designer. Thanks for the help!

Dave

No problem Dave. Just let me know if you have any other questions and I hope you’re having a good week.

John

Hi John,

I’m having the same issue.
I have created a theme from scratch and load each page with ajax, using the jquery shorthand .load().

I have selected the option “Are you using an Ajax powered theme?” and the widget shows fine when first loading the page or on page refresh but it doesn’t show on the ajax change.

Every time I load the new content in via load() , the script is not loaded in the widget and the feed is empty. How can I re-append the script on any ajax call?

Thanks,
Jeff

Hey Jeff,

You could re-append the script using JavaScript by simply appending the <script> tag which contains the link to the JavaScript file to the page when you load the content with Ajax, but instead of doing that, if the plugin’s JavaScript file is already included in your page then you may be able to just call the plugin’s initiating function in your Ajax callback function:

sbi_init();

Try unchecking the Ajax theme setting in our plugin (this will then add the plugin JavaScript file to the footer of the page) and then try calling that init function when you load the page content with Ajax.

John

Hey John, that worked! Thank you! I love you!

I love you too Jeff! If you feel like sharing the love and leaving a super-quick review then it always makes my day ??

John

How could I not leave a review, John! Thanks for the fantastic plugin and your prompt support mate ??

Cheers Jeff, really appreciate that!

Just let us know if you have any other questions/issues in future.

John