Stirling Grand Responsive Template

[pewe]

Hi again.

I have been working on my site format using this template and have got most things now working as I would like.

I say 'most things' as I have a query regarding the use of the 'zen lightbox' and how it displays on a smartphone - although I don't have a smartphone to test it directly so I use mobiletest.me - as suggested by a helpful forum user.

The issue I have is that when I select 'larger image' on a product page, the lightbox opens with the image larger than the mobile screen - BUT, the scroll bar to scroll left/right does not appear to work (although the vertical scroll works properly).

So -
Is the non functioning lightbox horizontal scrollbar a quirk of 'mobiletest.me' or, as has been suggested elsewhere, will it require a complete rework of Zen Lightbox to work with any template when viewed on a smartphone.

(NOTE FOR REFERENCE: There is another responsive template which uses a similar feature they call 'shadowbox' (or fancybox) which opens the product image in a 'box' for which both the box and the contained image are resized based on the screen resolution of the host browser.
NOTE: as well as not being as attractive as Stirling, the 'shadowbox' does not work with additional images which continue to open in a popup window on both pc and smartphone.)

It may be that this issue is related to my lack of understanding of the way Stirling works with Zen Lightbox, but either way I would appreciate any feedback.

Thanks.

[picaflor-azul]

Hi again.

I have been working on my site format using this template and have got most things now working as I would like.

I say 'most things' as I have a query regarding the use of the 'zen lightbox' and how it displays on a smartphone - although I don't have a smartphone to test it directly so I use mobiletest.me - as suggested by a helpful forum user.

The issue I have is that when I select 'larger image' on a product page, the lightbox opens with the image larger than the mobile screen - BUT, the scroll bar to scroll left/right does not appear to work (although the vertical scroll works properly).

So -
Is the non functioning lightbox horizontal scrollbar a quirk of 'mobiletest.me' or, as has been suggested elsewhere, will it require a complete rework of Zen Lightbox to work with any template when viewed on a smartphone.

(NOTE FOR REFERENCE: There is another responsive template which uses a similar feature they call 'shadowbox' (or fancybox) which opens the product image in a 'box' for which both the box and the contained image are resized based on the screen resolution of the host browser.
NOTE: as well as not being as attractive as Stirling, the 'shadowbox' does not work with additional images which continue to open in a popup window on both pc and smartphone.)

It may be that this issue is related to my lack of understanding of the way Stirling works with Zen Lightbox, but either way I would appreciate any feedback.

Thanks.

The problem is not with the template. The problem is that the zen lightbox module is not respnosive. Whatever modules/plugins you add to the template need to also be made responsive if you want them to work in a responsive way on mobile devices.


Thanks,

Anne

[pewe]

The problem is not with the template. The problem is that the zen lightbox module is not respnosive. Whatever modules/plugins you add to the template need to also be made responsive if you want them to work in a responsive way on mobile devices.


Thanks,

Anne

Thanks Anne.
That's what was suggested by another forum member - DivaVocals - but not being a coder when I saw your included file for additional images contained some code for zen lightbox I was hoping perhaps you had done some mods to make it responsive.

