Stirling Grand Responsive Template

I have a further complication to the popup image issue. I made the change to html_header.php, and the popup now works as it should with respect to the main product image (bksb.jpg). With each of two additional images, however, the popup remains small, and each additional image ( bksb_1.jpg and bksb_2.jpg) loads into the popup a copy of the main product image.

I have no debug logs. If I revert to the classic template, all works as it should.

italianahandbags . com . au /014 /

Shop, then 'test stuff'.

I thought initially that this was an issue with Zen Magnific, but I have uninstalled that. Any thoughts?

godt:

I have a further complication to the popup image issue. I made the change to html_header.php, and the popup now works as it should with respect to the main product image (bksb.jpg). With each of two additional images, however, the popup remains small, and each additional image ( bksb_1.jpg and bksb_2.jpg) loads into the popup a copy of the main product image.

I have no debug logs. If I revert to the classic template, all works as it should.

italianahandbags . com . au /014 /

Shop, then 'test stuff'.

I thought initially that this was an issue with Zen Magnific, but I have uninstalled that. Any thoughts?

As far as the additional image popup, you need to add that page to the code I provided for the html_header.php

 if (COLUMN_WIDTH == '0' || (in_array($current_page_base,explode(",",'popup_image,popup_image_additional')) )) { 

I would copy and upload /includes/modules/additional_images.php

to

/includes/modules/stirling_grand/additional_images.php

to restore file.

Excellent. Thank you so much.

Oops. Not quite. When I reinstall Zen Magnific, I am back with my initial problem: 'The image #2 could not be loaded'; 'The image #2 could not be loaded'. Hmm. No debug errors.

godt:

Oops. Not quite. When I reinstall Zen Magnific, I am back with my initial problem: 'The image #2 could not be loaded'; 'The image #2 could not be loaded'. Hmm. No debug errors.

I am getting a forbidden error on your LARGE additional images

WORKS
/014/images/faranella/faran_1.jpg
/014/images/faranella/faran_2.jpg
/014/images/faranella/faran_3.jpg

DOES NOT WORK (check permissions)
/014/images/large/faranella/faran_1_LRG.jpg
/014/images/large/faranella/faran_2_LRG.jpg
/014/images/large/faranella/faran_3_LRG.jpg

I don't have images with prefixes. I'm using the product in 'test stuff' which works OK with the classic template.

I tried adding 'modules_main_product_image' (Zen Magnific file) to html_header, but it killed the page.

godt:

I don't have images with prefixes. I'm using the product in 'test stuff' which works OK with the classic template.

Zen Magnific pulls the image from the /large/ directory with an image suffix of LRG, just the way it was coded.

I see. I am uploading only one version of each image and letting zencart resize. So there is no way I can do that with Zen Magnific? The fact that it works OK with the main product image suggests an issue with pages, no?

For the second additional image, I now have bksb_2_LRG.jpg in the /large directory. It is looking for it, but won't load it. I have permissions on /large at 777.

No! Got it. It wants the LRG file in a sub-directory /test_stuff in /large! Second popup now loads correctly. So there is no way to use one image with Zen Magnific?

godt:

I see. I am uploading only one version of each image and letting zencart resize. So there is no way I can do that with Zen Magnific? The fact that it works OK with the main product image suggests an issue with pages, no?

For the second additional image, I now have bksb_2_LRG.jpg in the /large directory. It is looking for it, but won't load it. I have permissions on /large at 777.

Seems you figured it out!

Images in wrong directory?

godt:

No! Got it. It wants the LRG file in a sub-directory /test_stuff in /large! Second popup now loads correctly. So there is no way to use one image with Zen Magnific?

Their is but why would you want to load the large images on page load and resize them, it will slow your page time. Zen Magnific is designed to be lightweight and produce the larger images on the fly.

Please continue in that thread.

I have a new challenge. When I load the Zen Magnific popup, say, from the main product image, the mega menu sits over the top of it. Messing about with z-index in stylesheet_mega_menu.css and stylesheet_zen_magnific.css, I can find no setting which will position the mega-menu list behind the popup image. The z-index structure for the popup is complex, so it seems to me that the simplest approach is to position the menu, but it resists even '!important'.

What approach should I take here?

rbarbour:

Their is but why would you want to load the large images on page load and resize them, it will slow your page time. Zen Magnific is designed to be lightweight and produce the larger images on the fly.

Please continue in that thread.

No, I take your advice. Better to upload two images than preload the large image. Thanks for your time.

godt:

I have a new challenge. When I load the Zen Magnific popup, say, from the main product image, the mega menu sits over the top of it. Messing about with z-index in stylesheet_mega_menu.css and stylesheet_zen_magnific.css, I can find no setting which will position the mega-menu list behind the popup image. The z-index structure for the popup is complex, so it seems to me that the simplest approach is to position the menu, but it resists even '!important'.

What approach should I take here?

in stylesheet_mega_menu.css, very first line, change z-index from 9999 to 999.

Good grief. Thanks again.

godt:

Good grief. Thanks again.

I am happy that all is well :smile:

Thank you so much for your help rbarbour !

Thanks,

Anne

Hi Anne,
First of all thanks for your generosity providing this responsive template!!

I'm really hoping you can help me... I fear I've done something stupid and I can't find my mistake. :P

http://swatchbuddies.angelhartlinedesigns.com/
I'm adapting your template to work with my site (this is a dev url) and it's working fabulously so far. However the parent links on the mobile size menus do not open when you click them. The menu works other than that. I've tried re-uploading the script files. I've must've messed something up but I don't know what it is. Any help would be greatly appreciated.

Angeltown:

Hi Anne,
First of all thanks for your generosity providing this responsive template!!

I'm really hoping you can help me... I fear I've done something stupid and I can't find my mistake. :P

http://swatchbuddies.angelhartlinedesigns.com/
I'm adapting your template to work with my site (this is a dev url) and it's working fabulously so far. However the parent links on the mobile size menus do not open when you click them. The menu works other than that. I've tried re-uploading the script files. I've must've messed something up but I don't know what it is. Any help would be greatly appreciated.

Disregard! I figured it out finally. :smile:

Thanks again for the fab template!!

Angeltown:

Disregard! I figured it out finally. :smile:

Thanks again for the fab template!!

I am happy that you figured it out ;) And that you are using the template for your website.

Thanks,

Anne