Skip to main content

Image Gallery

Nectar Image Gallery Block Icon

The Image Gallery block allows you to add an engaging and dynamic image showcase for your users. The block settings give you options to tailor your content into an immersive gallery

General settings​

  • Image Ratio Allows you to set the ratio of the image. This will be used to determine the size of the image when displayed on the page.
  • Corner Radius Adjusts the rounded edges of the images included in your image gallery.

Slider Parameters​

  • Columns Add image columns to display more than one image in your gallery at once.
  • Group Select how many images will scroll when your gallery loops.
  • Gap Determine the percentage of space between your images in the gallery.
  • Center Slides Select to automatically have the images in your gallery be centered on the page.

Slider Effects​

  • Type Choose if your images will slide across the page, or fade into the next image.
  • Transition Speed Allows you to select the speed of your image transitions.

Slider Controls​

  • Color Type Allows you to choose how the colors are displayed on your gallery controls.
  • Coloring Choose the perfect color for your controls.
    1. Arrows Select to add or remove the directional arrow controls.
    2. Style Allows you to choose if your arrows are animated on hover.
    3. Button BG Select to add or remove the background color of your arrow button.
    4. Arrow Color Choose the perfect color for your arrow buttons.
  • Pagination Select to add or remove the pagination controls at the bottom of your gallery.
  • Scrollbar Select to add or remove a scrollbar at the bottom of your image gallery.

Slider Modes​

  • Autoplay Allows your gallery scroll automatically on your page.
    1. Type Select the default or add a pagination progress bar indicating when the gallery will scroll.
    2. Time Between Determine how much time lapses between the images scrolling.
    3. Pause on Hover Select to have your gallery pause when the mouse hovers over it.
  • Loop Allows you to have your gallery continuously loop.
  • Free Mode Select to allow your gallery to be dragged with a mouse click.

Block Controls Available​

The following are common Nectar Block controls which are used in other blocks as well as the Image Gallery block.

  • Display
  • Background
  • Border
  • Size
  • Position
  • Spacing
  • Link
  • Effects / Transform
  • Animations