Gallery Slider

Estimated reading: 2 minutes 294 views

The Slider Settings tab allows you to control the behavior and responsiveness of the gallery slider displayed on single portfolio pages. These settings help you define how many items appear per screen size, animation behavior, spacing, and navigation controls.

All options in this section apply specifically to the portfolio single page gallery slider.

1. Items to Display

Set the number of slider items visible on desktop screens.

  • Default: 3

Example: If set to 3, three gallery images will appear side-by-side on larger screens.

2. Items to Display on Tab

Define the number of slider items visible on tablet devices.
  • Default: 1
This ensures better responsiveness and layout control for medium-sized screens.

3. Items to Display on Mobile

Set the number of slider items visible on mobile devices.

  • Default: 1

For best usability on small screens, keeping this value at 1 is recommended.

4. Slide Autoplay

Enable or disable automatic sliding of gallery items.

  • Enabled: Slides move automatically.
  • Disabled: Slides move only via manual interaction.

Default: Disabled

5. Slide Center

Enable or disable center mode for the slider.

  • Enabled: The active slide is centered with partial previews of adjacent slides.
  • Disabled: Standard alignment without center emphasis.

Default: Disabled

6. Slide Duration

Set the autoplay duration for each slide (in milliseconds).

  • Default: 5000 (5 seconds)
  • Example: Enter 3000 for 3 seconds per slide.

This option works when Slide Autoplay is enabled.

7. Infinite Loop

Enable or disable continuous looping of slides.

  • Enabled: Slider loops back to the beginning after the last slide.
  • Disabled: Slider stops at the last item.

Default: Disabled

8. Slide Items Margin

Define the spacing (in pixels) between slider items.

  • Default: 10
  • Example: Enter 20 for more spacing between slides.

Adjust this value to control visual separation between gallery images.

9. Slide Pagination

Enable or disable pagination indicators (dots) below the slider.

  • Enabled: Displays navigation dots.
  • Disabled: Hides pagination dots.

Default: Disabled

10. Slide Navigation

Enable or disable previous/next navigation arrows.

  • Enabled: Displays navigation arrows.
  • Disabled: Hides navigation arrows.

Default: Disabled

Recommended Setup:
  • Use 3 items on desktop and 1 item on tablet/mobile for responsive balance.
  • Enable Autoplay with a duration between 3000–5000ms for smooth presentation.
  • Enable Infinite Loop for continuous browsing.
  • Enable Navigation arrows for better user control.
  • Keep margin between 10–20px for clean spacing.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Gallery Slider

Or copy link

CONTENTS

Powered By EazyDocs