Popup - Direct URL to Details, Availability & Photo Tabs

edited February 2019 in Developers
Hello,

The posibility to have a direct link on my website that opens up the booking tab in a POPUP is well documented. No problem here.

However I would like to have a direct popup link to the other tabs also.
I have been able to tinker around a little bit... And I have kinda found a solution to this. However there seems to be some wierd things going on behind the popup in the item list. Can anyone give me a better URL's to open different tabs directly?

/* Here are the URL's that kinda work
Calendar Tab - Popup

Details Tab - Popup

Photo Tab - Popup

Comments

  • Anyone? Chase!!!
  • Hello maggisam,

    Thank you for using our forums!

    You actually surprised us with this, as this is not currently a supported feature (as far as we knew), and we did not think it was possible. 

    But with your findings here, we did take a quick look and have found that there is a way to format these URLs so that they will work quite well. Here is an example:
    https://demo.checkfront.com/reserve/?popup=1&item_id=24#@photo

    So, I hope that will work for your purposes, and please let us know if you have any more questions.

    All the best,
    Chase - Checkfront Support Team
  • Thank you soooo very much Chase.

    With my very limited css skills, its nice to know I am surpricing the experts hahaha....
  • Its a bit of a tangent... but whilst this is a super little trick, is there by any chance an option to open the PopUp on the same page where the link is found. So for example if the link is triggered by pressing a button on the main website, the calendar popup will appear on the same page appearing on the main website pate? 

    If so this would be really helpful as it would allow clients to check availability of items without leaving the page where they are browsing.

    Thanks
  • Hi SteveV,

    Thank you for using our forums!

    What you are describing is not exactly possible. There is no way to click the Checkfront link and have it generate content on the current page; the link will always navigate the user to a new page. I think what you are looking for could be done, but it would be a solution that would need to be implemented on your site, completely outside of Checkfront.

    What you could do is load the Checkfront page inside of an 'iframe'. This allows the content from Checkfront to be embedded right in your site, and can be done using our Booking Widget. But you would want to only load/display the content when a button on your site is clicked, and it would be displayed in a popup/modal.

    You can find a simple example of this from W3 Schools:
    https://www.w3schools.com/howto/howto_css_modals.asp

    I would recommend speaking to a web developer to assist with implementing this if you are not familiar with HTML, CSS, and JavaScript. Checkfront support will not be able to provide detailed assistance with this sort of solution.


    But I hope this may help, and please let us know how it goes if you do try to implement this!

    All the best,
    Chase
    Technical Support Analyst
    Checkfront | www.checkfront.com/contact | Email: support@checkfront.com
  • I am trying this solution but it is not working. Any idea why?
     https://escape-tours-rentals.checkfront.com/reserve/?item_id=3@cal@&popup=1  ;
  • AngelaAngela Checkfront
    Hi MariaR,

    Thanks for your question!

    Are you wanting to automatically open the 'Availability' tab in item ID 3? If so, you can try the following link:

    https://escape-tours-rentals.checkfront.com/reserve/?popup=1&item_id=3#@cal

    I hope this helps!

    Angela

    Technical Support Specialist

    Checkfront | www.checkfront.com/contact | Email: support@checkfront.com
  • edited December 2020
    wow! @Angela kudos for a quick reply on the forum on a Sunday!
    Brownie point for you ;-) <3
Sign In or Register to comment.