Remove Modal Effect on k2 item images
Rate this topic: 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.
-
- 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
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
-
- 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:
remove <a ... </a> so result should be:
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;" />
-
- 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.
I shown you place where main image is loaded.
but sure you can show me URL, but before clean CMS cache.
-
- 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; }
-
- 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.
-
- 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
-
- Fresh Boarder
7 posts
• Page 1 of 1