dimmy1985

Thanks MF, will look out for the update. peace!

Hi,

Apologies for never replying.

My solution was just using CSS to hide the buttons on the product page – I only really want them from the cart onward phase anyway.

I guess it was “resolved”, but not really.

Curious to know if anyone else ever had this issue.

There’s a link in the navigation menu which says “Music Test” on the top right of the screen. If you’re viewing the responsive version through a tablet/phone, it’ll be via the menu icon at the top right.

It’s WordPress’s native [audio] shortcode which isn’t working. It was working with 3.9.1 and the previous version of AWS via the solution I posted above.

Hi Tom

Sorry I didn’t get back to you on this – was on a deadline with that project and decided to drop Meta Slider altogether. Would really really like to sort this out for future projects though, plus am really wanting to ‘go Pro’, but am reluctant if I can’t get the functionality I need.

UPDATE: PLEASE DISREGARD WHAT’S BELOW THE DOTTED LINE.

I can get the slider to work using Flex Slider (as opposed to R.Slides). However, I’m still having the following issue:

It requires a second visit back to the page to get the slider to load. So, starting at the link page, clicking on Link to Metaslider loads the first image but not the script. Click on Link Back (go to previous page) then Link to Metaslider again loads the script.

Regards, Damian
—————————————-
Here’s where I’m at:

What I’m loading with the Ajax loader in the necessary spot looks like this:

$.getScript(rootUrl + 'wp-content/plugins/ml-slider/assets/sliders/responsiveslides/responsiveslides.min.js');

cssNode = document.createElement('link');
contentNode.appendChild(cssNode);
cssNode.type = "text/css";
cssNode.rel= "stylesheet";
cssNode.href = rootUrl + 'wp-content/plugins/ml-slider/assets/sliders/responsiveslides/responsiveslides.css?ver=3.0.1';

cssNode = document.createElement('link');
contentNode.appendChild(cssNode);
cssNode.type = "text/css";
cssNode.rel= "stylesheet";
cssNode.href = rootUrl + 'wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=3.0.1';

So, I’m loading responsiveslides.min.js, responsiveslides.css & public.css.

Loading “responsiveslides.min.js” does load/run the necessary javascript relating to a particular slideshow.

However, there are two quirks:

It requires a second visit back to the page to get it to load. So, starting at the link page, clicking on Link to Metaslider loads the first image but not the script. Click on Link Back (go to previous page) then Link to Metaslider again loads the script.

Subsequent images after the first do not load in the slider. When looking at network log in Chrome’s developer tools, they are being loaded, just not getting put in the slider. When inspecting the li element for the particular slide, and hovering over the img src, it’s being output at 0x0 pixels with a natural of the actual size.

Thanks for your suggestions thus far. Hopefully we can resolve this.

Regards
Damian

Hi Peter

Yes, thank you. It works great across the devices I’ve tested. The live site which it’s functional on is http://www.amirelsaffar.com (July 2014).

You could add that (compatibility with https://ww.wp.xz.cn/plugins/ajaxify-wordpress-site/) to your plugin’s description if you wanted to.

I added an additional line of code to my AJAX plugin (Ajaxify WordPress Site) .js to ensure current-menu-items get highlighted appropriately too. Would you like me to write a separate post in THIS plugin’s forum as to how to achieve this?

Many thanks. Hope it wasn’t too much of a headache.

Damian

Loading the script is fine.

I think you will need to re-initiate the slideshows after the content has been loaded with ajax.

However, loading the slideshow itself (all the images after the first) is the stumbling block.

Is there a particular script/function in addition to the .css/.js files above that I should consider?

Perhaps a javascript function to intialize the particular slideshow/div (e.g metaslider-id-204) manually?

Should we use $.getScript to replace the advice given on http://www.youngtechleads.com/my-js-events-are-not-calling-after-loading-the-page-using-ajax/?

Ok well I think I have a solution, but it doesn’t seem ‘correct’…

from

Important Note:
If your jQuery core library version is less than 2.0 then please go to the plugin’s js directory open ajaxify.js file in your favourite editor then search for .on and replace it by .live. This is because the plugin is written for as per latest version of jQuery

Although I’m using WP 3.9.1, my jquery.js in the wp-includes folder is apparently v1.11 (I’m not even sure if this is what was being referred to above). I would’ve assumed WP ships with the latest version, no?

Could someone confirm that this is a legitimate fix/that I’ve interpreted this correctly?

Thanks

DS