Trying to initiate slideshow from html block

Permalink Browser Info Environment
Can the answer to this previous post be answered, I am having the same difficulty trying to launch a popup from an HTML block. Sometimes I get the popup sometimes not. When I get the popup the YouTube content does not appear.

Type: Pre-Sale
Status: In Progress
View Replies:
jb1 replied on at Permalink Reply
Hi, I'm not sure what you mean by previous post. Can you please clarify?

Do you have a sample URL where I can see what you're referring to?

If the YouTube video is using Flash, then the hiding of that block is probably deliberate - because of the way browser plugins work (like Flash), their z-index (vertical stacking) is always above every other element on the page. So the only way to force them to stop interfering with other elements that try to lay on top (such as a popup) is to hide them. The newer methods for integrating YouTube videos don't rely on Flash.

TeKnoZiz replied on at Permalink Reply
I mean if you search support for HTML someone else had this issue, I would be curious to see what the solution is. As for the sample, if you go to and in the bottom left graphic there is an area marked watch the video.
TeKnoZiz replied on at Permalink Reply
I also have a working copy (see below) with a regular text link that does work with PopUp Pro and the HTML black above using Hype 3 with the link embedded which links but does not popup.
jb1 replied on at Permalink Reply
I've looked at those 2 examples, and the 2nd one contains the activation code - here's a screenshot:

The first example which doesn't work does not contain any part of that JS code. So it looks like the Popup Pro block hasn't been added to that page properly.

Does this help?

TeKnoZiz replied on at Permalink Reply
Ok so I re-added the HTML and the PUP block to the live site and now, like the working site, the overlay appears briefly then links to the YouTube page, rather than opening in a modal. Any thoughts?
jb1 replied on at Permalink Reply
Now I can see the JS code on the page.

It looks like you applied the "popuppro" CSS class to a DIV, which doesn't have the same browser-based CSS support for click actions the way an "A" tag does. I'd suggest changing the DIV to an A tag, like this screenshot:

Let me know how that goes.

TeKnoZiz replied on at Permalink Reply
So I played around a bit, but it doesn't appear to work if I just switch the DIV for an A tag. I found two support links that may shed some light on it, but it's just beyond my ability to decipher. If you have a moment, can you review and let me know if it helps. Thanks.
jb1 replied on at Permalink Reply
I think I may have missed something...
To make an "A" tag a real link, it also needs an "href" property - even if it's linking to nowhere.

For example:



If that still doesn't work, there could be some other unrelated JS code on that page which is "capturing" the click action and preventing it from doing what the Popup Pro is designed to do. To isolate this, I recommend 2 steps:
1) Create a new test page on your site (it can be hidden) applying one of the default (core) themes that ship with C5. It should have as few blocks on there as possible to ensure no other potential conflicts;

If that works ok, then there's either some code in the theme or another add-on causing the conflict, so:

2) Apply the same theme as is used on the home page; if you still get a functional popup, add each block in again (or a few at a time) until you find the one causing problems. Based on which add-on it is, will determine how to proceed to the next step - updating it to prevent the conflict.

Hope this helps.


concrete5 Environment Information

# concrete5 Version

# concrete5 Packages
Dashboard Maximizer (2.0.4), Easy Accordion (1.1.2), Flowplayer Free (1.2.1), Image Caption (1.5.1), List files from set (1.0.4), Login (1.1.1), Page Auto Redirect (2.0), Popup Login (1.0.5), Popup Pro (1.6.8), reCAPTCHA (0.9.2), Revolution Slider (2.3.8), Structura Theme (1.1.1), The Void theme (1.0), tnSpacer (1.3), Whale jCarousel (1.3.2).

# concrete5 Overrides
blocks/proforms_display, blocks/image_caption, blocks/page_list, blocks/orbit_slider, js/, languages/sk_SK, languages/de_DE, languages/el_GR, languages/es_PE, languages/es_MX, languages/ar, languages/fr_FR, languages/vi_VN, languages/ru_RU, languages/it_IT, languages/es_AR, languages/fa_IR, languages/sv_SE, languages/es_ES, languages/nb_NO, languages/zh_TW, languages/nl_NL, languages/fi_FI, languages/cs_CZ, languages/sl_SI, languages/ro_RO, languages/ja_JP, languages/tr_TR, languages/da_DK, languages/pt_PT, mail/block_form_submission.php, themes/structura

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - If blocks on the particular page allow it.
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software

# Server API

# PHP Version

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, htscanner, iconv, imap, intl, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 4000
memory_limit - 512M
post_max_size - 128M
sql.safe_mode - Off
upload_max_filesize - 128M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.