Stirling Grand Responsive Template

picaflor-azul:

You will edit the includes/templates/stirling_grand/common/tpl_mega_menu.php file. All you need to do is to find the place in the file where you want to add the link and add a new list item:

OK that was too easy. It's been 2yrs since I've messed with code so I'm a little rusty:blush:

Thanks for your help.

Athena

Lurkzilla:

OK that was too easy. It's been 2yrs since I've messed with code so I'm a little rusty:blush:

Thanks for your help.

Athena

No problem ;)

Thanks,

Anne

I thought I'd try this as someone suggested that a number of my visitors may be mobile users and a responsive template would be better.

When I installed it there were 2 issues.

ISSUE 1:
The first issue I managed to resolve but thought I would mention it as it appears to have been created by a possible error in the .sql file.
The issue was a database error found after running the 'about_us.sql' files in the Admin/Tools/Install sql patches.
The error was that the About Us page links did not appear in the Admin panel (Define Page Status/Pages Editor) .
This was caused by corrupt content of the sql file after running the script - notice the differences in colour of the text in the script

and the resultant content of the database

I manually altered the database and then the About us showed up in the Admin panel as it should.

I am not sure why no one else has had this problem, as the sql patch I used was the one extracted from the download and I had not tried to amend the files in any way.

ISSUE 2:
This is probably because I've missed something in the installation instructions - but I'm not sure what.

When I view the template this is what appears:

For some reason the header menu bar is overlapped by the logo background, and the word Excercise (the first category) appears above it.

Before I re-try and install it again, can anyone give any clues as to what I may have missed to create this problem.

PS I have already removed the social icons but also want to remove the 'Follow Us' link, but I'll address that later.

Thanks for any input offered.

pewe:

ISSUE 2:
This is probably because I've missed something in the installation instructions - but I'm not sure what.

When I view the template this is what appears:

For some reason the header menu bar is overlapped by the logo background, and the word Excercise (the first category) appears above it.

Before I re-try and install it again, can anyone give any clues as to what I may have missed to create this problem.

PS I have already removed the social icons but also want to remove the 'Follow Us' link, but I'll address that later.

Thanks for any input offered.
Turn off the category tabs menu and this goes away..

pewe:

I thought I'd try this as someone suggested that a number of my visitors may be mobile users and a responsive template would be better.

When I installed it there were 2 issues.

ISSUE 1:
The first issue I managed to resolve but thought I would mention it as it appears to have been created by a possible error in the .sql file.
The issue was a database error found after running the 'about_us.sql' files in the Admin/Tools/Install sql patches.
The error was that the About Us page links did not appear in the Admin panel (Define Page Status/Pages Editor) .
This was caused by corrupt content of the sql file after running the script - notice the differences in colour of the text in the script

and the resultant content of the database

I manually altered the database and then the About us showed up in the Admin panel as it should.

I am not sure why no one else has had this problem, as the sql patch I used was the one extracted from the download and I had not tried to amend the files in any way.

ISSUE 2:
This is probably because I've missed something in the installation instructions - but I'm not sure what.

When I view the template this is what appears:

For some reason the header menu bar is overlapped by the logo background, and the word Excercise (the first category) appears above it.

Before I re-try and install it again, can anyone give any clues as to what I may have missed to create this problem.

PS I have already removed the social icons but also want to remove the 'Follow Us' link, but I'll address that later.

Thanks for any input offered.

If you follow the recommended admin settings in the readme.html file the problem will be solved.

You can edit the includes/templates/stirling_grand/common/tpl_footer_menu.php file to remove the follow us.

Thanks,

Anne

Thanks you both for the responses.
Not sure how I missed the Category Tabs Menu :blush:

All sorted and working on my test site - now to install on the working site.

Thanks again.

PS. any suggestions on correcting the about_us.sql file to save me having to manually fix the database when I install on working site??

pewe:

Thanks you both for the responses.
Not sure how I missed the Category Tabs Menu :blush:

All sorted and working on my test site - now to install on the working site.

Thanks again.

PS. any suggestions on correcting the about_us.sql file to save me having to manually fix the database when I install on working site??

Try this:

INSERT INTO `configuration` VALUES ('', 'Define About Us Status', 'DEFINE_ABOUT_US_STATUS', '1', 'Enable the Defined About Us Link/Text?0= Link ON, Define Text OFF1= Link ON, Define Text ON2= Link OFF, Define Text ON3= Link OFF, Define Text OFF', 25, 90, '', '', NULL, 'zen_cfg_select_option(array(''0'', ''1'', ''2'', ''3''),');

Thanks,

Anne

picaflor-azul:

Try this:

INSERT INTO configuration VALUES ('', 'Define About Us Status', 'DEFINE_ABOUT_US_STATUS', '1', 'Enable the Defined About Us Link/Text?0= Link ON, Define Text OFF1= Link ON, Define Text ON2= Link OFF, Define Text ON3= Link OFF, Define Text OFF', 25, 90, '', '', NULL, 'zen_cfg_select_option(array(''0'', ''1'', ''2'', ''3''),');

> 
> Thanks,
> 
> Anne

Thanks Anne,
Simply adding the missing '' at the beginning of the values in the included 'about_us.sql' file sorted the problem.
eg ```
VALUES
('', 'Define About Us Status',

pewe:

Thanks Anne,
Simply adding the missing '' at the beginning of the values in the included 'about_us.sql' file sorted the problem.
eg ```
VALUES
('', 'Define About Us Status',

Thanks for posting the fix.  I will be sure to include this in future updates ;)

Thanks,

Anne

picaflor-azul:

Thanks for posting the fix. I will be sure to include this in future updates ;)

Thanks,

Anne

Not a problem.
Thank you for your superb template work :cool:

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.

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.

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

picaflor-azul:

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.

picaflor-azul:

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:

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:

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 :smile:

rbarbour:

I will be packaging and uploading before the weekend ends :smile:

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.
:cheers:

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 https://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.
Attachment #13330

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 https://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.
Attachment #13330

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

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 https://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.
Attachment #13330

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

pewe:

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

picaflor-azul:

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..