Remove Modal Effect on k2 item images

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sat Feb 21, 2015 6:34 pm
Reply with quote
Report this post
I need help about removing modal effect from article images, i need a static image instead.
User avatar
Fresh Boarder

GK User
Sun Feb 22, 2015 9:36 am
Reply with quote
Report this post
Hi,
this is default feature of K2 items, it cannot be disabled,
only cut off manually in that file: templates\gk_cloudhost\html\com_k2\templates\default\item.php
User avatar
Platinum Boarder

GK User
Sun Feb 22, 2015 9:39 am
Reply with quote
Report this post
tip!
1) Edit file in your HTML editor
2) Find line 85:
Code: Select all
<div class="itemImageBlock"> <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>


remove <a ... </a> so result should be:
<div class="itemImageBlock"> <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;" />
User avatar
Platinum Boarder

GK User
Sun Feb 22, 2015 8:02 pm
Reply with quote
Report this post
Are both talking about this same, K2 item view (single) ?
I shown you place where main image is loaded.

but sure you can show me URL, but before clean CMS cache.
User avatar
Platinum Boarder

GK User
Sun Feb 22, 2015 8:02 pm
Reply with quote
Report this post
Solved adding custom css code to template:

Code: Select all
    .itemImageBlock img:hover {  transform: none !important;  }
User avatar
Fresh Boarder

GK User
Sun Feb 22, 2015 9:12 pm
Reply with quote
Report this post
but you asked about modal not transform effect, hehe.
User avatar
Platinum Boarder

GK User
Mon Feb 23, 2015 4:21 pm
Reply with quote
Report this post
Oscar E wrote:but you asked about modal not transform effect, hehe.


sorry for this ;) Thank you
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.