Joomla Templates Club 406,261 posts

[freissmann Developer freissmannJoin date: February 2011Posts: 294Downloads:0Uploads:71 Thanks: 79 Thanked: 29 times in 1 posts]

#182600

When moving over images a small link image appears. So what we want to achieve the following two targets:

a) remove this small image
and
b) make the whole picture area “as link” when mouse over

Transition / fade effect can remain.

Ideas?

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#474359

Dear Frank,

Please open file: templatesja_puresitehtmlmod_jasidenewsdefault.php, at approx line 33,

Replace this snippet of code:
[PHP]
<?php if( $showimage ): ?>
<div class=”article-image”>
<?php echo $helper->renderImage ($item, $params, $descMaxChars, $iwidth, $iheight ); ?>
<ul class=”action”>
<li class=”icon-link”><a href=”<?php echo $item->link; ?>”>Link</a></li>
</ul>
</div>
<?php endif; ?>
[/PHP]
With:
[PHP]
<?php if( $showimage ): ?>
<a href=”<?php echo $item->link; ?>”>
<div class=”article-image”>
<?php echo $helper->renderImage ($item, $params, $descMaxChars, $iwidth, $iheight ); ?>
</div>
</a>
<?php endif; ?>
[/PHP]
Clean all cache: JAT3 cache and cache in Advanced options of JA Side News module.

Hope this helps.

2 users say Thank You to Saguaros for this useful post

1. JA Developer
2. freissmann

[freissmann Developer freissmannJoin date: February 2011Posts: 294Downloads:0Uploads:71 Thanks: 79 Thanked: 29 times in 1 posts]

#474375

Hi Saguaros,
thank! It’s working the way you mentioned for all Sidenews articles.

So we need to change the same for regular joomla articles – we figured out so far that we need to change as well:
/templates/ja_puresite/html/com_content/category/blog_item.php

Here around line 130 we found the code – can you tell us what modification need to be done here so that we have the same result as well on joomla blog articles (see specific template page here)

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#474376

Hi again,

The exact file as you mentioned: templatesja_puresitehtmlcom_contentcategoryblog_item.php, at approx line 130:
Replace:
[PHP]
<?php if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
<?php $imgfloat = (empty($images->float_intro)) ? $params->get(‘float_intro’) : $images->float_intro; ?>
<div class=”article-image img-intro-<?php echo htmlspecialchars($imgfloat); ?>”>
<img
<?php if ($images->image_intro_caption):
echo ‘class=”caption”‘.’ title=”‘ .htmlspecialchars($images->image_intro_caption) .'”‘;
endif; ?>
src=”<?php echo htmlspecialchars($images->image_intro); ?>” alt=”<?php echo htmlspecialchars($images->image_intro_alt); ?>”/>
<ul class=”action”>
<li class=”icon-link”><a href=”<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>”>Link</a></li>
</ul>
</div>
<?php endif; ?>
[/PHP]
With:
[PHP]
<?php if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
<a href=”<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>”>
<?php $imgfloat = (empty($images->float_intro)) ? $params->get(‘float_intro’) : $images->float_intro; ?>
<div class=”article-image img-intro-<?php echo htmlspecialchars($imgfloat); ?>”>
<img
<?php if ($images->image_intro_caption):
echo ‘class=”caption”‘.’ title=”‘ .htmlspecialchars($images->image_intro_caption) .'”‘;
endif; ?>
src=”<?php echo htmlspecialchars($images->image_intro); ?>” alt=”<?php echo htmlspecialchars($images->image_intro_alt); ?>”/>
</div>
</a>
<?php endif; ?>
[/PHP]
and ensure that you clean JAT3 cache after making changes.

Regards.

2 users say Thank You to Saguaros for this useful post

1. JA Developer
2. freissmann

[Author]

Posts