Leonardo Giacone

Hi Eric,
it looks everything is working correctly right now, what was the problem?
I’m closing this ticket, feel free to open it again.

All the best,
Leonardo

Thank you @muazii, glad to help.

I’m closing this issue, it looks everything is working fine.
All the best,

Leonardo

Hi,
I’m closing this topic after 9 months of inactivity.
If you have more information about it, please feel free to open it again.

All the best,
Leonardo

Hi @itsmartin,
I’m closing this topic after 4 months of inactivity.
If you have more information about it, please feel free to open it again.

All the best,
Leonardo

Hi @tkalfaoglu,
thanks for posting your issue.

I had a look at your page code and it looks you are using Jetpack Photon module, right?

The images are served resized by WordPress.com CDN according to the content width, as explained here.

In your case, the image used is 695px large but stretched up to the original size.

I will have a look at Photon Docs and find a way to add better compatibility.

In the meantime, you can switch off Photon module from JetPack settings page.

All the best.
Leonardo

Hi everyone,
this bug has been fixed in version 1.0.2 ??
Could you please test it and let me know if it solves it?

Thank you,
Leonardo

Hi @muazii,
I had a look at your website, it looks none of the Easy Swipebox plugin are enqueued…so the lightbox cannot work.

Are you using other lightbox plugin? Has the theme a built-in lightbox solution?
I suggest you to uninstall Easy SwipeBox and re-install it again.

All the best,
Leonardo

Hi @ericgallina,
many thanks for posting your issue here.

I had a look at your website (let’s take this article as example), using a PC and a smartphone (iPhone 6s).

In both situations, I found the following Javascript error in the browser console:

(index):31 Uncaught SyntaxError: Unexpected identifier

But visiting the page using the iPhone and after clicking the image link, the errors increases:

5ff3473….js:1 Uncaught ReferenceError: cbStickySB is not defined(anonymous function) @ 5ff3473….js:1n.event.dispatch @ 83c3f77….js:1r.handle @ 83c3f77….js:1
5ff3473….js:1 Uncaught ReferenceError: cbStickySB is not defined

What is cbStickySB?
It looks like there are some issues with this piece of code, only on smartphone.

I found this thread:
https://www.ads-software.com/support/topic/cbstickysb-is-not-defined/
Are you using this plugin?

Please let me know,
Leonardo

Hi @enekoprins,
King Composer is enqueueing PrettyPhoto stylesheet and Javascript.
Unfortunately, I haven’t found any option to disable them within plugin settings…I might be wrong.

I would try to dequeue those files how WordPress suggests:

https://codex.www.ads-software.com/Function_Reference/wp_deregister_style
https://codex.www.ads-software.com/Function_Reference/wp_dequeue_style

https://codex.www.ads-software.com/Function_Reference/wp_deregister_script
https://codex.www.ads-software.com/Function_Reference/wp_dequeue_script

1) Open your theme/child theme functions.php file using a text editor (backup it first…)

2) Copy and paste the following function:

add_action( 'wp_enqueue_scripts', 'remove_prettyPhoto', 99999 );
function prettyPhoto() {
    wp_dequeue_style( 'prettyPhoto' );
    wp_deregister_style( 'prettyPhoto' );
    wp_dequeue_script( 'prettyPhoto' );
    wp_deregister_script( 'prettyPhoto' );
}

3) Save and upload

This function is dequeuing and deregistering all the prettyPhoto files (CSS and scripts).

With the number at the and of this string (99999):
add_action( 'wp_enqueue_scripts', 'remove_prettyPhoto', 99999 );
we try to come after the function used by King Composer to set prettyPhoto.
Unfortunately, it happens very late in the code execution, so it’s harder for us to overwrite it.

Please let me know if this is working.
Thank you,

Leonardo

Hi @enekoprins,
thanks for posting on this forum.

It sounds good to me…but right now SwipeBox, the jQuery plugin used to manage the lightbox appereance and behaviour, does not support these features.

