AdWords is now Google Ads. Our new name reflects the full range of advertising options we offer across Search, Display, YouTube, and more. Learn more

Ads
3.8K members online now
3.8K members online now
For questions related to Google Shopping and Merchant Center. Learn to optimize your Shopping ads
Guide Me
star_border
Reply

Customer Reviews Opt-In Modal "Frozen"

Visitor ✭ ✭ ✭
# 1
Visitor ✭ ✭ ✭

We have implemented the code for the badge and the opt-in according to this page here.  The badge appears on all pages as it should. The invoice page (where we placed the opt-in code) fires the javascript event and displays the opt-in modal but it is "frozen". None of the links are clickable. The only way to proceed is to just close the page. 

 

Is anyone else seeing this issue?

 

Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions
Marked as Best Answer.
Solution
Accepted by topic author Geoff M
April 2017

Re: Customer Reviews Opt-In Modal "Frozen"

Visitor ✭ ✭ ✭
# 2
Visitor ✭ ✭ ✭

I figured it out. It is an issue with my CDN/Web Optimization provider. 

 

It reordered the output of the HTML so that the iframe was on top of the div for the opt-in form. Since they both have the same z-index, the last element is on top. 

 

<div role="dialog" style="background: rgb(255, 255, 255); border: 1px solid rgb(190, 190, 190); height: auto; overflow: visible; position: absolute; width: auto; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; visibility: visible; left: 474px; top: 62.5px;">
 
<iframe frameborder="0" src="x-javascript&colon;undefined" undefined="null" style="border: 0px; left: 0px; position: absolute; top: 0px; vertical-align: bottom; z-index: 2147483647; opacity: 0; width: 1600px; height: 1297px;">

Once I fixed that, it worked perfectly.

 

View solution in original post

Marked as Best Answer.
Solution
Accepted by topic author Geoff M
April 2017

Re: Customer Reviews Opt-In Modal "Frozen"

Visitor ✭ ✭ ✭
# 2
Visitor ✭ ✭ ✭

I figured it out. It is an issue with my CDN/Web Optimization provider. 

 

It reordered the output of the HTML so that the iframe was on top of the div for the opt-in form. Since they both have the same z-index, the last element is on top. 

 

<div role="dialog" style="background: rgb(255, 255, 255); border: 1px solid rgb(190, 190, 190); height: auto; overflow: visible; position: absolute; width: auto; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; visibility: visible; left: 474px; top: 62.5px;">
 
<iframe frameborder="0" src="x-javascript&colon;undefined" undefined="null" style="border: 0px; left: 0px; position: absolute; top: 0px; vertical-align: bottom; z-index: 2147483647; opacity: 0; width: 1600px; height: 1297px;">

Once I fixed that, it worked perfectly.