OpenTable breaking Edit Mode
Permalink
A client wants the Opentable widget on their website. When I enter edit mode I can use the toolbar buttons, but I see odd popup windows when I try to edit or add a new block. I am using 5.4.2 version of Concrete5.
I have attached two images with examples of what pops up when I click on a content block. I looked at the console for javascript errors, but I did not see any errors on the page.
I have attached two images with examples of what pops up when I click on a content block. I looked at the console for javascript errors, but I did not see any errors on the page.
Looks like a javscript conflict.
I did notice that the opentable requires their own javascript file. Any idea how to resolve it?
Just tried the widget and it causes a lot of problems.
Can't help anymore for the moment.
Can't help anymore for the moment.
These sort of 3rd party problems can often be resolved by putting it in an iframe block.
I tried to add an Iframe to the site, using the src link to embed the opentable widget, but I only saw a block of HTML (see attached image & code). Any suggestions for how to properly display the OpenTable in an iframe? I am also sending a support ticket to OpenTable, as none of their support info deals with this issue.
<iframe width="169" height="253" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&hover=1"><script type="text/javascript" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&hover=1"></script><a href="http://www.opentable.com/adobe-resort-oregon-reservations-yachats?rtype=ism&restref=77431" class="OT_ExtLink">Adobe Resort - Oregon Reservations</a> </iframe>
Hello - I work for OpenTable and can assist here. We do require our JavaScript to load to launch our booking widget. The suggestion to place our code within an iframe is mine as well. You will want to open our search results in a new window rather than within the iframe itself. Update the code you are using to the snippet below. I added &act=new to the end of the JavaScript query string to open it in a new window. If you have any other questions/issues feel free to email me at mparker@opentable.com.
<script type="text/javascript" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&act=new"></script><a href="http://www.opentable.com/adobe-resort-oregon-reservations-yachats?rtype=ism&restref=77431" class="OT_ExtLink">Adobe Resort - Oregon Reservations</a>
<script type="text/javascript" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&act=new"></script><a href="http://www.opentable.com/adobe-resort-oregon-reservations-yachats?rtype=ism&restref=77431" class="OT_ExtLink">Adobe Resort - Oregon Reservations</a>
Worked with Morgan from OpenTable. They suggested creating a HTML page with the reservation widget on the page. Then I embedded the page in an iframe on the site and it works!
Thank you, Morgan!
Thank you, Morgan!
I can also vouch for the success of creating a static HTML page and an iframe. However, OpenTable has some alternative widgets which might work better for you (they did for us) --https://www.otrestaurant.com/marketing/ReservationWidget/MoreWidgets...
