WordPress.org

Support

Support » Plugins and Hacks » Facebook Page Promoter Lightbox » [Resolved] Facebook Page Promoter Lightbox no working in one theme

[Resolved] Facebook Page Promoter Lightbox no working in one theme

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Arevico

    @arevico

    Do you have a website online with the setup which isn’t working, for me to check? I think it’s because it is missing a call to wp_head(); You should use the theme editor to add <?php wp_head(); ?> to right before the closing head tag (</head>

    Hi Arevico,

    My website is http://www.99students.com/ in this website only i have the problem

    Plugin Author Arevico

    @arevico

    Ok, I see what the problem is. Your theme has hardcoded an old version of jQuery (v1.6.2 from 2011). To fix this, remove the following line from header.ph in your theme’s directory.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

    Furthermore, another script in your theme (/themes/sensational/js/customscript.js) is using the dollar-sign($) to access jQuery. This is highly discouraged as WordPress automatically loads jQuery in noConflict mode(http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers). Replace $ with jQuery in those scripts.

    I highly suggest that you contact the author of that theme or ask/hire a developer to rewrite portion of that theme.

    Hi Thanks for your help now its working fine

    Hello krishna veni, could you send me your code so that i can integrate it with my website i got a problem it is not working with the social networking sites or could you help me by solving the issue, i don’t know why this is not working for social networking sites…
    <!DOCTYPE html>
    <html>
    <head>
    <title>fancyBox – Fancy jQuery Lightbox Alternative | Demonstration</title>
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

    <!– Add jQuery library –>
    <script type=”text/javascript” src=”../lib/jquery-1.10.1.min.js”></script>

    <!– Add mousewheel plugin (this is optional) –>
    <script type=”text/javascript” src=”../lib/jquery.mousewheel-3.0.6.pack.js”></script>

    <!– Add fancyBox main JS and CSS files –>
    <script type=”text/javascript” src=”../source/jquery.fancybox.js?v=2.1.5″></script>
    <link rel=”stylesheet” type=”text/css” href=”../source/jquery.fancybox.css?v=2.1.5″ media=”screen” />

    <!– Add Button helper (this is optional) –>
    <link rel=”stylesheet” type=”text/css” href=”../source/helpers/jquery.fancybox-buttons.css?v=1.0.5″ />
    <script type=”text/javascript” src=”../source/helpers/jquery.fancybox-buttons.js?v=1.0.5″></script>

    <!– Add Thumbnail helper (this is optional) –>
    <link rel=”stylesheet” type=”text/css” href=”../source/helpers/jquery.fancybox-thumbs.css?v=1.0.7″ />
    <script type=”text/javascript” src=”../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7″></script>

    <!– Add Media helper (this is optional) –>
    <script type=”text/javascript” src=”../source/helpers/jquery.fancybox-media.js?v=1.0.6″></script>

    <script type=”text/javascript”>
    $(document).ready(function() {
    /*
    * Simple image gallery. Uses default settings
    */

    $(‘.fancybox’).fancybox();

    /*
    * Different effects
    */

    // Change title type, overlay closing speed
    $(“.fancybox-effects-a”).fancybox({
    helpers: {
    title : {
    type : ‘outside’
    },
    overlay : {
    speedOut : 0
    }
    }
    });

    // Disable opening and closing animations, change title type
    $(“.fancybox-effects-b”).fancybox({
    openEffect : ‘none’,
    closeEffect : ‘none’,

    helpers : {
    title : {
    type : ‘over’
    }
    }
    });

    // Set custom style, close if clicked, change title type and overlay color
    $(“.fancybox-effects-c”).fancybox({
    wrapCSS : ‘fancybox-custom’,
    closeClick : true,

    openEffect : ‘none’,

    helpers : {
    title : {
    type : ‘inside’
    },
    overlay : {
    css : {
    ‘background’ : ‘rgba(238,238,238,0.85)’
    }
    }
    }
    });

    // Remove padding, set opening and closing animations, close if clicked and disable overlay
    $(“.fancybox-effects-d”).fancybox({
    padding: 0,

    openEffect : ‘elastic’,
    openSpeed : 150,

    closeEffect : ‘elastic’,
    closeSpeed : 150,

    closeClick : true,

    helpers : {
    overlay : null
    }
    });

    /*
    * Button helper. Disable animations, hide close button, change title type and content
    */

    $(‘.fancybox-buttons’).fancybox({
    openEffect : ‘none’,
    closeEffect : ‘none’,

    prevEffect : ‘none’,
    nextEffect : ‘none’,

    closeBtn : false,

    helpers : {
    title : {
    type : ‘inside’
    },
    buttons : {}
    },

    afterLoad : function() {
    this.title = ‘Image ‘ + (this.index + 1) + ‘ of ‘ + this.group.length + (this.title ? ‘ – ‘ + this.title : ”);
    }
    });

    /*
    * Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
    */

    $(‘.fancybox-thumbs’).fancybox({
    prevEffect : ‘none’,
    nextEffect : ‘none’,

    closeBtn : false,
    arrows : false,
    nextClick : true,

    helpers : {
    thumbs : {
    width : 50,
    height : 50
    }
    }
    });

    /*
    * Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
    */
    $(‘.fancybox-media’)
    .attr(‘rel’, ‘media-gallery’)
    .fancybox({
    openEffect : ‘none’,
    closeEffect : ‘none’,
    prevEffect : ‘none’,
    nextEffect : ‘none’,

    arrows : false,
    helpers : {
    media : {},
    buttons : {}
    }
    });

    /*
    * Open manually
    */

    $(“#fancybox-manual-a”).click(function() {
    $.fancybox.open(‘1_b.jpg’);
    });

    $(“#fancybox-manual-b”).click(function() {
    $.fancybox.open({
    href : ‘iframe.html’,
    type : ‘iframe’,
    padding : 5
    });
    });

    $(“#fancybox-manual-c”).click(function() {
    $.fancybox.open([
    {
    href : ‘1_b.jpg’,
    title : ‘My title’
    }, {
    href : ‘2_b.jpg’,
    title : ‘2nd title’
    }, {
    href : ‘3_b.jpg’
    }
    ], {
    helpers : {
    thumbs : {
    width: 75,
    height: 50
    }
    }
    });
    });

    });
    </script>
    <style type=”text/css”>
    .fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
    }

    body {
    max-width: 700px;
    margin: 0 auto;
    }
    </style>
    </head>
    <body>

    Iframe

    </body>
    </html>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Facebook Page Promoter Lightbox no working in one theme’ is closed to new replies.
Skip to toolbar