Hi - I'm struggling to get my head round using zentools to display an article in a modal popup.

I've read through the documentation, but I'm still not grasping the concept.

The effect I'm trying to achieve is as the links in the 7 stage process on this page: roberttearle.com/our-approach/

Can anyone help please?

Thanks

Ian

Hi Ian,

Do you have a link of where you are at?

The wordpress site it doesn't actually work for me

Cheers
Paul

Hi Paul - thanks for getting back to me.

This is the page I'm working on: www.roberttearle.com/newsite/index.php/what-we-do/executive-search

I'm trying to recreate the link above I sent earlier, but so far I don't have anything working.

When you say the wordpress site doesn't work for you, do you mean that the model windows are not opening.

Thanks

Ian

Hi Ian,

The wordpress modal aren't working - its opening as a new window so script wise something is wrong

Cheers
Paul

Hi Paul - that's interesting…

It's working for me on the Mac with Safari and Firefox. I'll have to try it on the PC.

Anyway, my aim is to link each of those headings numbered 1-7 to a different story which appears in a modal popup.

I think I must be over-tired, because I can't seem to grasp the concept of getting it to work.

I don't need a list, because the items are all ready listed. But when I tried to do it as a lightbox it all seemed to go wrong.

Could you point me in the right direction?

Thanks

Ian

In the zentools module layout selection choice - try chosing single item gallery with the content behaviour of lightbox and then set up the module as required

Cheers
Paul

Sounds so simple

So I'll need a new zentools module for each item?

ah I'm referring to creating the one image gallery which contains a single image

To have it display 1-7 you would need 7 different images - am I following you right?

Cheers
Paul

No - you were right first time. Each heading links to one image/article, so I must need a zen module for each heading…

Or am I missing the point?

Thanks

Ian

Hi Ian,

The easiest way is to have 7 images loading either the same image but bigger or 7 images loading different articles

If you want to just the text to trigger it then use only the title of the article to load the article in a lightbox

Cheers
Paul

Hi Paul - I think I see, but I'm still doing something wrong.

I've called the module 'Candidate generation' and set it to show title only.

But when I click on the title the rest of the article doesn't show in the modal window.

If I add text to the module in layout, it appears on the page but not in the module.

What am I missing?

Thanks

Ian

Ah. Getting there...

Got there. I have the mental capacity of a limpet today. No, probably less…

Thanks for your help on this so far Paul.

The cursor is not changing to a pointy finger when I hover over the title or the image. Any idea why? I can't see any settings anywhere…

Thanks again

Ian

Hi Ian,

You need css for this

#zentools294 h1 a:hover, #zentools294 img:hover {cursor: pointer;}

This is targetting this module specifically

You may want to change the h1 tag in the settings

So then you would need to change the h1 tag to whatever you use

Cheers
Paul

Hi Paul thanks for this.

The day seems to be getting better

I understand the css - thanks - but why isn't it global for the whole site?

Everywhere else - EXCEPT the menu link 'what we do' in the main navbar - it seems fine.

Why only this module, and the menu link are the ones not working?

Thanks

Ian

Hi Ian,

It comes down to preference really some people want links without cursors and some do

It also depends on the link type - folks have asked for no cursors on unclickable links

For menu link add this to the custom css

#navwrap ul.nav > li.active .separator:hover {cursor: pointer;}

Cheers
Paul

Hi Paul - many thanks for this.

I can't see where you're finding these links in Chrome - can you point me in the right direction so I don't have to keep worrying you

And can you explain why it's only this area of the site where this is happening? With all the other zen modules I've created the cursor automatically changes to pointer.

I don't want to have to create custom css for every new link I add, so is there a global command I can use?

Thanks for your patience on this…

Ian

Ah. That last css fix hasn't worked. Any ideas?

Thanks

Ian