Image hotspot outside the image

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
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
Tue Dec 10, 2013 9:40 pm
Reply with quote
Report this post
The clickable area to the right of the thumbnail image is about 600px over to the right.
http://www.growmyideas.com/2013-09-09-1 ... -sweathelp

Q: how do I make just the thumbnail the clickable area?
Or: how do I disable the Modal window?
User avatar
Fresh Boarder

GK User
Tue Dec 10, 2013 10:39 pm
Reply with quote
Report this post
Hi.
1) Hmm I see only one image in article - with screenshot
2) You have to edit - change one line in file:
gk_simplicity\html\com_k2\templates\default\item.php

delete
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'); ?>">


and closing
Code: Select all
 </a>
User avatar
Platinum Boarder

GK User
Tue Dec 10, 2013 10:40 pm
Reply with quote
Report this post
do not touch
Code: Select all
<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
Wed Dec 11, 2013 5:08 pm
Reply with quote
Report this post
Pawel F wrote:do not touch
Code: Select all
<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;" />



How can I change this to make the clickable area just on the thumbnail?
User avatar
Fresh Boarder

GK User
Thu Dec 12, 2013 11:17 pm
Reply with quote
Report this post
How can I change this to make the clickable area just on the thumbnail?


Could you add here a screenshot with arrows - because I'm not sure about what kind of thumbs are you talking about.
From module ? From K2 item ?
here.jpg


If there where I add "here" - you can not do this using simple css changes. because there K2 have only image.
Of course, if you have time to customization you can add there K2 gallery with thumbnails.
I done something similar few months ago for my client for dating page.
But sorry, this is not typical "free" support help.
User avatar
Platinum Boarder


cron