Open Lightbox On Specific Days

Ask the community
,
1

We have daily special deals which I would like to highlight when a user arrives on the page.

As an example: On a Tuesday, a user arrives on the homepage and after about 5 seconds, a lightbox showing Tuesday’s special deal pops up.

I think I understand the logic for the code, but I can’t seem to find the last few things to actually make it work. If someone here can help me, that would be much appreciated! Here is what I have for it. (I would create an IF statement for each day and lightbox).

import wixWindow from ‘wix-window’;

$w.onReady( function () {

var today = new Date();
var day = today.getDay();
var daylist = [“Sunday”, “Monday”, “Tuesday”, "Wednesday “, “Thursday”, “Friday”, “Saturday”];
console.log(“Today is : " + daylist[day] + “.”);
if (day === “Wednesday”)
wixWindow.openLightbox(”#Lightbox1”)
});

On a side note, is there a way to change the value for each lightbox? All I can seem to see is each one being named #lightbox1 when selected.

2

The value of .getDay(); is a number between 0 to 6, where 0 is Sunday and 6 is Saturday.
So the condition should be if(day === 3)

3

and as for your side note. You should use the lightbox name. (but maybe I didn’t get what you were asking)

4

J.D,

Thank you very much, I was wondering if that was the solution! Appreciate the speedy help.

With my sidenote, I’m unsure about how to reference the specific lightbox in the code. I have about 15 lightboxes and when they are clicked, each one shows up as #lightbox1, which is a little confusing. See below:

Here is one of my lightboxes selected:

Here is a different lightbox selected, but also showing the value as #lightbox1

Both screenshots were taken on the same page, but with a different lightbox open.

As these # values are what I usually use to reference/call an object in the code, I’m unsure how to call a specific lightbox if they all show the same thing?

5

@admin86183 don’t use the lightbox property id (the “#lightbox1”). This is only the id of the main part of the lighbox (and it’s a local element that only exists inside the lightbox and is not accessible from the web-page itself).
Instead you should use the lighbox name .

6

You can find the lighbox name on the Site Structure panel (on the left) under the title “Lightboxes”.

7

@jonatandor35 Perfect, she works like a charm now! Thanks again for all the prompt help, you’ve saved the day again!

8

For anyone looking for the solution to the question posted here, you can use my code as follows:

import wixWindow from 'wix-window';

$w.onReady(function () {

 var today = new Date();
 var day = today.getDay();
 if (day === 3)
        wixWindow.openLightbox("Lightbox Name")
});

In the if statement, it shows day === 3, but you can add whichever day is relevant here. 0=Sunday 1=Monday and so on.

Where ‘Lightbox Name’ is written, insert the name of the lightbox exactly as it appears in the Site Structure Panel (include the spaces if the name uses them).

9

@admin86183 You’re welcome :slight_smile: