AE ACF Gallery

Advanced Custom Field Pro (ACF Pro) provided a powerful gallery field to upload multiple images. Read more about the ACF Gallery field here https://www.advancedcustomfields.com/resources/gallery/
You can display images from these ACF Gallery fields using the AE - ACF Gallery widget. 
With this, you have an option to display multiple images in the form of a grid or carousel.

AE - ACF Gallery has many Layout options through which you can adjust the setting according to your creativity level.

Skin: Skins define the way you want to show the images. There are three modes available - Grid, Carousel, and Smart Grids.

GRID

Options available for Grid Skin

  • Custom Field Name: In this, you have to enter the field name.
  • Image Size: Select the image size for your gallery.
  • Enable Image Ratio: Enable it to set the image ratio.
    • Image Ratio: Set the image aspect ratio
  • Lightbox: The gallery images will be displayed by filling the screen and dimming the rest of the Post/page with this option. 
  • Columns: Here, you have to input the column's size for your grid format.
  • Gutter: With a gutter option, you can create space between two columns.

CAROUSEL

Options available for Carousel Skin

  • Slides Per View: Here, you can add slides to your Carousel according to the pictures you are adding to the gallery.
  • Slides Per Group: Specify the number of sides you want to add per group.

SETTING:

  • Speed: You can increase/decrease the speed of your Carousel slides.
  • Autoplay: Enable Autoplay, and it will automatically play The gallery as you open your Post/Page.
  • Duration: Here, you can decide the duration of your autoplay slides.
  • Effects: Choose the Effect of your Carousel, which will be shown on the front end, i.e., Slides, Coverflow.
  • Space Between Slides:  you can increase/decrease the space between two slides from this option.
  • Loop: It will continuously play the Carousel in a loop.
  • Auto Height: Set the height of the carousel
  • Zoom: In this, the Carousel images will be displayed in the zoom mode.

PAGINATION:

  • Pagination Type: add a type for the Pagination, i.e., Bullets, None, Fractions, Progress. This will be shown at the bottom of your gallery.
  • Previous/Next Button: From this, you can add the Previous/Next Button to your gallery to move the gallery images.
  • Keyboard Images: Here, you can control your gallery from the keyboard buttons.
  • Next Scrollbar: If you enable this, then the scrollbar will be visible at the bottom of your gallery.

Pre/Next Navigation

  • Enable: Enable it to add navigational arrows
  • Position: Set the position for the arrows like Inside or Outside the carousel
  • Enable Custom Navigation Icon: Enable to add custom navigational icons.
  • Icon Prev: Select previous icon
  • Icon Next: Select the next icon

Smart Grid

  • Custom Field Name: In this, you have to enter the field name.
  • Image Size: Select the image size for your gallery.
  • Enable Image Ratio: Enable it to set the image ratio.
    • Image Ratio: Set the image aspect ratio
  • Lightbox: The gallery images will be displayed by filling the screen and dimming the rest of the Post/page with this option. 
  • Choose Smart Grid: Choose the layout styles to display the gallery images in Smart Grids. There are four layout styles available to choose from.
  • Columns: Here, you have to input the column's size for your grid format.
  • Gutter: With a gutter option, you can create space between two columns.

Note:- The return format Image Array is supported for the Gallery Field Type.


   

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us