We're offering a free six-month trial of Hookline: Atmos - a plugin that adds a Gravity Forms element for Oxygen Builder. Get it today!

Dynamic Slider: Product Gallery

{"component":{"id":10,"name":"oxy-product-builder","options":{"ct_id":10,"ct_parent":29,"selector":"-product-builder-10-66","original":{},"nicename":"Product Builder (#10)","activeselector":false},"depth":3,"children":[{"id":2,"name":"ct_div_block","options":{"ct_id":2,"ct_parent":10,"selector":"div_block-2-66","classes":["lxe_dynamicslider"],"nicename":"Dynamic Slider","activeselector":"lxe_dynamicslider"},"children":[{"id":3,"name":"ct_code_block","options":{"ct_id":3,"ct_parent":2,"selector":"code_block-3-66","original":{"code-php":"nnnn","code-css":"/* Left and right arrow color. */n.lxe_dynamicslider__container .swiper-button-prev,n.lxe_dynamicslider__container .swiper-button-next {n tcolor: #f9f9fa;n}nn/* Left and right arrow size. */n.lxe_dynamicslider__container .swiper-button-prev:after,n.lxe_dynamicslider__container .swiper-button-next:after {n tfont-size: 32px; n}nn/* Active navigation bullet color. */n.lxe_dynamicslider__container .swiper-pagination-bullet-active {n tbackground-color: black; n}nn/* That's it, stop editing. */nn.swiper-container {n    width: 100%;n}nn.swiper-slide {n    /* Center slide text vertically */n    display: -webkit-box;n    display: -ms-flexbox;n    display: -webkit-flex;n    display: flex;n    -webkit-box-pack: center;n    -ms-flex-pack: center;n    -webkit-justify-content: center;n    justify-content: center;n    -webkit-box-align: center;n    -ms-flex-align: center;nt-webkit-align-items: center;ntalign-items: center;n}n","code-js":"//** Oxygen Composite Elements Settings Section **//n//** Edit the variables below to change the behavior of the element. **//nnvar delay = 2000; // Change this to change the auto-play speed of the slider.nvar transition = 'slide'; // Tranisition effect. Could be "slide", "cube", "coverflow" or "flip"nn/** That's it, stop editing. **/nnjQuery(document).ready( function() {n  n var pagination = '';n var prevnext = '';n  n jQuery('.swiper-container').append(pagination);n jQuery('.swiper-container').append(prevnext);n  n if( typeof Swiper == 'undefined' ) { return; }n  n var swiper = new Swiper('.swiper-container', {n   t  loop: true,n      pagination: {n        el: '.swiper-pagination',n        clickable: true,n      },n   t  navigation: {n    tnextEl: '.swiper-button-next',n    tprevEl: '.swiper-button-prev',n  t  },n   t  autoplay: {n        delay: delay,n        disableOnInteraction: true,n      },n   t  noSwiping: false,n   t  effect: transitionn    });n    n});"},"nicename":"Dynamic Slider Code","activeselector":false,"ct_content":""},"depth":5},{"id":4,"name":"ct_div_block","options":{"ct_id":4,"ct_parent":2,"selector":"div_block-4-66","nicename":"Slider Container","classes":["swiper-container","lxe_dynamicslider__container"],"activeselector":false},"children":[{"id":5,"name":"oxy_dynamic_list","options":{"ct_id":5,"ct_parent":4,"selector":"_dynamic_list-5-66","original":{"query_post_types":["post"],"paginate_size":"0","listrendertype":"1","wp_query_advanced_preset":"Custom Settings","wp_query_advanced":[{"key":"post_type","values":[{"value":"attachment"}]},{"key":"post_status","values":[{"value":"any"}]},{"key":"post__in","values":[{"value":""}]}],"wp_query":"advanced"},"classes":["swiper-wrapper"],"nicename":"Repeater","activeselector":false},"children":[{"id":6,"name":"ct_div_block","options":{"ct_id":6,"ct_parent":5,"selector":"div_block-6-66","original":{"background-imagedynamic":false,"background-size":"cover","background-position-left-unit":"%","background-position-left":"50","background-position-top-unit":"%","background-position-top":"50","overlay-color":"rgba(55,64,71,0.3)","background-color":"#adadad","custom-css":"aspect-ratio:1/1;"},"classes":["swiper-slide"],"activeselector":"swiper-slide","nicename":"Slide"},"depth":7,"children":[{"id":27,"name":"ct_image","options":{"ct_id":27,"ct_parent":6,"selector":"image-27-66","original":{"image_type":"2","attachment_size":"full","attachment_id":""},"nicename":"Image (#27)","activeselector":false},"depth":8}]}],"depth":6}],"depth":5}],"depth":4}]},"classes":{"lxe_dynamicslider":{"key":"lxe_dynamicslider","parent":"luxi-elements","original":{"width-unit":"%","width":"100","selector-locked":"false"}},"swiper-container":{"key":"swiper-container","parent":"luxi-third-party","original":{"selector-locked":"true"}},"lxe_dynamicslider__container":{"key":"lxe_dynamicslider__container","parent":"luxi-elements","original":{"height":"400","selector-locked":"true"}},"swiper-wrapper":{"key":"swiper-wrapper","parent":"luxi-third-party","original":{"selector-locked":"true"}},"swiper-slide":{"key":"swiper-slide","parent":"luxi-third-party","original":{"selector-locked":"true"}}}}
© 2020-2023 Luxibay
Name(Required)
Please let us know what's on your mind. Have a question for us? Ask away.
This field is for validation purposes and should be left unchanged.