Documentation

Frontend Gallery Slider For Advanced Custom Field Pro

Getting Started with Frontend Gallery Slider For Advanced Custom Field Pro

This plugin work same like WordPress post section where you can add title and featured image. To add a new Image in Frontend Gallery Slider For Advanced Custom Field you just need to follow few steps.

  • Go to any page or post, Go to ‘Gallery’ click on Add Image(s)
  • Choose your desired images from WordPress media uploader, Drag & Drop Images and update.
  • Add [acf_gallery_carousel] OR [acf_gallery_slider] OR [acf_gallery_variable] to page or post content.

How to Display and Shortcode

Frontend Gallery Slider For Advanced Custom Field Pro is very simple. Just add the following shortcode on any page to display image slider
[acf_gallery_carousel] – ACF Gallery Carousel Slider
[acf_gallery_slider] – ACF Gallery Slider
[acf_gallery_variable] – ACF Variable Width Slider

You can also use template code.
<?php echo do_shortcode('[acf_gallery_carousel]'); ?>
<?php echo do_shortcode('[[acf_gallery_slider]]'); ?>
<?php echo do_shortcode('[acf_gallery_variable]'); ?>

Complete Shortcode Parameters

ACF Gallery Slider Shortcode
[acf_gallery_slider acf_field="gallery" design="design-1" autoplay="true" autoplay_speed="3000" speed="300" arrows="true" dots="true" show_title="true" show_caption="true" slider_height="250" loop="true" show_description="true"]
ACF Gallery Carousel Shortcode
[acf_gallery_carousel acf_field="gallery" design="design-1" loop="true" show_description="true" autoplay="true" autoplay_speed="3000" speed="300" arrows="true" dots="true" show_title="true" show_caption="true" slider_height="250" id="2,3" slide_to_show="3" slide_to_scroll="1" centermode="true"]
ACF Gallery Variable Width Shortcode
[acf_gallery_variable acf_field="gallery" design="design-1" autoplay="true" autoplay_speed="3000" speed="300" arrows="true" dots="true" show_title="true" show_caption="true" loop="true" show_description="true" slider_height="250" id="2,3"]
Shortcode Parameters For ACF Gallery Carousel [acf_gallery_carousel]
  • Show Gallery Field:
    [acf_gallery_carousel acf_field="gallery"]
    Paste the ACF Gallery Field Name

  • Slide To Show:
    [acf_gallery_carousel slide_to_show="true"]
    Controls number of slide

  • Number of images slides at a time:
    [acf_gallery_carousel slide_to_scroll="2"]
    Controls number of images slide at a time

  • Design:
    [acf_gallery_carousel design="design-1"]
    esign parameter will set different design

  • Autoplay and Autoplay Speed:
    [acf_gallery_carousel autoplay="true" autoplay_speed="1000"]

  • Slider Speed:
    [acf_gallery_carousel speed="3000"]
    Control the speed of the slider.

  • Pagination and Arrows:
    [acf_gallery_carousel dots="false" arrows="false"]
    Hide/Show slider pagination and arrows. By default value is “true”. Values are true OR false

  • Show Caption:
    [acf_gallery_carousel show_caption="true"]
    Display ACF Gallery Slider Caption OR not. By default value is “True”. Options are “true OR false”.

  • Show Title:
    [acf_gallery_carousel show_title="true"]
    Display ACF Gallery Slider Title name OR not. By default value is “True”. Options are “true OR false”

  • Show Description:
    [acf_gallery_carousel show_description="true"]
    Hide/Show image description. By default value is “true”. Values are true OR false

  • Slider Height:
    [acf_gallery_carousel slider_height="250"]
    Height of images will be controlled by this parameter

  • Loop:
    [acf_gallery_carousel loop="true"]
    Infinite(Continuos loop) by default value is true

  • Center Mode:
    [acf_gallery_carousel centermode="true"]

Shortcode Parameters For ACF Gallery Slider [acf_gallery_slider]
  • Show Gallery Field:
    [acf_gallery_slider acf_field="gallery"]
    Paste the ACF Gallery Field Name

  • Slide To Show:
    [acf_gallery_slider slide_to_show="true"]
    Controls number of slide

  • Number of images slides at a time:
    [acf_gallery_slider slide_to_scroll="2"]
    Controls number of images slide at a time

  • Design:
    [acf_gallery_slider design="design-1"]
    Design parameter will set different design

  • Autoplay and Autoplay Speed:
    [acf_gallery_slider autoplay="true" autoplay_speed="1000"]

  • Slider Speed:
    [acf_gallery_slider speed="3000"]
    Control the speed of the slider.

  • Pagination and Arrows:
    [acf_gallery_slider dots="false" arrows="false"]
    Hide/Show slider pagination and arrows. By default value is “true”. Values are true OR false

  • Show Caption:
    [acf_gallery_slider show_caption="true"]
    Display ACF Gallery Slider Caption OR not. By default value is “True”. Options are “true OR false”.

  • Show Title:
    [acf_gallery_slider show_title="true"]
    Display ACF Gallery Slider Title name OR not. By default value is “True”. Options are “true OR false”

  • Show Description:
    [acf_gallery_slider show_description="true"]
    Hide/Show image description. By default value is “true”. Values are true OR false

  • Slider Height:
    [acf_gallery_slider slider_height="250"]
    Height of images will be controlled by this parameter

  • Loop:
    [acf_gallery_slider loop="true"]
    Infinite(Continuos loop) by default value is true

  • Slider Navigation:
    [acf_gallery_slider navigation="true"]
    Enable navigation By default value is false.

  • Navigation Columns:
    [acf_gallery_slider nav_slide_column="5"]
    Number of image columns you want to show in navigation.

Shortcode Parameters For ACF gallery Variable Width [acf_gallery_variable]
  • Show Gallery Field:
    [acf_gallery_variable acf_field="gallery"]
    Paste the ACF Gallery Field Name

  • Slide To Show:
    [acf_gallery_variable slide_to_show="true"]
    Controls number of slide

  • Number of images slides at a time:
    [acf_gallery_variable slide_to_scroll="2"]
    Controls number of images slide at a time

  • Design:
    [acf_gallery_variable design="design-1"]
    esign parameter will set different design

  • Autoplay and Autoplay Speed:
    [acf_gallery_variable autoplay="true" autoplay_speed="1000"]

  • Slider Speed:
    [acf_gallery_variable speed="3000"]
    Control the speed of the slider.

  • Pagination and Arrows:
    [acf_gallery_variable dots="false" arrows="false"]
    Hide/Show slider pagination and arrows. By default value is “true”. Values are true OR false

  • Show Caption:
    [acf_gallery_variable show_caption="true"]
    Display ACF Gallery Slider Caption OR not. By default value is “True”. Options are “true OR false”.

  • Show Title:
    [acf_gallery_variable show_title="true"]
    Display ACF Gallery Slider Title name OR not. By default value is “True”. Options are “true OR false”

  • Show Description:
    [acf_gallery_variable show_description="true"]
    Hide/Show image description. By default value is “true”. Values are true OR false

  • Slider Height:
    [acf_gallery_variable slider_height="250"]
    Height of images will be controlled by this parameter

  • Loop:
    [acf_gallery_variable loop="true"]
    Infinite(Continuos loop) by default value is true

  • Slider Navigation:
    [acf_gallery_variable navigation="true"]
    Enable navigation By default value is false.

  • Navigation columns:
    [acf_gallery_variable nav_slide_column="5"]
    Number of image columns you want to show in navigation.