K2 Image Pop-Up

Hi

I would like to disable the image pop-up in K2 for the 'item view' when you mouse over, how do I do this please?

Many thanks

Could You please provide an url to page where You would like the "popup" to be disabled?

If You are talking about this scalling effect animation, You can disable it by enabling override.css in template settings, then editing:
/templates/gk_storebox/css/override.css and adding at it's end:

#k2Container .itemImageBlock img:hover {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
border: 1px solid #e8e7e7;
}

To disable link behavior over image edit the file:
/templates/gk_storebox/html/com_k2/templates/default/item.php
find line number 105 and change it from:

Code: Select all

<a class="itemImage modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" /> </a>


to:

Code: Select all

<a class="itemImage modal" rel="{handler: 'image'}" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" /> </a>


To disable link behavior over image edit the file:
/templates/gk_storebox/html/com_k2/templates/default/item.php
find line number 105 and change it from:

Code: Select all

<a class="itemImage modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" /> </a>


to:

Code: Select all

<a class="itemImage modal" rel="{handler: 'image'}" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" /> </a>


Many thanks, I have done this, and tried this previously myself but for some reason I still have the popup.

I have cleared all cache, in the browser, and the backend of the website but still get the popup image?

Please send me a PM with:
1. URL to your website
2. ftp data (host, user, password)
3. link to this thread

Ill try to check what is wrong .

Somehow You havent changed the line in that file .
I have corrected the file for You.
If You like the "zoom in" animation on element - remember to remove

Code: Select all

#k2Container .itemImageBlock img:hover {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
border: 1px solid #e8e7e7;
}


from override.css

Somehow You havent changed the line in that file .
I have corrected the file for You.
If You like the "zoom in" animation on element - remember to remove

Code: Select all

#k2Container .itemImageBlock img:hover {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
border: 1px solid #e8e7e7;
}


from override.css

many thanks for your help on this.

I am having a similar issue, I copied your code and it helped. The issue I have not is that I get an image preview pop-up which doesn't display the image, it looks like it is trying to. However, I do NOT want to have the preview I would like to disable it. I love the hoover/zoom, but want to disable the link and the preview.

Please post an url to your site where I can check exactly whats wrong.

@bigl
please edit the file:
/templates/gk_storebox/html/com_k2/templates/default/item.php
and around line no 104 find line that looks this way:

Code: Select all

<a class="itemImage modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" /> </a>


replace it with:

Code: Select all

<a class="itemImage modal"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" /> </a>


It should do the trick