How can I add pop-up on clicking an image?

quib_sandhu

I want to add pop-up video on an image.

I could find, pop-up short code for 'Text' but how to do same, if I want it to add on an Image?

Thanks.

Albert

Hi,

this can be done within html as below:

<a href="https://vimeo.com/VIDEO-ID" class="prettyphoto"><img src="http://muffingroup.com/dev8624/betheme/wp-content/uploads/2014/10/logo-firefox.jpg" /></a>

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

quib_sandhu

Thanks .... It worked

quib_sandhu

But another similar issue...

How can I show some HTML content in Pop up after clicking on Image?... As this can be done via popup short code via clicking on text.

Albert

This is not possible. For that you must use popup shortcode instead.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

quib_sandhu

I tried with pop-up short code.... Form is appearing in pop-up but is not working... no validation works, no mail it working.....

Can you please help? 

Albert

If our popup shortcode does not work, then we do not have any other solution for this. We'll add this suggestion on our "to do" list and try to add it while future updates.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tschubarov

Where is explained how to add a <a> with a pop up form, I need to know the steps. I have the form shortcode, what else I have to do?

Albert

@tschubarov What explanation you expect exactly? Because in our opinion there is nothing to be explained.  Just click on []+ button in default wp edit and choose "Popup" shortcode. That's it

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tschubarov

Yes, it worked straightforward! i thought I had to create a button separately and call the shortcode in a some crazy way

Albert

We're glad to hear that all is fine now

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mjconnor5

How do you change the color of the popup button? Can it be done in betheme options or with custom css? If so, please let me know what that code would be. Thank you.

Albert

@mjconnor5 Please send us link to page where you want to change it's color first.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mjconnor5

I plan on doing it on multiple pages...can you please just tell me how to change the color settings for the popup buttons.

Also, instead of buttons, can an image open a popup as well?

Albert

@mjconnor5 We asked above for a link to page where you want to change button color but you still didn't provided it to us. So please provide us the link to page where where those buttons are first.

In reference to 2nd question, we do not have an item to open image as popup.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mjconnor5

I don't want to post a link to the website on this forum. I don't understand how how it's relevant. Either you can provide the shortcode or the custom css for changing the colors, or it can't be done. But the page it's on should have no bearing. My version of BeTheme is updated, and I'm using the standard shortcode for it:

[popup title="Title" padding="0" button="1"]Insert your popup content here[/popup]

Albert

@mjconnor5 The links is necessary because each site is different and until you will not provide us the link, we will not be able to help you. If you don't want to post it here, you should send us private message.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next