So I guess that the other template included its own 'fancybox' plugin which they had done to be responsive (I didn't install fancybox seperately). Just a shame they didn't make it work with additional images then I might have been able to get someone to make it work with Stirling.
Unfortunately the template developer says he offers no support at all.

I'll have to just put a message on the site to warn smartphone users that the images won't work properly and offer them a different way of viewing them.

Thanks again for the response.

[rbarbour]

The problem is not with the template. The problem is that the zen lightbox module is not respnosive. Whatever modules/plugins you add to the template need to also be made responsive if you want them to work in a responsive way on mobile devices.


Thanks,

Anne

Thanks Anne.
That's what was suggested by another forum member - DivaVocals - but not being a coder when I saw your included file for additional images contained some code for zen lightbox I was hoping perhaps you had done some mods to make it responsive.

So I guess that the other template included its own 'fancybox' plugin which they had done to be responsive (I didn't install fancybox seperately). Just a shame they didn't make it work with additional images then I might have been able to get someone to make it work with Stirling.
Unfortunately the template developer says he offers no support at all.

I'll have to just put a message on the site to warn smartphone users that the images won't work properly and offer them a different way of viewing them.

Thanks again for the response.

I finally have a "responsive" version of this plugin complete.

It is not responsive as to where it shrinks and expands with your browser window but instead fits to the window it's being opened in.

check it out, tell me what you think.
www[.]zcadditions[.]com/222/index.php?main_page=product_music_info&products_id=166

I will be packaging and uploading before the weekend ends

[pewe]

I will be packaging and uploading before the weekend ends

That's great.

I haven't got a smartphone to test with but tried it on mobiletest.me
I noticed even on the Galaxy Y with the lowest resolution at 240x320 although the box border is off screen at the sides it still shows the complete image and the description and Close button.

Well done.
I look forward to getting it installed.

[pewe]

Although I'm no coder, I had been trying to find a solution to this problem.
At the same time as I read the post from 'rbarbour' I had just finished modifying slimbox.php which I have now uploaded and tried - and it seems to work.
It is attached for anyone who wants to try it.

I found the solution on a google group. It was a js file which I copied to replace the code in the original slimbox.php in the zen lightbox classes directory.

It seems to work on mobiletest.me and www.infobyip.com/testwebsiteresolution.php.

ANNE - maybe you could include a modified version of slimbox.php with your responsive templates for those users that use lightbox.
slimbox.zip

[rbarbour]

Although I'm no coder, I had been trying to find a solution to this problem.
At the same time as I read the post from 'rbarbour' I had just finished modifying slimbox.php which I have now uploaded and tried - and it seems to work.
It is attached for anyone who wants to try it.

I found the solution on a google group. It was a js file which I copied to replace the code in the original slimbox.php in the zen lightbox classes directory.

It seems to work on mobiletest.me and www.infobyip.com/testwebsiteresolution.php.

ANNE - maybe you could include a modified version of slimbox.php with your responsive templates for those users that use lightbox.
slimbox.zip

That's great, seems to work. One less plugin I have to upload and maintain.

[picaflor-azul]

Although I'm no coder, I had been trying to find a solution to this problem.
At the same time as I read the post from 'rbarbour' I had just finished modifying slimbox.php which I have now uploaded and tried - and it seems to work.
It is attached for anyone who wants to try it.

I found the solution on a google group. It was a js file which I copied to replace the code in the original slimbox.php in the zen lightbox classes directory.

It seems to work on mobiletest.me and www.infobyip.com/testwebsiteresolution.php.

ANNE - maybe you could include a modified version of slimbox.php with your responsive templates for those users that use lightbox.
slimbox.zip

I am happy that you figured out a solution and posted it.

I will not be including this file in the template package, since it really should be packaged up with the add on and not the template. Not all template users will install the lightbox module.

Thanks,

Anne

[picaflor-azul]

Thanks Anne.
That's what was suggested by another forum member - DivaVocals - but not being a coder when I saw your included file for additional images contained some code for zen lightbox I was hoping perhaps you had done some mods to make it responsive.

So I guess that the other template included its own 'fancybox' plugin which they had done to be responsive (I didn't install fancybox seperately). Just a shame they didn't make it work with additional images then I might have been able to get someone to make it work with Stirling.
Unfortunately the template developer says he offers no support at all.

I'll have to just put a message on the site to warn smartphone users that the images won't work properly and offer them a different way of viewing them.

Thanks again for the response.

Which template file includes code for zen lightbox?

Thanks,

Anne

[DivaVocals]

Which template file includes code for zen lightbox?

Thanks,

Anne

NONE.. I just checked the template package file myself.. As I told pewe in the lightbox support thread NONE of the responsive lightbox stuff he is working through has ANYTHING to do with this template or any other responsive template you offer..

Bottomline is the Zen Lightbox module CURRENTLY available in the downloads (v1.6.5 or something) is NOT responsive, mobile ready or any other term which shall be construed to mean that the images re-size in smaller devices (like smartphones) without a modification to the lightbox code.. Apparently a solution has been found to make the Zen Lightbox add-on responsive and any remaining discussion about responsive lightbox should be MOVED back to the lightbox support thread..