DISCLAIMER: Long Post, Remember to keep breathing!
I go on my website explore-mauritius.com and click the 'BOOK NOW' button as shown below
This opens up the below lightbox and I select 'LUXURY' within it
This leads to another Page as shown below, This Page contains hidden boxes which show up whenever a user hovers over the Car Names on the Left. I currently have 2 boxes which show whenever the user hovers over '240 GTO' & '480 SPIDER' respectively in the slideshow on the left.
If the user hovers out (mouseOut), the image hides but If the user clicks on the button the Box is supposed to stay there and navigate to another Slide.
Its working well as shown in the screenshot below. You can see that I clicked on the button and the slideshow changed and the box stayed there, No problem until now!
Now in the above screenshot, If you look to the top left, there is a Back Arrow, which is supposed to take the user back to the Main Slide and hide the box along with clearing the session.
export function backmain_click(event, $w) {
mainPage();
session.clear();
$w("#f240gto").hide();
$w("#480spider").hide();
}
If I click the Back arrow, sure it does hide the box and takes me back to the main slide but now when I click on the button again in the main slide, the box is shown only on mouseIn & does not remain on the page if the button is clicked.
Does anyone know why this is happening ?
This is my button codes from the Main Slide
export function fgtotwoforty_mouseIn(event, $w) {
$w("#text12").hide();
$w("#f240gto").show();
$w("#text5").show();
}
export function fgtotwoforty_mouseOut(event, $w) {
$w("#text12").show();
$w("#f240gto").hide();
$w("#text5").hide();
}
export function fgtotwoforty_click(event, $w) {
showBookingPage1(); //to show the slide***
$w("#f240gto").show(); //to show the box***
session.setItem('carName', $w('#fgtotwoforty').label); //sets car name***
const carName = session.getItem('carName');
$w('#carname1').text = carName;
$w('#carname2').text = carName;
$w('#carname3').text = carName;
}
The URL is explore-mauritius.com
Hey Ido, Just did it. The box on the left does not stay there as commanded by the code when a user clicks it the 2nd time after coming back to the main slide
gimme a minute
Hi Shan,
This page is empty. I can only see the code but there are no elements.
https://www.explore-mauritius.com/luxury
Can you save/publish ?
I dont think it will solve anything related to this. If yes, can you elaborate ?
If it is a slide why don't just navigate within the slider then?