PrettyPhoto Issue

[Commodus76]

Hi..great theme so far…
I just wondering, if there is any chance to get PrettyPhoto to work responsive and on images on content pages?

THX for your help
best,
Stefan

[Swift Ideas – Ed]

Hi Stefan,

Can you confirm what you mean by work responsively? As in what isn’t working?

– Ed

[Commodus76]

Hi…

I mean that, for example that the Blog Images PrettyPhoto Pop up is not scaling on Mobile and Tablet.

But the bigger Problem is that Images on Content Pages are not linked automaticly with PrettyPhoto. So, i was thinking of getting a different “Lightbox Plugin”, but unfortunatly PrettyPhoto is interfering with any other Plugin and don’t let them work properly.

Best,
Stefan

[Commodus76]

So..is there a way to disable PrettyPhoto?

Please responde…

[Swift Ideas – Ed]

Sure, just remove code 759-789 from /js/functions.js.php :

		var deviceAgent = navigator.userAgent.toLowerCase();
		var agentID = deviceAgent.match(/(iphone|ipod|android)/);
		if (agentID) {
			$j("a[data-gal^='prettyPhoto']").on("click", function(e) {
				e.preventDefault();
			});
		} else {
	        $j("a[data-gal^='prettyPhoto']").prettyPhoto({
	            animation_speed: 'fast', /* fast/slow/normal */
	            slideshow: 5000, /* false OR interval time in ms */
	            autoplay_slideshow: false, /* true/false */
	            opacity: 0.80, /* Value between 0 and 1 */
	            show_title: true, /* true/false */
	            allow_resize: true, /* Resize the photos bigger than viewport. true/false */
	            default_width: 500,
	            default_height: 344,
	            counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
	            // theme: 'light_square', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
	            horizontal_padding: 20, /* The padding on each side of the picture */
	            hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
	            wmode: 'opaque', /* Set the flash wmode attribute */
	            autoplay: true, /* Automatically start videos: True/False */
	            modal: false, /* If set to true, only the close button will close the window */
	            deeplinking: false, /* Allow prettyPhoto to update the url to enable deeplinking. */
	            overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
	            keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
	            changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
	            callback: function(){}, /* Called when prettyPhoto is closed */
	            ie6_fallback: true
	        });
        }

– Ed

[Commodus76]

THX!!

I still have big problems to get 3rd party plugins to work.

I bought the “Revolution Slider” Plugin recently, but for ever reason the slider is not shown on “pages, or posts”. Not with shortcode integration nor with Template Php Code.

All lightbox plugins faild also to work on “Pages”.??

Is there something turned off specific for Pages?

Please help…
best,
Stefan

[Commodus76]

Just found out, that the Slider only works if they are not assigned to the “Home” One Page Site…??

[Commodus76]

This reply has been marked as private.

[Commodus76]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi there,

It’s because that section is loaded in via AJAX, and the required scripts won’t get called. This isn’t supported as standard. The plugin will only work on the standalone pages.

– Ed

[Commodus76]

This reply has been marked as private.

[Swift Ideas – Ed]

You’d need to add the JS in to /js/functions.js.php within the onePageAjax function (line 510). Each page has a .load function that you’ll need to add the code within the callback.

If you’re not too familiar with JS, it would probably be helpful to hire a freelancer.

Hope that helps.

– Ed