0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Public Forums
Free Joomla Templates
SJ Plus

[SOLVED] Remove hover zoom button on images
(1 viewing) (1) Guest
New Topic
  • Page:
  • 1

TOPIC: [SOLVED] Remove hover zoom button on images

[SOLVED] Remove hover zoom button on images 10 years, 4 months ago #15525

  • tomroguk
  • OFFLINE
  • Fresh Boarder
  • Posts: 14
  • Karma: 0
Hi there,
Initially the template comes with two hover states on intro and full images to increase the size of the image and one as a link to the article.
I have managed to remove the photo zoom button and then change the link to the article so it says "read more" on the home page here: www.thexfadersdj.co.uk/billericayessex2/ (Featured article view)

However, I would like to do the same on the news "Category blog" layout and the images used for the Related article plugin but it doesn't appear to be the same process.

Can anyone point me in the direction of the correct files to edit please. I know I could turn off both the buttons in CSS and put my own in, but the button that is a link does exactly what I need it to and the animation is ok, I just want it to read "Read more" instead of the icon.

I hope that all makes sense.
Thanks
Attachments:
Last Edit: 10 years, 4 months ago by tomroguk.
The topic has been locked.

Re: Remove hover zoom button on images 10 years, 4 months ago #15537

Dear Tom R,

1. In category bog:
- go to your_site\templates\sj_plus\html\layouts\joomla\content\intro_image.php and find:
<a class="hover-zoom" data-rel="prettyPhoto" title="<?php echo $images->image_intro_caption;?>"  href="<?php echo htmlspecialchars($images->image_intro); ?>"><i class="icon-external-link"></i></a>
				<a class="hover-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($displayData->slug, $displayData->catid)); ?>"><i class="icon-plus"></i></a>

=>

<a class="hover-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($displayData->slug, $displayData->catid)); ?>"><?php echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE'); ?></a>


2. in related news
- go to your_site\plugins\content\relatednews\tmpl\default.php and find:
<a class="hover-zoom" data-rel="prettyPhoto"  title="<?php echo $item->title; ?>" href="<?php echo $img['src']; ?>"><i class="icon-external-link"></i></a>
							<a class="hover-link" href="<?php echo $item->link; ?>"><i class="icon-plus"></i></a>

=>

<a class="hover-link" href="<?php echo $item->link; ?>"><?php echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE'); ?></a>


Thanks!
The topic has been locked.
The following user(s) said Thank You: tomroguk

Re: Remove hover zoom button on images 10 years, 4 months ago #15561

  • tomroguk
  • OFFLINE
  • Fresh Boarder
  • Posts: 14
  • Karma: 0
Again, perfect information. Much appreciated!

It's a lot easier when you know where to look!
Tom
The topic has been locked.
New Topic
  • Page:
  • 1
SmartAddons
Public Forums
Free Joomla Templates
SJ Plus
Powered by Kunena
Time to create page: 0.20 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.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme
AutoParts - Auto Parts, Tools, Equipments & Accessories Shopify Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

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

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