Skip to content
StoreDocsSupport
Get Divi Torque

Advanced Logo Carousel

Advanced Logo Carousel scrolls a row of logos. Its one job is to present client, partner or press logos in a carousel, with each logo added as a child item.

  1. Open the Visual Builder and add a section and row.
  2. Search for "Advanced Logo Carousel" and add the module.
  3. Click the plus icon inside the module to add a Logo Carousel Item for each logo.
  4. Open each item and upload the logo image.

Content

Logo Settings group (parent module)

  • Logo Hover Effect: None, Zoom In, Zoom Out, Fade or Grayscale to Color. Default is Zoom In.
  • Logo Height: Default auto.
  • Logo Width: Default auto.

Slides group

  • Slides to Show: Default 4. Can be set per device.
  • Slides to Scroll: Default 1.
  • Gap Between Slides: Default 15px.
  • Vertical Direction: Off by default. Vertical mode shows one slide at a time.
  • Variable Slide Width: Off by default. Shown only when Vertical Direction is off.
  • Slide Width: Default 360px. Shown only when Variable Slide Width is on.

Autoplay & Motion group

  • Autoplay: On by default.
  • Autoplay Delay: Default 3000ms. Shown only when Autoplay is on.
  • Transition Speed: Default 600ms.
  • Transition Easing: Ease In-Out (default), Linear, Ease, Ease In or Ease Out.
  • Infinite Loop: On by default.
  • Right to Left: Off by default. Sets the carousel direction to right to left.

Interaction group

  • Drag / Swipe: On by default.
  • Center Active Slide: Off by default. Shown only when Vertical Direction is off.
  • Center Mode Style: Classic (default) or Highlighted. Shown when Center Active Slide is on.
  • Center Peek: Default 70px. Shown when Center Active Slide is on.
  • Custom Cursor: Off by default.
  • Cursor Style: Grab (default), Pointer, Move, Default, Pizza or Burger. Shown when Custom Cursor is on.

Arrows & Dots group

  • Show Arrows: On by default.
  • Arrow Layout: Overlay (default) or Alongside.
  • Previous Arrow Icon and Next Arrow Icon: Icon pickers for the two arrows.
  • Show Dots: Off by default.
  • Pagination Style: Dots (default) or Numbers.

Each item has a Content tab with a Logo group.

  • Logo: The uploaded image.
  • Logo Alt Text: Alternative text for the image.
  • Link the Logo: Off by default.
  • Link URL: Where the logo links. Used when Link the Logo is on.
  • Open in New Window: Off by default.
  • Add Nofollow: Off by default.

Design

Parent module

  • Arrow Style: Arrow Icon Color (default #ffffff), Arrow Background (#2ea3f2), Arrow Height and Width (44px), Arrow Icon Size (22px), Arrow Corner Radius (44px), Arrow Skew (0deg).
  • Arrow Border: Width (0px), Color (#333333) and Style (Solid).
  • Arrow Position: For Overlay layout, Arrow Horizontal Offset (-15px) and Arrow Vertical Position (50%). For Alongside layout, Arrows Vertical Edge (Bottom), Arrows Horizontal Edge (Right), Gap Between Arrows (10px) and Center the Arrows (off).
  • Dot Style: Dot Color (#cccccc), Active Dot Color (#2ea3f2), Dot Height and Width (10px), Active Dot Width, Dot Corner Radius (10px). Shown for Dots pagination.
  • Number Style: Number Color (#333333), Number Size (16px), Active Number Color (#2ea3f2). Shown for Numbers pagination.
  • Dot Position: Alignment (Center), Dots Spacing Top (15px), Dot Spacing (8px).
  • Carousel Spacing: Spacing Top and Spacing Bottom, both 0px.
  • Logo group: Border options for the logo image.
  • Overlay group: Overlay (off by default), Speed (500ms), Icon, Icon Color (#ffffff), Icon Size (32px), Icon Opacity (1) and Overlay Color (rgba(46,163,242,0.85)). The overlay appears when the pointer is over the logo.

FAQ

The plugin includes a Divi 4 version and a native Divi 5 module with the same name. Divi 4 layouts convert to the Divi 5 module. This page describes the Divi 5 settings.

The carousel is built on Swiper with arrow-key control and labeled previous and next buttons enabled.

Do I need a separate slider plugin?

No. Swiper ships with the module.