K2 image popup

**GK User** Tue Apr 07, 2015 4:15 pm

Hey there,
How can I make the main picture of the K2 item clickable to popup a preview like in the Creativity template? or like in the polaroid style gallery page..

http://uccrow.com/index.php/component/k ... n-the-past

I want the image to be clicked and the preview to popup on an overlay..

My best to you all out there..

**GK User** Tue Apr 07, 2015 7:10 pm

This is strange - from the code it looks like it should work as you described, but even on our demo server it doesn't.
I'll ask our dev team for opinion.

**GK User** Wed Apr 08, 2015 3:20 pm

Fix will be available with next template update.

**GK User** Wed Apr 08, 2015 7:22 pm

Cyberek wrote:Fix will be available with next template update.

Thank you kindly!

**GK User** Wed Apr 08, 2015 9:38 pm

I can provide you with the change that needs to be done if you are willing to do it by yourself, are you?

**GK User** Mon Apr 13, 2015 8:42 am

Cyberek wrote:I can provide you with the change that needs to be done if you are willing to do it by yourself, are you?

It will be the best solution.. Thank you!

**GK User** Mon Apr 13, 2015 5:50 pm

Attached screen shows what to add in templates/gk_writer/css/k2.css

Screen Shot 2015-04-13 at 18.49.23.png

**GK User** Mon Apr 13, 2015 5:51 pm

Its the:

Code: Select all: pointer-events: none

in .single-page .itemImageBlock:after declaration.

**GK User** Mon Apr 13, 2015 6:15 pm

Cyberek wrote:Its the:
Code: Select all
pointer-events: none

in .single-page .itemImageBlock:after declaration.

Perfect! Thank you very much for your kind interest.

My best.

**GK User** Mon Apr 13, 2015 6:48 pm

Is there anything else I can help you with regarding this topic?

**GK User** Mon Apr 13, 2015 7:48 pm

Cyberek wrote:Is there anything else I can help you with regarding this topic?

There is only one bug I've noticed. On iPhone the popup image gets distorted..

My best.

**GK User** Thu Apr 16, 2015 9:57 am

I'll report that.

**GK User** Thu Apr 16, 2015 10:00 am

And write back after I'll get an answer from our devteam.

**GK User** Fri Apr 17, 2015 5:03 pm

Cyberek wrote:And write back after I'll get an answer from our devteam.

I've modified the tablet.css

/* K2 edit popup */
#sbox-window,
#sbox-window iframe {
height: auto !important;
width: 80% !important;
left: 10%!important;
}

And it seems like it solved the problem.
Thank you very much for your support.

My best.

**GK User** Mon Apr 20, 2015 6:34 am

Thanks for sharing the solution.
If you have any additional questions regarding this topic, please let me know.