no-style

close

Options

Below is the list of all variables that you can use in your locker code


text.header (type: string/html , default: null)

Optional. Defines the header of the locker.
Example:

$(".to-lock").sociallocker(function(){
    text: {
        header: "This content is locked!"
    }
});


text.message (type: string/html , default: null)

Optional. Defines the message below the header on locker.
Example:

$(".to-lock").sociallocker(function(){
    text: {
        message: "Please support us, share this page to unlock this content."
    }
});


content (type: string/html , default: null)

Optional. Defines the content witch you want to lock and which will be visible after unlock. By default css selector is used to pic the content to lock.
Example:

$(".to-lock").sociallocker(function(){
    content: "My locked content"
});


theme (type: string , default: 'default')

Optional. Defines the theme of your locker Possible values for this are : default, secrets, flat, dandyish, glass.
Example:

$(".to-lock").sociallocker(function(){
    theme: "flat"
});


cssClass (type: string , default: null)

Optional. Additional CSS class added to the locker element.
Example:

$(".to-lock").sociallocker(function(){
    cssClass: "my-class"
});


lang (type: string , default: 'eu_US')

Optional. Defines the language of social buttons.:
Example:

$(".to-lock").sociallocker(function(){
    lang: "de_DE"
});


buttons.order (type: array , default: ["facebook-like","twitter-tweet","google-plus"])

Optional. Defines the order of button availabel on social content locker.
Example:

$(".to-lock").sociallocker(function(){
    buttons: {
        order: ["facebook-like", "twitter-tweet", "google-plus"]
    }
});


buttons.counters (type: bool , default: true)

Optional. If true, it will display counters for social button ( Tweet button does not have counter ).
Example:

$(".to-lock").sociallocker(function(){
    buttons: {
        counters: true
    }
});


buttons.lazy (type: bool , default: false)

Optional. If true, social buttons and locker are loaded when social content locker is visible use this for batter performance and decrease page load time.
Example:

$(".to-lock").sociallocker(function(){
    buttons: {
        lazy: true
    }
});


overlap.mode (type: string , default: 'full')

Optional. Choose the method how your locker will lock your content. Possible Values are : full, tranceparence, blurring.
Example:

$(".to-lock").sociallocker(function(){
    overlap: {
        mode: 'blurring'
    }
});


overlap.position (type: string , default: 'top')

Optional. Defines the position of the locker possible values are: middle, top, scroll.
Example:

$(".to-lock").sociallocker(function(){
    overlap: {
        position: 'middle'
    }
});


overlap.intensity (type: integer , default: '5')

Optional. Defines the overlap intensity for blurring mode from 0 to 10.
Example:

$(".to-lock").sociallocker(function(){
    overlap: {
        intensity: 8
    }
});


demo (type: bool , default: false)

Optional. If true, the locker will appear always even if it was already unlocked.
Example:

$(".to-lock").sociallocker(function(){
    demo: true
});


highlight (type: bool , default: true)

Optional. If true, runs the highlight effect when the content is unlocked. By default, true.
Example:

$(".to-lock").sociallocker(function(){
    highlight: true
});


highlight (type: bool , default: false)

Optional. If true, the plugin will generate events for the Google Analytics when the content is unlocked. Note: before enabling this feature, please make sure that your website contains the Google Analytics tracker code.
Example:

$(".to-lock").sociallocker(function(){
    googleAnalytics: true
});


locker.close (type: bool , default: false)

Optional. if true shows the close icon in the top right corner.
Example:

$(".to-lock").sociallocker(function(){
    locker: {
        close: true
    }
});


locker.timer (type: bool/integer , default: false)

Optional. sets the time after how much seconds locker will be invisible.
Example:

$(".to-lock").sociallocker(function(){
    locker: {
        timer: 60
    }
});


locker.mobile (type: bool , default: true)

Optional. If true, shows the locker on mobile devices.
Example:

$(".to-lock").sociallocker(function(){
    locker: {
        mobile: false
    }
});


locker.useCookies (type: bool , default: false)

Optional. Forces to use cookies by default it is local storage.
Example:

$(".to-lock").sociallocker(function(){
    locker: {
        useCookies: true
    }
});


locker.scope (type: bool/string , default: false)

Optional. Allows to bind lockers into one group. If one of lockers in the given scope are unlocked, all others will be unlocked too.
Example:

$(".to-lock").sociallocker(function(){
    locker: {
        scope: "mygroup"
    }
});

It's Up the options that can be used in social content locker are listed above which i think you have read carefull and if you want more assistance contact me i am always here to help you.

Post a Comment

Was this article useful? Please Leave Your Feedback by writing what's in your mind, below.

no-style

no-style

Recent Comments

{getWidget} $results={3} $label={comments} $type={list}