Joomla Templates Club 406,261 posts

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#1029880

Hello,

On my site, escuta.org, I use a JoomlArt Advanced Custom Module on the home page. I’d like to include an invisible hyperlink on the image presented by the module so that the user can open and read the "about" page (http://escuta.org/en/about.html).

Please, how can I do this?

If I decide to include a more complex image with photos of various projects, for example, is it possible to include "hotspot" links (i remember using these many years ago with Dreamweaver)? This would be a great thing.

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1029964

Hi
Can u share the Module type On which you want to add a hyperlink on the image?
So that i can check your request.

Regards

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#1030005

Thanks a lot. The module type is "Slideshow" and the style is "style-owl".

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030152

Hi
open templatesja_events_iiacmslideshowtmpl/style-owl.php file
Find

  <img src="<?php echo $helper->get('data.image', $i); ?>" class="slider-img" alt="<?php echo $helper->get('data.title', $i) ?>">

Replace it with

    <a href="<?php echo $helper->get('data.slideshow-link', $i); ?>"            
          <img src="<?php echo $helper->get('data.image', $i); ?>" class="slider-img" alt="<?php echo $helper->get('data.title', $i) ?>">
          </a>

Now it use the button link on the image.

Regards

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#1030254

Thanks Pankaj.I think there is a missing ">" at the end of the first line of your replacement, but all the same, couldn’t get this to work, even when I hard coded a link to google.com. Have sent you a PM.

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#1030255

This reply has been marked as private.

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#1030278

I think perhaps a style is overriding the link.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030545

Hi
Open /templates/jaeventsii/local/acm/slideshow/css/themes/blue/style.css
Find and remove below code

.acm-slideshow .owl-carousel .item:before {
    background: rgba(0, 0, 0, 0.0);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

Regards

[surdo Friend surdoJoin date: March 2015Posts: 108Downloads:14Uploads:10 Thanks: 33]

#1030692

Thanks a lot Pankaj. Got it to work, but additionally needed to change the value of position in the following:

.acm-slideshow .owl-carousel .item .slider-content {
/ position: absolute;/
position: unset;
z-index: 2;
color: #ffffff;
padding: 0 24px;
text-align: left;
top: 0;
right: 0;
left: 0;
height: 100%;
display: block;
}

All the best!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030733

Yes the text is over the image. If u want text also behave same. Some more changes in z index.
Regards

[Author]

Posts