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? 10 years 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? 10 years ago #17470

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • 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? 10 years 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? 10 years ago #17505

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • 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.23 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.

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