I am not sure if you have heard about this but I was having problems with the K2 images not showing up in the K2 Items. So, I did a little google search and found others with the same problem. The blame was being placed on the T3 framework and there is some code that can be added to the custom.css file to fix the problem. I placed the code in and it worked. However, it seems like this should be reported to the T3 framework. And, I am thinking there might be something else going on since your QuickStart site is displaying the images.

I have placed the code into my custom.css file but then commented it out so you can see the problem. Here is the code we had to add:

.modal {
display: inline;
position: static;
}

This is where I read about the issue:
www.joomlaworks.net/forum/k2-en/37686-solved-image-not-showing-in-item#133862

Here are a couple pages where the images are NOT displaying:

gmf.cloudaccess.net/surfaces/showers/glass-tile-showers/item/27-matching-glass-tile-showers

gmf.cloudaccess.net/services/getting-started/item/24-how-to-select-the-best-tile-for-the-job

Here are some pages in your QuickStart where the images are displaying:

work.freesite.host/index.php/features-of-templates/joomla/demo-content/money/103-investors-strike-against-corporate-excess

work.freesite.host/index.php/zenkit/magazine/item/157-class-aptent-taciti

Do you have a better fix than my putting more code into the custom.css file? Do you have this added to your QuickStart site?

Thank you once again!

Sean

so the issue is the image not appearing at all rather than the modal window not popping up correctly?

The last image on the list isn't not enlarging but not working correctly in the modal pop up

Cheers
Paul

You are correct. The images are just not showing at all. But they will show if we add the code to the custom.CSS file.

I don't think I've seen this before - will check with the team

Cheers
Paul

Thanks. The people are JoolaWorks are aware of it. They seem to indicate that it could be a bug in T3:

www.joomlaworks.net/forum/k2-en/37686-solved-image-not-showing-in-item#133862

Hi Sean,

I'm not sure if i'm totally clear on the issue but this might be a problem with k2 using joomla's modified bootstrap css and a template using bootstrap3.
Does this post help?
github.com/t3framework/t3/issues/33

Rob

Hello Rob,

Nice to hear from you again.

That issue is probably related. However, interestingly enough I am NOT seeing this happening with your QuickStart but it is happening in my implementation.

What version of k2 are you using?

Cheers
Paul

I am using 2.6.8 which is the same version that you are using in the QuickStart.

The good news is that I do have a snippet of code that can fix this by being put in my custom.css file. So, I am not without options. However, I wanted to allow you all to see this and think about it. Especially to ponder what the difference might be between my set up and your quickstart.

Thanks again for wrapping your head around this. I do not want to detract too much though from the Zen Grid Framework V4 development.

Yes sounds liek a conflict with the modal image name.
Your snippet should do the trick in this case.
Thanks

I put in the snippet and all appeared to be well except that the K2 Item image then loaded on top of the Sticky Navigation. I sure wish my site was working like the QuickStart!

Here is a URL in the QuickStart where the image can scroll up and goes behind the Sticky Navigation:

work.freesite.host/index.php/zenkit/carousel/item/133-aliquet-a-ac-tellus

(I had to turn ON the Sticky Navigation to test this)

Here is a page on my site where the K2 Item Image is loading on top of the navigation:

gmf.cloudaccess.net/surfaces/showers/glass-tile-showers/item/27-matching-glass-tile-showers

Here is the code snippet I am using:

Without that code snippet the K2 Item images are not displaying.

Cool thanks for update / info

Cheers
Paul

Paul, I just edited my past entry because there is still a problem. Sorry. I should not have edited what you had already read. I did not think there was a problem still but found there is. I sure wish I knew what was different. I do see your template had all "Effects" in the template turned off. Mine are all turned on. I will experiment with those now.

Turning on LazyLoad, Back to Top and Sticky Nav did not make the problem occur on your Quickstart site.

Sean

What problem are we looking at?

Cheers
Paul

Check out the attached images. The K2 Item image is displaying now after I added the code snippet I found on the K2 forums. But, once I added it now the K2 images load on top of the navigation bars. So, the images covers the navigation. I uploaded a couple images.

Example:
gmf.cloudaccess.net/surfaces/showers/glass-tile-showers/item/27-matching-glass-tile-showers

The thing that is baffling me and consuming so much of my time today is the fact that your QuickStart does not seem to have this problem. If I remove the modal code then the K2 Item Images stop displaying. When I add the code then they display but cover the navigation.

I am posting questions about this on the JoomlaWorks forum where people submitted the fix that almost got me working correctly. I will also see if I can post it to T3.

Hi Sean,
If you add:
a.modal {z-index:10 !important}

Does that solve the issue?

Ah Yes!

How do you spell relief:

a.modal {z-index:10 !important}



Thank you very much. It is working now!