Set a jquery cookie on my fancybox onpage load

Question

this is what is used to load fancybox on page load. However, I want this to be appeared on new visitors or people who visited the page 3 days ago.

I guess with a jQuery cookie but I don't know how.

jQuery(document).ready(function() {
    $.fancybox(
        '<h2>Hi!</h2><p>Lorem ipsum dolor</p>',
        {
                'autoDimensions'    : false,
            'width'                 : 350,
            'height'                : 'auto',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }
    );
});

possible duplicate of http://stackoverflow.com/questions/95213/can-jquery-read-write-cookies-to-a-browser — Thomas Shields, Apr 28 '11 at 21:10

score 0 · Answer 1 · edited Apr 20 '15 at 03:15

I have read this and tried to incorporate this to my website but its not working.

In my 'theme.liquid'

Under ''

I have this:

<script src="jquery.cookie.js"></script>

In my 'jquery.cookies.js'

I have:

$(function() {
    if ($.cookie('mycookie')) {

    } else {
        $.fancybox(
            '<script src="//setup.shopapps.io/social-login/script/snookieshop.js?width=300&height=330"></script>'
,
            {
                'autoDimensions'    : true,
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            }
        );
    }
});

$.cookie('mycookie', 'true', { expires: 1});

The reason why I have this Script is because I am using a app from Shopify and this is the line of code they gave me for a sign up with social media.

<script src="//setup.shopapps.io/social-login/script/snookieshop.js?width=300&height=330"></script>

The purpose of doing this is because I want the pop-up screen to appear on the homepage whenever a customer comes in and visits.

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

See Can jQuery read/write cookies to a browser?

edited May 23 '17 at 12:28

Community

1
1

answered Apr 28 '11 at 21:10

Thomas Shields

8,874
5
42
77

Abdullah Jibaly · Accepted Answer · 2011-04-28T22:40:32.207

0

In your <head> add <script src="jquery.cookie.js"></script>, then:

$(function() {
    if ($.cookie('mycookie')) {
        // it hasn't been three days yet
    } else {
        $.fancybox(
            '<h2>Hi!</h2><p>Lorem ipsum dolor</p>',
            {
                'autoDimensions'    : false,
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            }
        );
    }
});

// set cookie to expire in 3 days
$.cookie('mycookie', 'true', { expires: 3});

This uses the cookie plugin.

edited Apr 28 '11 at 22:40

answered Apr 28 '11 at 21:13

Abdullah Jibaly

53,220
42
124
197

mycookie is the name of the cookie right? If I visit the page having mycookie and then change the name of it will appear again ? – EnexoOnoma Apr 28 '11 at 21:40
Yes, mycookie is the name of the cookie. If you change the name it will create a new cookie. – Abdullah Jibaly Apr 28 '11 at 22:29
Can you please update your code with mine? I am having some difficulties. Thank you though, I have accepted your answer! – EnexoOnoma Apr 28 '11 at 22:34

Set a jquery cookie on my fancybox onpage load

3 Answers3

Linked