{ "name": "divitorque/image-carousel", "d4Shortcode": "ba_image_carousel", "moduleClassName": "dtq_image_carousel", "moduleOrderClassName": "dtq_image_carousel", "title": "Image Carousel", "titles": "Image Carousels", "moduleIcon": "divitorque/image-carousel", "category": "module", "folder": "divi-torque-lite", "childModuleName": "divitorque/image-carousel-item", "childModuleTitle": "Image Carousel Item", "childrenName": [ "divitorque/image-carousel-item" ], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "default": { "advanced": { "slideCount": { "desktop": { "value": "3" } }, "slideToScroll": { "desktop": { "value": "1" } }, "slideSpacing": { "desktop": { "value": "15px" } }, "gridRows": { "desktop": { "value": "1" } }, "isVariableWidth": { "desktop": { "value": "off" } }, "slideWidth": { "desktop": { "value": "360px" } }, "isAutoplay": { "desktop": { "value": "on" } }, "autoplayMode": { "desktop": { "value": "step" } }, "scrollSpeed": { "desktop": { "value": "60px" } }, "reverseDirection": { "desktop": { "value": "off" } }, "autoplaySpeed": { "desktop": { "value": "3000ms" } }, "animationSpeed": { "desktop": { "value": "600ms" } }, "isInfinite": { "desktop": { "value": "on" } }, "pauseOnHover": { "desktop": { "value": "on" } }, "endBehavior": { "desktop": { "value": "restart" } }, "stopOnInteraction": { "desktop": { "value": "off" } }, "effect": { "desktop": { "value": "slide" } }, "coverflowRotate": { "desktop": { "value": "50deg" } }, "coverflowDepth": { "desktop": { "value": "100px" } }, "coverflowStretch": { "desktop": { "value": "0px" } }, "slideShadows": { "desktop": { "value": "on" } }, "isSwipe": { "desktop": { "value": "on" } }, "freeScroll": { "desktop": { "value": "off" } }, "freeScrollSnap": { "desktop": { "value": "off" } }, "mousewheel": { "desktop": { "value": "off" } }, "enableZoom": { "desktop": { "value": "off" } }, "isCenter": { "desktop": { "value": "off" } }, "isVertical": { "desktop": { "value": "off" } }, "useNav": { "desktop": { "value": "on" } }, "usePagi": { "desktop": { "value": "off" } }, "showScrollbar": { "desktop": { "value": "off" } }, "showPauseButton": { "desktop": { "value": "off" } }, "pausePosition": { "desktop": { "value": "top-right" } }, "showAutoplayProgress": { "desktop": { "value": "off" } }, "showThumbs": { "desktop": { "value": "off" } }, "thumbCount": { "desktop": { "value": "6" } }, "thumbGap": { "desktop": { "value": "8px" } }, "thumbHeight": { "desktop": { "value": "80px" } }, "thumbRadius": { "desktop": { "value": "4px" } }, "thumbOpacity": { "desktop": { "value": "50%" } }, "thumbActiveBorderColor": { "desktop": { "value": "#2ea3f2" } }, "thumbActiveBorderWidth": { "desktop": { "value": "2px" } }, "thumbSpacingTop": { "desktop": { "value": "10px" } }, "navType": { "desktop": { "value": "overlay" } }, "navPos": { "desktop": { "value": "bottom" } }, "navPosHz": { "desktop": { "value": "right" } }, "navGap": { "desktop": { "value": "10px" } }, "navXCenter": { "desktop": { "value": "off" } }, "pagiType": { "desktop": { "value": "dot" } }, "pagiColor": { "desktop": { "value": "#333333" } }, "pagiText": { "desktop": { "value": "16px" } }, "pagiTextActive": { "desktop": { "value": "#2ea3f2" } }, "cssTransition": { "desktop": { "value": "ease-in-out" } }, "carouselSpacingTop": { "desktop": { "value": "0px" } }, "carouselSpacingBottom": { "desktop": { "value": "0px" } }, "customCursor": { "desktop": { "value": "off" } }, "cursorName": { "desktop": { "value": "css_grab" } }, "parallaxCaptions": { "desktop": { "value": "off" } }, "parallaxAmount": { "desktop": { "value": "60px" } }, "centerModeType": { "desktop": { "value": "classic" } }, "centerPadding": { "desktop": { "value": "70px" } }, "navColor": { "desktop": { "value": "#ffffff" } }, "navBg": { "desktop": { "value": "#2ea3f2" } }, "navHeight": { "desktop": { "value": "44px" } }, "navWidth": { "desktop": { "value": "44px" } }, "navIconSize": { "desktop": { "value": "22px" } }, "navRadius": { "desktop": { "value": "44px" } }, "navBorderWidth": { "desktop": { "value": "0px" } }, "navBorderColor": { "desktop": { "value": "#333333" } }, "navBorderStyle": { "desktop": { "value": "solid" } }, "navSkew": { "desktop": { "value": "0deg" } }, "navPosX": { "desktop": { "value": "-15px" } }, "navPosY": { "desktop": { "value": "50%" } }, "iconLeft": { "desktop": { "value": { "unicode": "4", "type": "divi", "weight": "400" } } }, "iconRight": { "desktop": { "value": { "unicode": "5", "type": "divi", "weight": "400" } } }, "pagiBg": { "desktop": { "value": "#cccccc" } }, "pagiBgActive": { "desktop": { "value": "#2ea3f2" } }, "pagiHeight": { "desktop": { "value": "10px" } }, "pagiWidth": { "desktop": { "value": "10px" } }, "pagiWidthActive": { "desktop": { "value": "" } }, "pagiRadius": { "desktop": { "value": "10px" } }, "pagiSpacing": { "desktop": { "value": "8px" } }, "pagiPosY": { "desktop": { "value": "15px" } }, "pagiAlignment": { "desktop": { "value": "center" } } } }, "settings": { "meta": { "adminLabel": {} }, "advanced": { "htmlAttributes": {}, "text": {}, "slideCount": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.slideCount", "label": "Slides to Show", "description": "How many slides are visible at once. Lower this on tablet and phone for a better fit.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 8, "step": 1, "defaultUnit": "" } } } }, "slideToScroll": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.slideToScroll", "label": "Slides to Scroll", "description": "How many slides move each time the carousel advances.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 8, "step": 1, "defaultUnit": "" } } } }, "slideSpacing": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.slideSpacing", "label": "Gap Between Slides", "description": "Spacing between each slide.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px" } } } }, "gridRows": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.gridRows", "label": "Rows", "description": "Stack the slides in this many rows that scroll together, like a gallery wall. More than one row turns off the loop, Continuous Scroll and the effects.", "priority": 35, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 4, "step": 1, "defaultUnit": "" } } } }, "isVariableWidth": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.isVariableWidth", "label": "Variable Slide Width", "description": "Give slides a set width instead of an equal share of the row. Set Image Height to let each slide take its image's own width.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "imageHeight": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.imageHeight", "label": "Image Height", "description": "Gives every image this height. With Variable Slide Width each slide then takes its image's own width, so images of different sizes line up in one row; leave empty to use Slide Width. Otherwise every image is cropped to this height, so slides of different shapes line up evenly.", "priority": 55, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 1000, "step": 1, "defaultUnit": "px" } } } }, "slideWidth": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.slideWidth", "label": "Slide Width", "description": "Fixed width used for each slide when Variable Slide Width is on.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 1000, "step": 1, "defaultUnit": "px" } } } }, "isAutoplay": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.isAutoplay", "label": "Autoplay", "description": "Automatically advance the carousel.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "autoplayMode": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.autoplayMode", "label": "Autoplay Style", "description": "Slide by Slide pauses on each slide. Continuous Scroll moves the slides at a steady speed without stopping, like a film strip. It loops on its own and hides the arrows and dots.", "priority": 15, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "step": { "label": "Slide by Slide" }, "continuous": { "label": "Continuous Scroll" } } } } } }, "scrollSpeed": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.scrollSpeed", "label": "Scroll Speed", "description": "How far the slides travel each second, in pixels. 40 to 80 reads as a calm film strip.", "priority": 25, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 10, "max": 400, "step": 5, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "reverseDirection": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.reverseDirection", "label": "Reverse Direction", "description": "Move the slides the other way: left to right, or top to bottom when vertical.", "priority": 28, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "autoplaySpeed": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.autoplaySpeed", "label": "Autoplay Delay", "description": "How long each slide stays before advancing.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 10000, "step": 100, "defaultUnit": "ms", "allowedUnits": [ "ms" ] } } } }, "animationSpeed": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.animationSpeed", "label": "Transition Speed", "description": "How fast the slide animation plays.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 10000, "step": 100, "defaultUnit": "ms", "allowedUnits": [ "ms" ] } } } }, "isInfinite": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.isInfinite", "label": "Infinite Loop", "description": "Loop back to the first slide after the last one.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "pauseOnHover": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.pauseOnHover", "label": "Pause on Hover", "description": "Stop the motion while the pointer is over the carousel. Keyboard focus inside the carousel always pauses it.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "endBehavior": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.endBehavior", "label": "At the Last Slide", "description": "What happens after the last slide when Infinite Loop is off. Return to Start: autoplay goes back to the first slide. Return to Start, Arrows Too: the arrows and swiping also wrap around. Stop on the Last Slide: autoplay ends there.", "priority": 55, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "restart": { "label": "Return to Start" }, "rewind": { "label": "Return to Start, Arrows Too" }, "stop": { "label": "Stop on the Last Slide" } } } } } }, "stopOnInteraction": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.stopOnInteraction", "label": "Stop After Interaction", "description": "Stop autoplay for good once a visitor drags, clicks an arrow or dot, or uses the keyboard. The pause button starts it again.", "priority": 70, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "effect": { "groupType": "group-item", "item": { "groupSlug": "contentEffect", "attrName": "module.advanced.effect", "label": "Effect", "description": "How one slide gives way to the next. Fade, Cards, Flip and Cube show one slide at a time. Coverflow centers the active slide and tilts the others. Continuous Scroll needs Slide.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "slide": { "label": "Slide" }, "fade": { "label": "Fade" }, "coverflow": { "label": "Coverflow" }, "cards": { "label": "Cards" }, "flip": { "label": "Flip" }, "cube": { "label": "Cube" } } } } } }, "coverflowRotate": { "groupType": "group-item", "item": { "groupSlug": "contentEffect", "attrName": "module.advanced.coverflowRotate", "label": "Coverflow Tilt", "description": "How far the side slides turn away.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 90, "step": 1, "defaultUnit": "deg", "allowedUnits": [ "deg" ] } } } }, "coverflowDepth": { "groupType": "group-item", "item": { "groupSlug": "contentEffect", "attrName": "module.advanced.coverflowDepth", "label": "Coverflow Depth", "description": "How far the side slides sit behind the active one.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 10, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "coverflowStretch": { "groupType": "group-item", "item": { "groupSlug": "contentEffect", "attrName": "module.advanced.coverflowStretch", "label": "Coverflow Spacing", "description": "Pull the side slides closer (negative) or push them apart (positive).", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": -200, "max": 200, "step": 5, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "slideShadows": { "groupType": "group-item", "item": { "groupSlug": "contentEffect", "attrName": "module.advanced.slideShadows", "label": "Slide Shadows", "description": "Shade the slides as they turn.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "isSwipe": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.isSwipe", "label": "Drag / Swipe", "description": "Allow visitors to drag or swipe between slides.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "freeScroll": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.freeScroll", "label": "Free Scroll", "description": "Drag or flick the slides and they glide to a stop with momentum, instead of moving one slide at a time.", "priority": 12, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "freeScrollSnap": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.freeScrollSnap", "label": "Snap to Slides", "description": "After a free scroll, settle on the nearest slide edge.", "priority": 14, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "mousewheel": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.mousewheel", "label": "Mouse Wheel", "description": "Scroll the slides with a trackpad or a horizontal mouse wheel. Scrolling up and down still scrolls the page.", "priority": 16, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "enableZoom": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.enableZoom", "label": "Pinch to Zoom", "description": "Pinch or double-tap an image to zoom in, up to three times. On a computer, double-click.", "priority": 18, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "isCenter": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.isCenter", "label": "Center Active Slide", "description": "Keep the active slide centered, with a peek of the slides on each side.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "isVertical": { "groupType": "group-item", "item": { "groupSlug": "contentLayout", "attrName": "module.advanced.isVertical", "label": "Vertical Direction", "description": "Slide up/down instead of left/right.", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "useNav": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.useNav", "label": "Show Arrows", "description": "Show the previous / next navigation arrows.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "usePagi": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.usePagi", "label": "Show Dots", "description": "Show the pagination dots below the carousel.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "cssTransition": { "groupType": "group-item", "item": { "groupSlug": "contentMotion", "attrName": "module.advanced.cssTransition", "label": "Transition Easing", "description": "Easing curve for the slide animation.", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "ease-in-out": { "label": "Ease In-Out" }, "linear": { "label": "Linear" }, "ease": { "label": "Ease" }, "ease-in": { "label": "Ease In" }, "ease-out": { "label": "Ease Out" } } } } } }, "centerModeType": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.centerModeType", "label": "Center Mode Style", "description": "Highlighted scales the active slide up and dims the rest.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "classic": { "label": "Classic" }, "highlighted": { "label": "Highlighted" } } } } } }, "centerPadding": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.centerPadding", "label": "Center Peek", "description": "How much of the neighbouring slides peeks in (classic center mode).", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 1, "defaultUnit": "px" } } } }, "navType": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.navType", "label": "Arrow Layout", "description": "Overlay sits the arrows over the slides; Alongside places them side by side.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "overlay": { "label": "Overlay" }, "alongside": { "label": "Alongside" } } } } } }, "navPos": { "groupType": "group-item", "item": { "groupSlug": "designArrowPosition", "attrName": "module.advanced.navPos", "label": "Arrows Vertical Edge", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "top": { "label": "Top" }, "bottom": { "label": "Bottom" } } } } } }, "navPosHz": { "groupType": "group-item", "item": { "groupSlug": "designArrowPosition", "attrName": "module.advanced.navPosHz", "label": "Arrows Horizontal Edge", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "left": { "label": "Left" }, "right": { "label": "Right" } } } } } }, "navGap": { "groupType": "group-item", "item": { "groupSlug": "designArrowPosition", "attrName": "module.advanced.navGap", "label": "Gap Between Arrows", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 200, "step": 1, "defaultUnit": "px" } } } }, "navXCenter": { "groupType": "group-item", "item": { "groupSlug": "designArrowPosition", "attrName": "module.advanced.navXCenter", "label": "Center the Arrows", "description": "Place both arrows together at the horizontal center.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "pagiType": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.pagiType", "label": "Pagination Style", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "dot": { "label": "Dots" }, "number": { "label": "Numbers" }, "progressbar": { "label": "Progress Bar" }, "dynamic": { "label": "Dynamic Dots" } } } } } }, "showScrollbar": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.showScrollbar", "label": "Draggable Scrollbar", "description": "Show a scrollbar under the slides that visitors can drag.", "priority": 70, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "showPauseButton": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.showPauseButton", "label": "Pause Button", "description": "Show a pause and play button on the slides, so visitors can stop the motion.", "priority": 80, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "pausePosition": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.pausePosition", "label": "Pause Button Position", "description": "Which corner of the slides the pause button sits in.", "priority": 85, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "top-right": { "label": "Top Right" }, "top-left": { "label": "Top Left" }, "bottom-right": { "label": "Bottom Right" }, "bottom-left": { "label": "Bottom Left" } } } } } }, "showAutoplayProgress": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.showAutoplayProgress", "label": "Autoplay Progress Bar", "description": "A thin bar along the bottom of the slides that fills until the next slide.", "priority": 90, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "showThumbs": { "groupType": "group-item", "item": { "groupSlug": "contentThumbs", "attrName": "module.advanced.showThumbs", "label": "Show Thumbnails", "description": "Show a strip of small images under the carousel. Clicking one shows that slide, and the current slide is highlighted.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "thumbCount": { "groupType": "group-item", "item": { "groupSlug": "contentThumbs", "attrName": "module.advanced.thumbCount", "label": "Thumbnails to Show", "description": "How many thumbnails fit across the strip.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 2, "max": 12, "step": 1, "defaultUnit": "" } } } }, "thumbGap": { "groupType": "group-item", "item": { "groupSlug": "contentThumbs", "attrName": "module.advanced.thumbGap", "label": "Thumbnail Gap", "description": "Space between thumbnails.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 50, "step": 1, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "thumbHeight": { "groupType": "group-item", "item": { "groupSlug": "designThumbs", "attrName": "module.advanced.thumbHeight", "label": "Thumbnail Height", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 30, "max": 300, "step": 1, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "thumbRadius": { "groupType": "group-item", "item": { "groupSlug": "designThumbs", "attrName": "module.advanced.thumbRadius", "label": "Thumbnail Corner Radius", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 50, "step": 1, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "thumbOpacity": { "groupType": "group-item", "item": { "groupSlug": "designThumbs", "attrName": "module.advanced.thumbOpacity", "label": "Inactive Thumbnail Opacity", "description": "How faded the thumbnails other than the current slide look.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 10, "max": 100, "step": 5, "defaultUnit": "%", "allowedUnits": [ "%" ] } } } }, "thumbActiveBorderColor": { "groupType": "group-item", "item": { "groupSlug": "designThumbs", "attrName": "module.advanced.thumbActiveBorderColor", "label": "Active Thumbnail Border Color", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "thumbActiveBorderWidth": { "groupType": "group-item", "item": { "groupSlug": "designThumbs", "attrName": "module.advanced.thumbActiveBorderWidth", "label": "Active Thumbnail Border Width", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 10, "step": 1, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "thumbSpacingTop": { "groupType": "group-item", "item": { "groupSlug": "designThumbs", "attrName": "module.advanced.thumbSpacingTop", "label": "Thumbnail Spacing Top", "description": "Space between the carousel and the thumbnail strip.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "pagiColor": { "groupType": "group-item", "item": { "groupSlug": "designDotsNumber", "attrName": "module.advanced.pagiColor", "label": "Number Color", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "pagiText": { "groupType": "group-item", "item": { "groupSlug": "designDotsNumber", "attrName": "module.advanced.pagiText", "label": "Number Size", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px" } } } }, "pagiTextActive": { "groupType": "group-item", "item": { "groupSlug": "designDotsNumber", "attrName": "module.advanced.pagiTextActive", "label": "Active Number Color", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "carouselSpacingTop": { "groupType": "group-item", "item": { "groupSlug": "designSpacing", "attrName": "module.advanced.carouselSpacingTop", "label": "Spacing Top", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 300, "step": 1, "defaultUnit": "px" } } } }, "carouselSpacingBottom": { "groupType": "group-item", "item": { "groupSlug": "designSpacing", "attrName": "module.advanced.carouselSpacingBottom", "label": "Spacing Bottom", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 300, "step": 1, "defaultUnit": "px" } } } }, "customCursor": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.customCursor", "label": "Custom Cursor", "description": "Use a custom cursor when hovering the carousel.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "cursorName": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.cursorName", "label": "Cursor Style", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "css_grab": { "label": "Grab" }, "css_pointer": { "label": "Pointer" }, "css_move": { "label": "Move" }, "css_default": { "label": "Default" }, "custom_pizza": { "label": "Pizza" }, "custom_burger": { "label": "Burger" } } } } } }, "parallaxCaptions": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.parallaxCaptions", "label": "Parallax Captions", "description": "Move each slide's title and caption a little slower than its image as the slides change.", "priority": 70, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "parallaxAmount": { "groupType": "group-item", "item": { "groupSlug": "contentInteraction", "attrName": "module.advanced.parallaxAmount", "label": "Parallax Distance", "description": "How far the caption lags behind its image.", "priority": 75, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 200, "step": 5, "defaultUnit": "px", "allowedUnits": [ "px" ] } } } }, "iconLeft": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.iconLeft", "label": "Previous Arrow Icon", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/icon-picker" } } }, "iconRight": { "groupType": "group-item", "item": { "groupSlug": "contentControls", "attrName": "module.advanced.iconRight", "label": "Next Arrow Icon", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/icon-picker" } } }, "navColor": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navColor", "label": "Arrow Icon Color", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "navBg": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navBg", "label": "Arrow Background", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "navHeight": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navHeight", "label": "Arrow Height", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 200, "step": 1, "defaultUnit": "px" } } } }, "navWidth": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navWidth", "label": "Arrow Width", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 200, "step": 1, "defaultUnit": "px" } } } }, "navIconSize": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navIconSize", "label": "Arrow Icon Size", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 200, "step": 1, "defaultUnit": "px" } } } }, "navRadius": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navRadius", "label": "Arrow Corner Radius", "description": "Set to half the height/width for a circle.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px" } } } }, "navSkew": { "groupType": "group-item", "item": { "groupSlug": "designArrowStyle", "attrName": "module.advanced.navSkew", "label": "Arrow Skew", "priority": 70, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": -90, "max": 90, "step": 1, "defaultUnit": "deg", "allowedUnits": [ "deg" ] } } } }, "navBorderWidth": { "groupType": "group-item", "item": { "groupSlug": "designArrowBorder", "attrName": "module.advanced.navBorderWidth", "label": "Arrow Border Width", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px" } } } }, "navBorderColor": { "groupType": "group-item", "item": { "groupSlug": "designArrowBorder", "attrName": "module.advanced.navBorderColor", "label": "Arrow Border Color", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "navBorderStyle": { "groupType": "group-item", "item": { "groupSlug": "designArrowBorder", "attrName": "module.advanced.navBorderStyle", "label": "Arrow Border Style", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "solid": { "label": "Solid" }, "dashed": { "label": "Dashed" }, "dotted": { "label": "Dotted" }, "double": { "label": "Double" }, "none": { "label": "None" } } } } } }, "navPosX": { "groupType": "group-item", "item": { "groupSlug": "designArrowPosition", "attrName": "module.advanced.navPosX", "label": "Arrow Horizontal Offset", "description": "Move the arrows in or out from the carousel edges.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": -300, "max": 300, "step": 1, "defaultUnit": "px" } } } }, "navPosY": { "groupType": "group-item", "item": { "groupSlug": "designArrowPosition", "attrName": "module.advanced.navPosY", "label": "Arrow Vertical Position", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": -150, "max": 500, "step": 1, "defaultUnit": "%", "allowedUnits": [ "%", "px" ] } } } }, "pagiAlignment": { "groupType": "group-item", "item": { "groupSlug": "designDotsPosition", "attrName": "module.advanced.pagiAlignment", "label": "Alignment", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "left": { "label": "Left" }, "center": { "label": "Center" }, "right": { "label": "Right" } } } } } }, "pagiBg": { "groupType": "group-item", "item": { "groupSlug": "designDots", "attrName": "module.advanced.pagiBg", "label": "Dot Color", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "pagiBgActive": { "groupType": "group-item", "item": { "groupSlug": "designDots", "attrName": "module.advanced.pagiBgActive", "label": "Active Dot Color", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "pagiHeight": { "groupType": "group-item", "item": { "groupSlug": "designDots", "attrName": "module.advanced.pagiHeight", "label": "Dot Height", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 50, "step": 1, "defaultUnit": "px" } } } }, "pagiWidth": { "groupType": "group-item", "item": { "groupSlug": "designDots", "attrName": "module.advanced.pagiWidth", "label": "Dot Width", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 50, "step": 1, "defaultUnit": "px" } } } }, "pagiWidthActive": { "groupType": "group-item", "item": { "groupSlug": "designDots", "attrName": "module.advanced.pagiWidthActive", "label": "Active Dot Width", "description": "Optionally widen the active dot for a pill style.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px" } } } }, "pagiRadius": { "groupType": "group-item", "item": { "groupSlug": "designDots", "attrName": "module.advanced.pagiRadius", "label": "Dot Corner Radius", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 50, "step": 1, "defaultUnit": "px" } } } }, "pagiSpacing": { "groupType": "group-item", "item": { "groupSlug": "designDotsPosition", "attrName": "module.advanced.pagiSpacing", "label": "Dot Spacing", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "defaultUnit": "px" } } } }, "pagiPosY": { "groupType": "group-item", "item": { "groupSlug": "designDotsPosition", "attrName": "module.advanced.pagiPosY", "label": "Dots Spacing Top", "description": "Gap between the carousel and the dots.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": -200, "max": 200, "step": 1, "defaultUnit": "px" } } } } }, "decoration": { "animation": {}, "layout": {}, "background": {}, "border": {}, "boxShadow": {}, "filters": {}, "overflow": {}, "position": {}, "scroll": {}, "spacing": {}, "sizing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {}, "disabledOn": {} } } }, "image": { "type": "object", "selector": "{{selector}} .dtq-figure img", "settings": { "decoration": { "border": { "groupType": "group-item", "item": { "groupSlug": "designImage", "priority": 10, "render": true, "attrName": "image.decoration.border", "component": { "name": "divi/border", "type": "group", "props": { "grouped": false, "fieldLabel": "Image" } } } } } } } }, "customCssFields": { "navPrev": { "subName": "navPrev", "selectorSuffix": " .swiper-button-prev" }, "navNext": { "subName": "navNext", "selectorSuffix": " .swiper-button-next" }, "pagiWrap": { "subName": "pagiWrap", "selectorSuffix": " .swiper-pagination" }, "pagiItem": { "subName": "pagiItem", "selectorSuffix": " .swiper-pagination-bullet" }, "pagiDot": { "subName": "pagiDot", "selectorSuffix": " .swiper-pagination-bullet" } }, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentLayout": { "panel": "content", "priority": 10, "groupName": "contentLayout", "component": { "name": "divi/composite", "props": { "groupLabel": "Slides" } } }, "contentMotion": { "panel": "content", "priority": 20, "groupName": "contentMotion", "component": { "name": "divi/composite", "props": { "groupLabel": "Autoplay & Motion" } } }, "contentEffect": { "panel": "content", "priority": 25, "groupName": "contentEffect", "component": { "name": "divi/composite", "props": { "groupLabel": "Transition Effect" } } }, "contentInteraction": { "panel": "content", "priority": 30, "groupName": "contentInteraction", "component": { "name": "divi/composite", "props": { "groupLabel": "Interaction" } } }, "contentControls": { "panel": "content", "priority": 40, "groupName": "contentControls", "component": { "name": "divi/composite", "props": { "groupLabel": "Controls" } } }, "contentThumbs": { "panel": "content", "priority": 50, "groupName": "contentThumbs", "component": { "name": "divi/composite", "props": { "groupLabel": "Thumbnails" } } }, "designImage": { "panel": "design", "priority": 5, "groupName": "designImage", "component": { "name": "divi/composite", "props": { "groupLabel": "Image", "presetGroup": "divi/border", "clipboardCategory": "style" } } }, "designArrowStyle": { "panel": "design", "priority": 10, "groupName": "designArrowStyle", "component": { "name": "divi/composite", "props": { "groupLabel": "Arrow Style", "presetGroup": "divi/button", "clipboardCategory": "style" } } }, "designArrowBorder": { "panel": "design", "priority": 20, "groupName": "designArrowBorder", "component": { "name": "divi/composite", "props": { "groupLabel": "Arrow Border", "presetGroup": "divi/border", "clipboardCategory": "style" } } }, "designArrowPosition": { "panel": "design", "priority": 30, "groupName": "designArrowPosition", "component": { "name": "divi/composite", "props": { "groupLabel": "Arrow Position" } } }, "designDots": { "panel": "design", "priority": 40, "groupName": "designDots", "component": { "name": "divi/composite", "props": { "groupLabel": "Dot Style", "presetGroup": "divi/border", "clipboardCategory": "style" } } }, "designDotsNumber": { "panel": "design", "priority": 50, "groupName": "designDotsNumber", "component": { "name": "divi/composite", "props": { "groupLabel": "Number Style", "presetGroup": "divi/font", "clipboardCategory": "style" } } }, "designDotsPosition": { "panel": "design", "priority": 60, "groupName": "designDotsPosition", "component": { "name": "divi/composite", "props": { "groupLabel": "Dot Position" } } }, "designThumbs": { "panel": "design", "priority": 65, "groupName": "designThumbs", "component": { "name": "divi/composite", "props": { "groupLabel": "Thumbnail Style", "presetGroup": "divi/border", "clipboardCategory": "style" } } }, "designSpacing": { "panel": "design", "priority": 70, "groupName": "designSpacing", "component": { "name": "divi/composite", "props": { "groupLabel": "Carousel Spacing", "presetGroup": "divi/spacing", "clipboardCategory": "style" } } } } } }