Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

K2 Images not displaying in Item View due to T3 modal issue?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
I don't think I've seen this before - will check with the team

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
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
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
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.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
What version of k2 are you using?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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. :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 5 years 4 months ago by scarney.
The administrator has disabled public write access.
Yes sounds liek a conflict with the modal image name.
Your snippet should do the trick in this case.
Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
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:
.modal {
display: inline;
position: static;
}

Without that code snippet the K2 Item images are not displaying.
Attachments:
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 5 years 4 months ago by scarney.
The administrator has disabled public write access.
The following user(s) said Thank You: pete
Cool thanks for update / info

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Turning on LazyLoad, Back to Top and Sticky Nav did not make the problem occur on your Quickstart site.

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
What problem are we looking at?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
Attachments:
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
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.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
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.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,
If you add:
a.modal {z-index:10 !important}

Does that solve the issue?
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
The following user(s) said Thank You: pete
Ah Yes! :-)

How do you spell relief:

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

:-)

Thank you very much. It is working now!
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers