WordPress Lightbox

GrandWP Lightbox Is Your Best WordPress Solution

Lite/Free version Installation

Lightbox plugin includes 2 versions Free/Lite and PRO/Paid.
Both versions have their own way for installation, deactivation and update.
In order to install Lite/Free version, follow the instruction below:

  1. 1

    Go to Dashboard of your WordPress website > select Plugins and click “Add New”

  2. 2

    Search for “GrandWP Lightbox”

  3. 3

    After detecting the desired plugin, click “Install Now”

  4. 4

    After the installation is completed click “Activate Plugin”

  5. 5

    The plugin appears in the “Dashboard” sidebar menu. Now the plugin is ready to be used

Please, note that in the case of possible updates you will get a notification in your WordPress website Dashboard (Plugins section)

Use this method of installation in the case, if you wish to install PRO/Paid version.
If you already have been using Free/Lite version of plugin, you will need to deactivate and delete it and then install zip file with Pro version. (By deactivation, you are not going to lose any data. If you are willing to erase whole data, then uninstall the plugin)

PRO/Paid version Installation

If you already have been using plugin Free/Lite version, deactivate and delete it and then install zip file with Pro version.
(By deactivation, you are not going to lose any data. If you are willing to erase whole data, then uninstall the plugin).

  1. 1

    Go to Dashboard> Plugins and click “Deactivate” on the plugin you wish to update

  2. 2

    After plugin is deactivated, click “Delete.” No data will be lost.
    After your plugin is deleted, go to Plugins>Add New

  3. 3

    “Upload” file from the top of the page

  4. 4

    Click “Choose File” and choose “zip” file you have downloaded from your Grandwp.com account Click “Install Now”

  5. 5

    After installation is finished,“Activate” the plugin. The plugin is ready to be used.
    Use this method for any extension you want to update (or install for the first time)

Note that the same actions need to be done to UPGRADE existing PRO/Paid version to latest available.

Plugin install/update via FTP

If the standard upload methods of the plugin installation are not working for you, try to install via FTP.

  1. 1

    Find a FTP client

  2. 2

    Download the ZIP file from WordPress.org

  3. 3

    Extract ZIP file directory to your PC

  4. 4

    Upload the newly extracted directory to /wp-content/plugins/

  5. 5

    The plugin is ready to be activated from the website dashboard.
    After the activation is completed, plugin appears in the “Dashboard” sidebar menu.

Please, note that in the case of possible updates you will get a notification in your WordPress website Dashboard (Plugins section)

Use this method of installation in the case, if you wish to install PRO/Paid version.
If you already have been using Free/Lite version of plugin, you will need to deactivate and delete it and then install zip file with Pro version.
(By deactivation, you are not going to lose any data. If you are willing to erase whole data, then uninstall the plugin)

Creating Lightbox project

GrandWP Responsive Lightbox Popup plugin has a different, easy, and intuitive interface. The plugin helps to display images with high resolution. You do not have to use shortcode to publish images to your website. After you install Grand WP Responsive Lightbox it will work automatically.
To publish the first image, go to the website Dashboard. Choose post/page (depending where exactly to publish). In this example, the project is published to post

  1. 1

    Click on “Add Media” to insert images to the post.

  2. 2

    Upload images from PC or choose images from Media Library

  1. 1

    After images are selected from the Media Library, they will appear in the post with HTML tag

  2. 2

    The Lightbox project is ready to be published now

  3. 3

    Make sure “Link to” is set to “Media File”

Note that the same actions need to be done to UPGRADE existing PRO/Paid version to latest available.

Lightbox Settings

Main Options

  1. 1

    Transition mode
    Choose type of transition between images

  2. 2

    Speed Transition
    Set Transition duration (in ms)

  3. 3

    Height in % or px
    Set the height of gallery

  4. 4

    Width in % or px
    Set the width of gallery

  5. 5

    Allows clicks on dimmer
    Choose whether to allow clicks on dimmer to close gallery

  6. 6

    Loop
    This option will disable the ability to loop back to the beginning of the gallery when on the last element

  7. 7

    Escape close Grand Lightbox
    Decide whether the Light Gallery could be closed by pressing the “Esc” key

  8. 8

    Keyboard navigation
    Enable/Disable keyboard navigation

  9. 9

    Prev/next buttons
    Decide whether prev/next buttons should be displayed

  10. 10

    Slide end animation
    Enable/Disable slide End animation

  11. 11

    Slide on mousewheel
    Change slide using mousewheel

  12. 12

    Show title ALT tag
    Option to get captions from ALT or title tags

  13. 13

    Custom HTML for next control
    Type Custom HTML for next control

  14. 14

    Custom HTML for prev control
    Custom HTML for prev control

Thumbnail Options

  1. 1

    Enable thumbnail
    Enable thumbnails for the Lightbox

  2. 2

    Thumbnail width in px
    Set Thumbnail width in px

  3. 3

    Thumbnail height in px
    Height of the thumbnail container including padding and border

  4. 4

    Spacing between thumbnails in px
    Set spacing between each thumbnail

  5. 5

    Thumbnails drag
    Enable/Disable desktop mouse drag support for thumbnails

  6. 6

    Thumbnails swipe
    Enables thumbnail touch/swipe support for touch devices

Autoplay Options

  1. 1

    Lightbox Autoplay
    Enable/Disable Lightbox autoplay

  2. 2

    Pause time
    Set time (in ms) between each auto transition

  3. 3

    Progress Bar
    Enable/Disable autoplay progress bar

  4. 4

    Autoplay controls
    Show/hide autoplay controls

Zoom Options

  1. 1

    Fullscreen mode
    Enable/Disable fullscreen mode

  2. 2

    Zoom
    Enable/Disable zoom option

  3. 3

    Value of zoom
    Value of zoom should be incremented/decremented

  4. 4

    Scale zoom
    Enable/Disable actual pixel icon

Social Sharing Options

  1. 1

    Share buttons
    Enable/Disable share plugin option

  2. 2

    Share option supports the following websites:
    Facebook
    Twitter
    Google Plus
    Pinterest

Note that the same actions need to be done to UPGRADE existing PRO/Paid version to latest available.

Design Customization

Title Options

  1. 1

    Title size in px
    Set title size in px

  2. 2

    Title color #
    Set Lightbox title color in Hexadecimal color system

  3. 3

    Text align
    Set Lightbox text alignment among the offered: Center, Left, Right

  4. 4

    Padding in px
    Set top and bottom padding in px

Image Options

  1. 1

    Image border size in px
    Set Lightbox Image border size in px

  2. 2

    Image border color
    Set Lightbox Image border color

  3. 3

    Image border radius in px
    Set Lightbox Image border radius in px

  4. 4

    Image opacity in %
    Set Lightbox Image opacity in %

Arrows Options

  1. 1

    Arrows size in px
    Set Lightbox arrows size in px

  2. 2

    Arrows padding
    Set Lightbox arrows padding left and right

Thumbnail Options

  1. 1

    Border size in px
    Easily adjust Lightbox thumbnail border size

  2. 2

    Border color
    Set thumbnail border color

  3. 3

    Border radius in px
    Adjust Lightbox thumbnail border radius

  4. 4

    Opacity in %
    Set thumbnail adjustable opacity

  5. 5

    Border color in hover and active
    Set Lightbox thumbnail border color in hover and active