beginner dumb questions

@rkleemann – No dumb questions here. Likely just means we need to do a better job making it more intuitive.

Short version.
1 Customize a popup theme Popup Maker -> All Themes
2 Create a popup under Popup Maker -> Add New
3 After adding name, and content be sure you set some targeting conditions which choose where it will load.

For your click open on those images there are 2 options.
1 If you can add a class to the images via the slider editor add the popmake-### class for the correct popup to the image.
2 If you can’t add classes then you can use Custom Selectors which is a bit more advanced and requires you to look at the code rendered for the slider and choose a CSS selector to get that one image. This is rather simple if you know what your doing but can be intimidating for others. If you have a link I can point it out quickly.

Hope that helps.

Thanks for your reply, it really does help

The gallery slide plugin I’m using doesn’t allow for adding a class on the hyperlink click action.

I didn’t quite understand your #2.

Anyone know of a slider plugin that will allow me to customize such that it can be integrated with popup maker?

@rkleemann – #2 simply offers the ability for you to tell the popups to trigger when an element with .class-123 is clicked. Basically any css selector that would target what you want can be entered into the custom selector field.

For instance

#slider-123 .slide img

Which translates to an image inside a container with class slide inside a container with id slider-123.

<div id="slider-123">
    <div class="slide">
        <img src=""/>
    </div>
</div>

Ok, sorry trying to follow… ??

So on “Click Open Settings”, “Extra CSS Selectors” I would enter the class for the slider I have on the page?

My slider plugin has this:
<div class=”slideshow_slide slideshow_slide_image” style=”margin-right: 0px; width: 470px; height: 200px;”>

So what exactly would I put into the css selector?

thanks

I’m getting the hang of it…

But if I want to display an image, or a video, on the popup how do I do that?

I’m slowly answering my own questions via trial and error. ??

I see that the popup accepts an iframe.

The problem I have right now is figuring out how to set the src or href without having a ton of popups defined separately.

I mean I can set the CSS selector to an image in my slider but if I have many images, how can I provide the href for the popup “dynamically”?

Ok, to anyone who is interested, here’s how to work with CSS selectors…

https://www.w3schools.com/cssref/css_selectors.asp

I’m able to specifically identify each slider image. I still don’t know if there’s a way to have one popup somehow dynamically support multiple slider images.

It looks like CSS has the ability to retrieve an attribute, but is there any way to pass that to the popup?

@rkleemann – You may also be interested in our Remote Content extension which allows you to set up one iframe popup and target all the links inside the slider. Each link when clicked would change the iframe source. May be what your after.

@@rkleemann – If you want to do it without the extension then you will be learning even more ?? That requires adding some custom JavaScript, though not too difficult.

Please take a moment to rate and review the plugin and or support.

Rated, 5 stars! ??

I’ll take a look at the extension, thanks!

Hi Daniel,

I don’t see the Remote Content extension?

Exit Intent Popups
Advanced Targeting Conditions
Forced Interaction
AJAX Login Modals
Scroll Triggered Popups
Age Verification Modals
Terms & Conditions Popups
Advanced Theme Builder
Secure Idle User Logout
Popup Analytics

more questions (maybe these are covered with the Remote Content extension – which I haven’t found yet where to download)

– can the close button be an image?
– I can set the max width of the popup, but what about the max height?
– is there a way to pass information about the CSS selector match? I’ve set up 2 selector match rules but I don’t know which one to take action on

@rkleemann – Answers in order.

Remote Content ( sorry extensions page needs updating in dashboard )

Advanced Themed Builder offers image backgrounds for close button.

Max height wasn’t really possible in previous versions due to complexities of content, but in v1.4 it will be more feasible and may be something we add in 1.4.1.

Not sure I understand the last part. Can you elaborate?

Hi Daniel,

thanks again for your feedback.

Here’s what I’m trying to do; I have a slider with multiple images. I’ve set them up with an alt text to identify, something like alt=”stream_a”, alt=”stream_b”, alt=”stream_c”. My intention is to load the popup with different content based on whether the click was on “stream_a” or “stream_b”

My popup actually loads an iframe, and I have the click open CSS selector match as follows:

[alt=”stream_a” ], [alt=”stream_b”]

so the popup correctly recognizes the 2 images that match the selector. So I was thinking of putting some php code in there to load the proper content, but I would need to know which image was clicked, whether “stream_a” or “stream_b”. In looking at the generated html, I didn’t see any way to “extract” which image was clicked.

@rkleemann – Hmm, there seems to be a misunderstanding of how it works. The popups are rendered at the same time as the rest of the page. So php cannot be used to change the content, at least not by itself.

You need to check the variable using javascript and then either change the content directly with JS or by then passing those variables to php using ajax.

This is the purpose of the Remote content extension. It allows you to do several of these options automatically and makes the fully custom ajax route much simpler to set up. You simply add 1 snippet of JS to pass extra variables like your alt, and one php function that will get called by the extension that you can output anything you like.

Hope that helps.