I’m thinking to fork Swipebox, or use an existing fork, and implement some features.
For sure I will keep your proposal in mind.

All the best,

Leonardo

Hello @shippin,
thanks for sharing the issue.

It looks like this strange behaviour has been triggered by the Pinterest share button:
the button href contains the .jpg extension, so it’s detected as image link and treated as an image link.
Swipebox tries to open it in the lightbox, but it fails.

How to solve this:

* if you can edit the “sharing buttons” template, add no-swipebox class to Pinterest link.
* If you cannot, you can exclude this link via Easy Swipebox setting page. Navigate to Autodetection tab, add the Pinterest link selector (.social--sharing .pinterest) in the “Exclude links” field. You can add multiple selectors, separating them with commas.

Please, let me know if the trick is working.

All the bests,
Leonardo

Hi @hansjcotten,
thanks for your review, they are always useful, especially the negative ones ??

As I explained here, Easy Panorama uses Paver Js as library to render the panoramic viewer.

Paver JS is not supporting the behaviour on tablet you are proposing…
If this is so important to you I suggest to have a look to the simple CSS solution I describe here, no plugin needed.

My best regards,
Leonardo

Hi @hansjcotten,
many thanks for posting your issue.

Easy Panorama uses Paver Js as library to render the panoramic viewer.

This library does not support the behaviour you are suggesting:

Paver uses deviceorientation to access the gyroscope data from a device, if available.

When deviceorientation event is available, Paver uses it to “pan” through the image, so the touch event is ignored.

I personally agree with this choice.

You can achieve this behaviour with few lines of CSS (no plugin need to be installed), as suggested on Paver webpage:

.panorama {
	height: 400px;
	overflow-x: scroll;
	overflow-y: hidden;
	img {
		height: 100%;
	}
}

Please let me know if this works for you.
Leonardo

• This reply was modified 7 years, 9 months ago by Leonardo Giacone.

@humptybump,
many thanks for posting on this forum, let’s figure out what’s wrong.

Could you provide the link to your website?
Are you using a touchscreen laptop?

jquery.paver.min.js:1 The deviceorientation event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
hasGyroscope @ jquery.paver.min.js:1

In few words, this warning (not error) suggests installing an SSL certificate for your website/application – you should do it, not only because of Easy Panorama…
I suggest starting with letsencrypt.org. It’s free, automated and supported by most of the hosting companies.

About the 2 mobile issues:

These issues appear related to Paver.js – the jQuery library that manages the panoramic viewer.

It’s a third party plugin, here you find the link to GitHub repository.

1. if I rotate the mobile screen from portrait to landscape, the panorama panning becomes erratic and difficult to control.

Could you please provide me brand/model of the smartphone you are using? I will try to reproduce the issue.

2. the panning is only controlled by the mobile device motion sensor forcing the user to move around to see the whole picture. There does not appear to be a way to pan using a finger.

This is how Paver works, but it could be a nice pull request… ??

Please, let me know.
Best regards.

Leonardo

@curikjakub,
thank you for the login, I had a look, and that’s what I discovered:

Easy SwipeBox detects via javascript all the links to video or image and adds the class swipebox to them.
This happens on $( document ).ready(), the page DOM is ready for Javascript code to execute.

Unfortunately, the portfolio elements loaded after the page scroll are not there to be detected, so they don’t have the class to initiate swipebox (class="swipebox").

We can try to solve it in two ways:

1) Add class swipebox in your template
Create a Child Theme and edit the list template adding the class swipebox to the portfolio thumbnail.

2) Initiate swipebox after the scroll and all the elements are loaded.
Unfortunately, I don’t know how this infinite scroll works and what’s the right callback.

About Fancybox lightbox, it’s completely useless if you use Easy SwipeBox.
You should contact the theme developer and ask how to de-activate it.

I hope this it will help you, please let know.
Leonardo