I’m using Elementor…how can I implement this using an image?

Resolved wyohost
(@wyohost)

7 years, 6 months ago

As the title says, I’m using Elementor and would like to be able to open this popup https://network1sports.com/player.php?name=kpow in it’s own smaller window as it does on this page, https://network1sports.com//station/kpow. There it is a text link but I’d like an image.

I understand css and classes but not sure how to put it all together to make this work.

Can anyone give me a hand?

Thanks
Doug

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author cubecolour
(@numeeja)

7 years, 6 months ago
Alligator popup can be used to create a popup link by inserting a shortcode like:
```
[popup url="https://network1sports.com/player.php?name=kpow" height="200" width="300" scrollbars="no" alt="mypopup"]Link Text[/popup]
```
or if you cannot enter a shortcode, a text link can be used:

<a href="https://network1sports.com/player.php?name=kpow" class="popup" data-height="200" data-width="300" data-scrollbars="0" alt="my link text">Link Text</a>

The link text in both cases can be replaced with an image.
Thread Starter wyohost
(@wyohost)

7 years, 6 months ago

I used this as a link under an image…

https://network1sports.com/player.php?name=kpow” class=”popup” data-height=”200″ data-width=”300″ data-scrollbars=”0″ alt=”my link text

… it opens up in a new full tab with broken css and links.

https://kpow.wyohost.com

It’s the orange Listen to the Panthers image.

Thanks

Plugin Author cubecolour
(@numeeja)

7 years, 6 months ago

It looks like the link is malformed. I don’t use elementor so I do not have any experience of it, but it could be that which is preventing the data attributes from being added. I would suggest asking elementor’s support about adding data attributes to a link.
Thread Starter wyohost
(@wyohost)

7 years, 6 months ago
Interesting… Take a look now…

If I use a simple text box and paste the link code, it opens in a ~~new~~ the same full tab.
If I use the simple text box and pull in an image and use the link or us an image widget and link to it… it opens in a ~~new~~ the same tab but broken css.
- This reply was modified 7 years, 6 months ago by wyohost.
Plugin Author cubecolour
(@numeeja)

7 years, 6 months ago

It looks like elementor doesn’t have a way for data attributes to be added to the link.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘I’m using Elementor…how can I implement this using an image?’ is closed to new replies.