Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

How to disable links on hover?
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: How to disable links on hover?

How to disable links on hover? 8 years, 4 months ago #17421

Hi all!

In article view as well as in category blog when I move mouse over the image there are two icons: one for enlarge the image and second one, which doesn't work (no idea what for it is).

My questions are:
1. how to remove those icons and make whole image a link to the article (in category blog view). 2. In article view i would like whole area of image to be a link to enlarge the image.

Thank you in advance!

Re: How to disable links on hover? 8 years, 4 months ago #17470

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1365
  • Karma: 20
Dear szulik,

When you hover to image, there are 2 icons: one for zoom image and one for article link.
We will fix the issue which does not work.
Please go to your_site/templates/sj_financial/html/layouts/joomla/content/intro_image.php and find:
<a class="hover-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>">
<i class="icon-link"></i>
</a>

=> Please edit to:
<a class="hover-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($displayData->slug, $displayData->catid)); ?>">
<i class="icon-link"></i>
</a>


Thanks!

Re: How to disable links on hover? 8 years, 4 months ago #17476

It fixed the icon with the link to the article. However my questions were:
1. on the category blog: how to remove those 2 icons and make whole area of the image a link to the article.
2. in the article: how to remove the script with two icons and make the whole area of the image the link to zoom the photo.

Re: How to disable links on hover? 8 years, 4 months ago #17505

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1365
  • Karma: 20
Dear szulik,

Please open file (/templates/sj_financial/html/layouts/joomla/content/intro_image.php) and find this code:

<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image" style="min-width:<?php echo $imgH ?>px;min-height:<?php echo $imgW ?>px"> 
		<img 
			<?php if ($images->image_intro_caption):
				echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
			endif; ?>
			src="<?php echo htmlspecialchars($imgsrc); ?>"<?php echo $imgattr; ?> alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/> 
		<?php //Hover item images ?>
		<?php //var_dump( $images) ;die();?>
		<div class="image-overlay">
			<div class="hover-links clearfix">
				<a class="hover-zoom" data-rel="prettyPhoto nofollow" title="<?php echo $images->image_intro_caption;?>" href="<?php echo htmlspecialchars($images->image_intro); ?>">
					<i class="icon-resize-full"></i>
				</a>
				<a class="hover-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>">
					<i class="icon-link"></i>
				</a>
			</div>
		</div>
	</div>


change to :

<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image" style="min-width:<?php echo $imgH ?>px;min-height:<?php echo $imgW ?>px"> 
		<a class="hover-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>">
		<img 
			<?php if ($images->image_intro_caption):
				echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
			endif; ?>
			src="<?php echo htmlspecialchars($imgsrc); ?>"<?php echo $imgattr; ?> alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/> 
		<?php //Hover item images ?>
		<?php //var_dump( $images) ;die();?>
		</a>
	</div>


- Open file (/templates/sj_financial/html/com_content/article/default.php) , find this code:

<div class="img-fulltext item-image pull-<?php echo htmlspecialchars($imgfloat); ?>" >
		
		<img
		<?php if ($images->image_fulltext_caption):
			echo 'class="caption "'.' title="' .htmlspecialchars($images->image_fulltext_caption) .'"';
		endif; ?>
		src="<?php echo htmlspecialchars($images->image_fulltext); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>"/>
		
		<?php //Hover item images ?>
		<div class="image-overlay">
			<div class="hover-links clearfix">
				<a class="hover-zoom" data-rel="prettyPhoto nofollow"   href="<?php echo htmlspecialchars($images->image_fulltext); ?>">
					<i class="icon-resize-full"></i>
				</a>
				<a class="hover-link" href="<?php echo $this->item->readmore_link; ?>">
					<i class="icon-link"></i>
				</a>
			</div>
		</div>
		
</div>


change to:

<div class="img-fulltext item-image pull-<?php echo htmlspecialchars($imgfloat); ?>" >
		<a class="hover-zoom" data-rel="prettyPhoto nofollow"   href="<?php echo htmlspecialchars($images->image_fulltext); ?>">
		<img
		<?php if ($images->image_fulltext_caption):
			echo 'class="caption "'.' title="' .htmlspecialchars($images->image_fulltext_caption) .'"';
		endif; ?>
		src="<?php echo htmlspecialchars($images->image_fulltext); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>"/>
		
		<?php //Hover item images ?>
		</a>
		
</div>


Save and recheck.

Thanks!
  • Page:
  • 1
Time to create page: 0.43 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Suggested Posts

(/)
Result not found!

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes