Meta Slider and Gallery Lightbox Pro

Getting Started

Meta Slider and Carousel with Lightbox adds ‘Gallery’ meta box to page and any custom post type which is publicly visible.

Screen shows “Gallery” meta box and all gallery images added

This plugin work same like WordPress post section where you can add title and featured image. To add a new Image in Meta Slider And Gallery Lightbox you just need to follow few steps.

  1. Go to any page or post, Go to ‘Gallery’ click on Add Image(s)
  2. Choose your desired images from WordPress media uploader, Drag & Drop Images and update.
  3. Add [meta_gallery_carousel] OR [meta_gallery_slider] OR [meta_gallery_variable] to page or post content.

Shortcode Generator

Check the Result of any Shortcode with Preview using “Shortcode Generator
Please Go To Admin Menu -> Meta Gallery Pro -> Shortcode Generator.

Gutenberg Blocks Support

Please go to page or post and add “Gutenberg Blocks“.

How to Display and Shortcodes

Display a Meta slider and Gallery lightbox is very simple. Just add the following shortcode on any page to display image slider.

Meta Slider and Gallery Lightbox Pro contain 3 shortcodes.

Gallery Slider

[meta_gallery_slider]

Gallery Carousel Slider

[meta_gallery_carousel]

Variable Width Slider

[meta_gallery_variable]

You can also use template code.
<?php echo do_shortcode('[meta_gallery_carousel]'); ?>
<?php echo do_shortcode('[meta_gallery_slider]'); ?>
<?php echo do_shortcode('[meta_gallery_variable]'); ?>

Parameters For Meta Gallery Slider

[meta_gallery_slider]

  • Design:
    [meta_gallery_slider design="design-1"]
    Design parameter will set different design.
  • Show Title:
    [meta_gallery_slider show_title="true"]
    Hide/Show image title. By default value is “true”. Values are true OR false.
  • Show Caption:
    [meta_gallery_slider show_caption="true"]
    Hide/Show image caption. By default value is “true”. Values are true OR false.
  • Show Description:
    [meta_gallery_slider show_description="true"]
    Hide/Show image description. By default value is “true”. Values are true OR false.
  • Post ID:
    [meta_gallery_slider id="2"]
    Display meta gallery from selected post. You can pass multiple ids by comma separated.
  • Dots:
    [meta_gallery_slider dots="false"]
    Hide/Show slider pagination. By default value is “true”. Values are true OR false.
  • Arrows:
    [meta_gallery_slider arrows="false"]
    Hide/Show slider arrows. By default value is “true”. Values are true OR false.
  • Autoplay:
    [meta_gallery_slider autoplay="true"]
    Enable meta slider automatically or not. Values are “true OR false”.
  • Autoplay Speed:
    [meta_gallery_slider autoplay_speed="1000"]
    Set slider automatically speed. You can enter numeric value.
  • Slider Speed:
    [meta_gallery_slider speed="3000"]
    Control the speed of the slider. You can enter any numeric value.
  • Slider Height:
    [meta_gallery_slider slider_height="250"]
    Height of images will be controlled by this parameter. You can pass numeric value
  • Loop:
    [meta_gallery_slider loop="true"]
    Infinite(Continuous loop) by default value is true.
  • Pause Hover:
    [meta_gallery_slider hover_pause="true"]
    Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.
  • Pause On Focus:
    [meta_gallery_slider focus_pause="false"]
    Pause slider autoplay when slider element is focused. By default value is “false”. Options are “true” OR “false”.
  • Slider Navigation:
    [meta_gallery_slider navigation="true"]
    Enable navigation or not. By default value is false. Values are “true OR false”.
  • Navigation Columns:
    [meta_gallery_slider nav_slide_column="5"]
    Number of image columns you want to show in navigation.
  • Navigation Image Size:
    [meta_gallery_slider nav_image_size="medium"]
    Set navigation image size. Values are ‘thumbnail’, ‘medium’, ‘large’, ‘full’.
  • Popup:
    [meta_gallery_slider popup="true"]
    Enable lightbox popup. Values are “true” OR “false”.
  • Link
    [meta_gallery_slider link="true"]
    Display image link. Values are “true” OR “false”. Link parameter will be work in popup parameter set value “false”.
  • Link Target
    [meta_gallery_slider link_target="self"]
    Open link in same window OR in new tab .Values are “self” OR “Blank”.
  • Image Size
    [meta_gallery_slider media_size="full"]
    Set Image size. Values are “full”, “large”, “medium”, “thumbnail”.
  • Slider Lazyload:
    [meta_gallery_slider lazyload=""]
    Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
  • Extra Class
    [meta_gallery_slider extra_class=""]
    Enter extra class.
    Note: Extra class added as parent so using extra class you customize your design.

Parameters For Meta Gallery Carousel

[meta_gallery_carousel]

  • Show Title:
    [meta_gallery_carousel show_title="true"]
    Hide/Show image title. By default value is “true”. Values are “true” OR “false”.
  • Show Caption:
    [meta_gallery_carousel show_caption="true"]
    Hide/Show image caption. By default value is “true”. Values are “true” OR “false”.
  • Show Description:
    [meta_gallery_carousel show_description="true"]
    Hide/Show image description. By default value is “true”. Values are “true” OR “false”.
  • Post ID:
    [meta_gallery_carousel id="2,3,4"]
    Display meta gallery from selected post. You can pass multiple ids by comma separated.
  • Slides Scroll:
    [meta_gallery_carousel slide_to_scroll="2"]
    Controls number of images slide at a time.
  • Slide To Show:
    [meta_gallery_carousel slide_to_show="2"]
    Display number of slides at a time.
  • Dots:
    [meta_gallery_carousel dots="false"]
    Hide/Show slider pagination(dots) or not. By default value is “true”. Values are “true” OR “false”.
  • Arrows:
    [meta_gallery_carousel arrows="false"]
    Enable carousel arrows or not. By default value is “true”. Values are “true” OR “false”.
  • Autoplay:
    [meta_gallery_carousel autoplay="true"]
    Enable carousel automatically or not. Values are “true OR false”.
  • Autoplay Speed:
    [meta_gallery_carousel autoplay_speed="1000"]
    Set carousel autoplay speed. You can enter numeric values.
  • Slider Speed:
    [meta_gallery_carousel speed="3000"]
    Control the speed of the slider. You can enter numeric values.
  • Slider Height:
    [meta_gallery_carousel slider_height="250"]
    Height of images will be controlled by this parameter. You can any numeric value.
  • Loop:
    [meta_gallery_carousel loop="true"]
    Infinite(Continuous loop) by default value is “true”. Values are “true OR false”.
  • Center Mode:
    [meta_gallery_carousel centermode="true"]
    Enables centered view with partial previous/next slides. Use with odd numbered slidesToShow counts and slides_to_scroll=”1″. Values are “true OR false”.
  • Variable Width
    [meta_gallery_carousel var_width="false"]
    Enable variable width to all carousels at the same time and overwrites a manually set width.
    Note:- This parameter does not work with “slide_to_show”.
  • Pause Hover:
    [meta_gallery_carousel hover_pause="true"]
    Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.
  • Pause On Focus:
    [meta_gallery_carousel focus_pause="false"]
    Pause slider autoplay when slider element is focused. By default value is “false”. Options are “true” OR “false”.
  • Design:
    [meta_gallery_carousel design="design-1"]
    Design parameter will set different design.
  • Popup:
    [meta_gallery_carousel popup="true"]
    Enable lightbox popup. Values are “true” OR “false”.
  • Image Size
    [meta_gallery_carousel media_size="full"]
    Set Image size. Values are “full”, “large”, “medium”, “thumbnail”.
  • Link
    [meta_gallery_carousel link="true"]
    Display image link. Values are “true” OR “false”. Link parameter will be work in popup parameter set value “false”.
  • Link Target
    [meta_gallery_carousel link_target="self"]
    Open link in same window OR in new tab .Values are “self ” OR “Blank” .
  • Slider Lazyload:
    [meta_gallery_carousel lazyload=""]
    Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
  • Extra Class
    [meta_gallery_carousel extra_class=""]
    Enter extra class.
    Note: Extra class added as parent so using extra class you customize your design.

Parameters For Meta Gallery Variable Width

[meta_gallery_variable]

  • Design:
    [meta_gallery_variable design="design-1"]
    Design parameter will set different design.
  • Show Title:
    [meta_gallery_variable show_title="true"]
    Hide/Show image title. By default value is “true”. Values are true OR false.
  • Show Caption:
    [meta_gallery_variable show_caption="true"]
    Hide/Show image caption. By default value is “true”. Values are true OR false.
  • Show Description:
    [meta_gallery_variable show_description="true"]
    Hide/Show image description. By default value is “true”. Values are true OR false.
  • Post ID:
    [meta_gallery_variable id="2"]
    Display meta gallery from selected post. You can pass multiple ids bu comma separated.
  • Dots:
    [meta_gallery_variable dots="false"]
    Hide/Show slider pagination or not. By default value is “true”. Values are true OR false.
  • Arrows:
    [meta_gallery_variable arrows="false"]
    Enable slider arrows or not. By default value is “true”. Values are true OR false.
  • Autoplay:
    [meta_gallery_variable autoplay="true"]
    Enable slider automatically or not. Values are “true OR false”.
  • Autoplay Speed:
    [meta_gallery_variable autoplay_speed="1000"]
    Set slider autoplay speed. You can enter numeric value.
  • Slider Speed:
    [meta_gallery_variable speed="3000"]
    Control the speed of the slider. You can enter numeric value.
  • Slider Height:
    [meta_gallery_variable slider_height="250"]
    Height of images will be controlled by this parameter. You can enter numeric value.
  • Loop:
    [meta_gallery_variable loop="true"]
    Enable slider Infinite(Continuous loop) or not. Default value is true. Values are “true OR false”.
  • Pause Hover:
    [meta_gallery_variable hover_pause="true"]
    Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.
  • Pause On Focus:
    [meta_gallery_variable focus_pause="false"]
    Pause slider autoplay when slider element is focused. By default value is “false”. Options are “true” OR “false”.
  • Slider Navigation:
    [meta_gallery_variable navigation="true"]
    Enable slider navigation or not. By default value is false. Values are “true OR false”.
  • Navigation Columns:
    [meta_gallery_variable nav_slide_column="5"]
    Number of image columns you want to show in navigation.
  • Navigation Image Size:
    [meta_gallery_variable nav_image_size="medium"]
    Set navigation image size. Values are ‘thumbnail’, ‘medium’, ‘large’, ‘full’.
  • Popup:
    [meta_gallery_variable popup="true"]
    Enable lightbox popup. Values are “true” OR “false”.
  • Image Size
    [meta_gallery_variable media_size="full"]
    Set Image size. Values are “full”, “large”, “medium”, “thumbnail”.
  • Link
    [meta_gallery_variable link="true"]
    Display image link. Values are “true” OR “false”. Link parameter will be work in popup parameter set value “false”.
  • Link Target
    [meta_gallery_variable link_target="self"]
    Open link in same window OR in new tab .Values are “self ” OR “Blank” .
  • Slider Lazyload:
    [meta_gallery_variable lazyload=""]
    Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
  • Extra Class
    [meta_gallery_variable extra_class=""]
    Enter extra class.
    Note: Extra class added as parent so using extra class you customize your design.

Template Structure + Overriding Templates via a Theme

The template files of Meta Slider and Carousel with Lightbox contain the markup and template structure for the front-end of your site. If you open these files you’ll notice they all contain many hooks which will allow you to add / move content without having to edit the template files themselves. This method protects even further against any upgrade issues as the template files can be left completely untouched.

Alternatively, you can edit these files in an upgrade safe way through overrides. Simply copy it into a directory within your theme named /meta-slider-and-carousel-with-lightbox-pro, keeping the same file structure.

Example : To override the Meta Slider and Carousel with Lightbox design file simply copy file from meta-slider-and-carousel-with-lightbox-pro/templates/designs/design-1.php to yourtheme/meta-slider-and-carousel-with-lightbox-pro/designs/design-1.php
  • Click Here To See Template Hierarchy
      designs
    • design-1.php to design-15.php
      slider
    • loop-start.php
    • loop-end.php
      nav
    • nav-design.php
      carousel
    • loop-start.php
    • loop-end.php
      Variable
    • loop-start.php
    • loop-end.php
      nav
    • nav-design.php
  1. Plugin Installation
  2. How to Activate License Key and Update
  3. Plugin not Updating – Getting an Error Unauthorized