kaylamatthews

Can anybody please help? I have hired a dev but he is unable to produce any results after 2 days…

Some updates – i got the average rating to show on another page now, but only the first one works and the rest of the average ratings for DIFFERENT posts are all showing the same average rating result as the first one…

I simply moved the “HTML rendering”

$average_rating = 'Average Rating: <div class="sp_rating"><div class="base"><div class="average" style="width:'.$this->get_average_rating().'%"></div></div></div>';

and “Inserting average rating into the template” codes

$the_content .= $average_rating;

Except now this becomes

$reviews_content .= $average_rating;

from above into the

function output_reviews_show()

function.

I should be really close to getting it, I think the issue lies in the

function get_average_rating()

function, the line

$this->get_aggregate_reviews($post->ID)

the $post->ID is the culprit?

Hey there,

You would just go to the functions.php and at around line 163 comments out or delete the following:

wp_register_script( 'hatch_fancybox', get_template_directory_uri() . '/js/fancybox/jquery.fancybox-1.3.4.pack.js', array( 'jquery' ), '1.0', true );
wp_enqueue_script( 'hatch_fancybox' );

Then at line 173 comment out the the css directly below the line

/* Enqueue Styles */

Then install the “Easy Fancybox” plugin and you should be all set ??

Twintails!! You are my hero!!

I hired a dev and solved the issue!

https://www.ads-software.com/support/topic/plugin-nextgen-gallery-ngg-slideshow-enable-prev-next?replies=2

Thanks Tan! Great job!

Does anybody else have any suggestions?

Does anybody have any advice or inputs? ??

Hi Josh,

Thank you very much for your time.

Unfortunately my method doesn’t seem to work on a gallery with over 50 images in it, so I don’t think it’s doing what I think it’s doing ??

Kayla

I think I’ve got it!

I’ve been studying this tut – https://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-awesome-image-preloader/

We would need both the jquery-1.4.3.min.js and jquery.preloader.js files and reference them in a file like header.php in the theme directory

The only problem is there is a jQuery conflict with WordPress inside the jquery.preloader.js file, so I simply stated

var $j = jQuery.noConflict();

and replaced all $ signs with $j.

Around line 71 where it says

var icon = jQuery("<img />",{

must become

var icon = $j("<img />",{

as well. In this spot the loading icon is referenced but I didn’t find it necessary so I just used the CSS method below.

Then, make sure to call the function, which in my case is in my theme folder’s header.php file:

<script type="text/javascript">
jQuery(function($){
	$("div.meteor-slides").preloader();
	});
</script>

Lastly, just set up the preloader class with a loading gif image – get one from https://ajaxload.info if you don’t have one; something like this in the css file:

.preloader {
   background:url(loading.gif) center center no-repeat #ffffff;
   display:block;
}

The preloader must be set to display:block or display:inline-block otherwise the loading icon won’t display

And that’s it! Now all the images inside my meteor slideshows (I have 8 on my webpage) preloads with the loading icon first ??

Josh – I know you can integrate this 10 thousand times better than I have, and if you do I will be forever grateful! For now I will make do with this hack ?? I have tested it and it works in Opera, Safari (PC, Mac, and iPhone/iPads), Firefox, Chrome, and IE 9, 8, and 7 – I don’t have 6 installed nor do I have a desire to ??

Best,
Kayla

Hi Josh,

If there are any updates that would be awesome! I know you’re really busy, so I am very grateful for your attention on this matter ??

I just realized that Nivo slider uses it if I hard-code it using HTML and reference the scripts externally, but not the Nivo Slider plugin for WordPress ?? I tried looking into their scripts to see what’s creating the preloading function but alas it’s all way over my head.

Thank you so much for the response Josh!

Unfortunately those two links are a bit over my head, but I will try to play with them and see if anything comes up.

If you can come up with anything that would be super great! ??

Thank you so much for the detailed post and timely help Josh! I really appreciate it!

And of course I forgot that css class cannot start with numbers…not unless you put it into UTF-8 code, go here:

https://rishida.net/tools/conversion/

type in the number you want and copy the UTF-8 code value then add a slash in front of it so that a css class of “1” would become:

a.\1 (there must be a space after 1)

Ah I got it sorted out, it’s not very pretty but it will work –

Since the slideshow is powered by jquery.cycle.all.js found in the plugin’s js folder, I figured out that the slideshow navigation is built upon pagerAnchorBuilder, so around line 725 is where the paged navigation option is build –

line 732:
a = '<a href="#">'+(i+1)+'</a>';

Change to something like:
a = '<a href="#" class="'+(i+1)+'">'+(i+1)+'</a>';

I honestly don’t know any jquery but I needed the class to be dynamically generated, so I just used the same ‘+(i+1)+’ so that the class will increase by 1 number at a time, so that in css it will be:

a.1
a.2
a.3

and so on depending on how many slides you have in the slideshow. I needed this to assign each thumbnail to a slide and to be able to style each thumbnail specifically with a custom image (WordPress’ automatic thumbnail generation always gives you a smaller image of your main slider image, which is not what I was after)