JSON format

oxygen + swiper.js integration block example for re use

{"id":0,"name":"root","depth":0,"children":[{"id":2,"name":"ct_div_block","options":{"ct_id":2,"ct_parent":0,"selector":"div_block-2-106","original":{"image_type":"2","attachment_size":"full","min-height":"300","width-unit":"%","width":"100","padding-bottom":"30","position":"relative"},"nicename":"swiper","classes":["swiper"],"activeselector":false},"depth":1,"children":[{"id":10,"name":"ct_div_block","options":{"ct_id":10,"ct_parent":2,"selector":"div_block-10-106","original":{"image_type":"2","attachment_size":"full","position":"absolute","top":"46","top-unit":"%","left":"10"},"nicename":"swiper-prev","classes":["swiper-button-prev"],"activeselector":false},"depth":2},{"id":13,"name":"ct_div_block","options":{"ct_id":13,"ct_parent":2,"selector":"div_block-13-106","original":{"image_type":"2","attachment_size":"full","position":"absolute","top-unit":"%","top":"46","right":"0"},"nicename":"swiper-next","classes":["swiper-button-next"],"activeselector":false,"ct_content":""},"depth":2},{"id":7,"name":"ct_div_block","options":{"ct_id":7,"ct_parent":2,"selector":"div_block-7-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"swiper-pagination","classes":["swiper-pagination"],"activeselector":"swiper-pagination"},"depth":2},{"id":3,"name":"ct_div_block","options":{"ct_id":3,"ct_parent":2,"selector":"div_block-3-106","original":{"image_type":"2","attachment_size":"full","width-unit":"%"},"nicename":"swiper wrapper","classes":["swiper-wrapper"],"activeselector":false},"depth":2,"children":[{"id":4,"name":"ct_div_block","options":{"ct_id":4,"ct_parent":3,"selector":"div_block-4-106","original":{"image_type":"2","attachment_size":"full","text-align":"left","align-items":"center"},"nicename":"Div (#4)","classes":["swiper-slide","slide-year"],"activeselector":"slide-year"},"depth":3,"children":[{"id":25,"name":"ct_div_block","options":{"ct_id":25,"ct_parent":4,"selector":"div_block-25-106","original":{"image_type":"2","attachment_size":"full","padding-left":"20","padding-top":"20","padding-right":"20","padding-bottom":"20","text-align":"center","align-items":"center"},"nicename":"inner","activeselector":false},"depth":4,"children":[{"id":16,"name":"ct_headline","options":{"ct_id":16,"ct_parent":25,"selector":"headline-16-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"Heading (#16)","ct_content":"1999","activeselector":false},"depth":5},{"id":21,"name":"ct_text_block","options":{"ct_id":21,"ct_parent":25,"selector":"text_block-21-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"Text (#21)","ct_content":"This is a block of text. Double-click this text to edit it.","activeselector":false},"depth":5}]}]},{"id":17,"name":"ct_div_block","options":{"ct_id":17,"ct_parent":3,"selector":"div_block-17-106","original":{"image_type":"2","attachment_size":"full","text-align":"left","align-items":"center"},"nicename":"Div (#17)","classes":["swiper-slide","slide-year"],"activeselector":"slide-year"},"depth":3,"children":[{"id":29,"name":"ct_div_block","options":{"ct_id":29,"ct_parent":17,"selector":"div_block-29-106","original":{"image_type":"2","attachment_size":"full","padding-left":"20","padding-top":"20","padding-right":"20","padding-bottom":"20","text-align":"center","align-items":"center"},"nicename":"inner","activeselector":false},"depth":4,"children":[{"id":30,"name":"ct_headline","options":{"ct_id":30,"ct_parent":29,"selector":"headline-30-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"Heading (#16)","ct_content":"2015<br>","activeselector":false},"depth":5},{"id":31,"name":"ct_text_block","options":{"ct_id":31,"ct_parent":29,"selector":"text_block-31-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"Text (#21)","ct_content":"This is a block of text. Double-click this text to edit it.","activeselector":false},"depth":5}]}]},{"id":19,"name":"ct_div_block","options":{"ct_id":19,"ct_parent":3,"selector":"div_block-19-106","original":{"image_type":"2","attachment_size":"full","text-align":"left","align-items":"center"},"nicename":"Div (#19)","classes":["swiper-slide","slide-year"],"activeselector":"slide-year"},"depth":3,"children":[{"id":33,"name":"ct_div_block","options":{"ct_id":33,"ct_parent":19,"selector":"div_block-33-106","original":{"image_type":"2","attachment_size":"full","padding-left":"20","padding-top":"20","padding-right":"20","padding-bottom":"20","text-align":"center","align-items":"center"},"nicename":"inner","activeselector":false},"depth":4,"children":[{"id":34,"name":"ct_headline","options":{"ct_id":34,"ct_parent":33,"selector":"headline-34-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"Heading (#16)","ct_content":"2021","activeselector":false},"depth":5},{"id":35,"name":"ct_text_block","options":{"ct_id":35,"ct_parent":33,"selector":"text_block-35-106","original":{"image_type":"2","attachment_size":"full"},"nicename":"Text (#21)","ct_content":"This is a block of text. Double-click this text to edit it.","activeselector":false},"depth":5}]}]}]}]},{"id":15,"name":"ct_code_block","options":{"ct_id":15,"ct_parent":0,"selector":"code_block-15-106","original":{"image_type":"2","attachment_size":"full","code-php":"","code-js":"jQuery(document).ready( function() {\n\nconst swiper = new Swiper('.swiper', {\n  \/\/ Optional parameters\n  direction: 'horizontal',\n  loop: true,\n\n\n  \/\/ If we need pagination\n  \/\/pagination: {\n  \/\/  el: '.swiper-pagination',\n  \/\/},\n\n  \/\/ Navigation arrows\n  navigation: {\n    nextEl: '.swiper-button-next',\n    prevEl: '.swiper-button-prev',\n  },\n\t\n\n\t\n\t\n\n\tbreakpoints: {\n          768: {\n            slidesPerView: 1,\n            spaceBetween: 20,\n          },\n          992: {\n            slidesPerView: 3,\n            spaceBetween: 20,\n          },\n          1200: {\n            slidesPerView: 3,\n            spaceBetween: 20,\n          },\n\n        },\n\t\n\t});\n});","code-css":".swiper-button-next:after, .swiper-button-prev:after {\n    font-size: 30px;\n\tcolor:#E3E829 !important;\n}\n\n.swiper {\n  box-sizing: border-box;\n  padding-right: 40px;\n  padding-left: 40px;\n}\n"},"nicename":"swiper init and properties","activeselector":false},"depth":1}],"meta_keys":[]}