Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

how to make a zen-module-title clickable

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

6 years 6 months ago
For one reason or another, I am in need of making a zen module title clickable. Is there a way to do this? Like the title of module in Grid1...

dev link
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
6 years 6 months ago
I think you would need to create an alternate module layout override for this

Could you instead fake it with a zentools2 module?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
6 years 6 months ago
I am building it as ZT2, but haven't figured out how to make the zen module title go one place, and the read more go somewhere else. :blink:

zt2 dev link
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 6 years 6 months ago by blueshift.
The administrator has disabled public write access.
6 years 6 months ago
Got it!! :side:

In the module parameters, I set a *header class,* then loaded a new js file with this:
$(".article-header-link").click(function(){
    document.location.href="https://<some.domain.com>/articles";
     return false;
});
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 6 years 6 months ago by blueshift.
The administrator has disabled public write access.
6 years 6 months ago
ahhhhhhhhhhhh nice one :)

Thanks for posting back

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
6 years 6 months ago
Made an edit - used a relative link (which works) will add an opacity fade in css.

The jquery is now:
$(".article-header-link").click(function(){
    document.location.href="/articles";
     return false;
});

Here's the opacity code for the class i created

.
.article-header-link:hover {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
      }

to help search by correcting for the mispelling in the title (unless you can fix it)
--> how to make a zen-module-title clickable
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 6 years 6 months ago by blueshift. Reason: added opacity code
The administrator has disabled public write access.
6 years 6 months ago
Yep I can change that

Thanks for the prompt

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
6 years 6 months ago
Funny how the brain is able to read words as long as the first and last are correct

www.mrc-cbu.cam.ac.uk/people/matt.davis/cmabridge/

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
6 years 6 months ago
Thanks again

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
6 years 6 months ago
toltaly!! :blink:
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
6 years 6 months ago
:)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close