This is the context page from template for reference:<\/p>\n
<system-data-structure>\r\n <carousel>yes<\/carousel>\r\n <slide>\r\n <image type=\"file\">\r\n <content><\/content>\r\n <path>\/_images\/paintbrush.jpeg<\/path>\r\n <link>site:\/\/DEV-Donny\/_images\/paintbrush.jpeg<\/link>\r\n <site>DEV-Donny<\/site>\r\n <name>paintbrush.jpeg<\/name>\r\n <file-size>330352<\/file-size>\r\n <width>1920<\/width>\r\n <height>1280<\/height>\r\n <\/image>\r\n <heading>Paintbrushes<\/heading>\r\n <alt>Paintbrushes<\/alt>\r\n <\/slide>\r\n <slide>\r\n <image>\r\n <path>\/<\/path>\r\n <\/image>\r\n <heading\/>\r\n <alt><alt\/>\r\n <\/slide>\r\n <slide>\r\n <image type=\"file\">\r\n <content><\/content>\r\n <path>\/_images\/computer-coffee.jpeg<\/path>\r\n <link>site:\/\/DEV-Donny\/_images\/computer-coffee.jpeg<\/link>\r\n <site>DEV-Donny<\/site>\r\n <name>computer-coffee.jpeg<\/name>\r\n <file-size>174729<\/file-size>\r\n <width>1920<\/width>\r\n <height>1080<\/height>\r\n <\/image>\r\n <heading>Computer & Coffee<\/heading>\r\n <alt>Computer and Coffee<\/alt>\r\n <\/slide>\r\n <editor>This is my first page.<\/editor>\r\n<\/system-data-structure><\/code><\/pre>\nCreate Cascade format<\/code> using Velocity:<\/p>\n#set($array = $currentPage.getStructuredDataNodes(\"slide\"))\r\n#set($slides = [])\r\n#foreach($item in $array)\r\n#if($item.getChild(\"image\").asset.path)\r\n#set($dummy = $slides.add($item))\r\n#end\r\n#end\r\n#if($slides.size() > 0 && $currentPage.getStructuredDataNode(\"carousel\").textValue == \"yes\" )\r\n<header class=\"carousel slide\" id=\"myCarousel\">\r\n<!-- Indicators -->\r\n<ol class=\"carousel-indicators\">\r\n#foreach($slide in $slides)\r\n#if($foreach.count == 1)\r\n#set($class = \"active\")\r\n#else \r\n#set($class = \"\")\r\n#end\r\n#set($slideNumber = $foreach.index)\r\n<li class=\"${class}\" data-slide-to=\"${slideNumber}\" data-target=\"#myCarousel\"><\/li>\r\n#end\r\n<\/ol>\r\n<!-- Wrapper for slides -->\r\n<div class=\"carousel-inner\">\r\n#foreach($slide in $slides)\r\n#if($foreach.count == 1)\r\n#set($class = \"active\")\r\n#else \r\n#set($class = \"\")\r\n#end\r\n#set($image = $slide.getChild(\"image\").asset.link)\r\n#set($heading = $slide.getChild(\"heading\").textValue)\r\n<div class=\"item ${class}\">\r\n<div class=\"fill\" style=\"background-image:url('[system-asset]${image}[\/system-asset]');\"><\/div>\r\n<div class=\"carousel-caption\">\r\n<h1>$_EscapeTool.xml($heading)<\/h1>\r\n<\/div>\r\n<\/div>\r\n#end\r\n<\/div>\r\n<!-- Controls -->\r\n<a class=\"left carousel-control\" data-slide=\"prev\" href=\"#myCarousel\">\r\n<span class=\"icon-prev\"><\/span>\r\n<\/a>\r\n<a class=\"right carousel-control\" data-slide=\"next\" href=\"#myCarousel\">\r\n<span class=\"icon-next\"><\/span>\r\n<\/a>\r\n<\/header>\r\n#end<\/code><\/pre>\nThis is the transformation result:<\/p>\n
#set($array = $currentPage.getStructuredDataNodes(\"slide\"))\r\n#set($slides = [])\r\n#foreach($item in $array)\r\n#if($item.getChild(\"image\").asset.path)\r\n#set($dummy = $slides.add($item))\r\n#end\r\n#end\r\n#if($slides.size() > 0 && $currentPage.getStructuredDataNode(\"carousel\").textValue == \"yes\" )\r\n<header class=\"carousel slide\" id=\"myCarousel\">\r\n<!-- Indicators -->\r\n<ol class=\"carousel-indicators\">\r\n#foreach($slide in $slides)\r\n#if($foreach.count == 1)\r\n#set($class = \"active\")\r\n#else \r\n#set($class = \"\")\r\n#end\r\n#set($slideNumber = $foreach.index)\r\n<li class=\"${class}\" data-slide-to=\"${slideNumber}\" data-target=\"#myCarousel\"><\/li>\r\n#end\r\n<\/ol>\r\n<!-- Wrapper for slides -->\r\n<div class=\"carousel-inner\">\r\n#foreach($slide in $slides)\r\n#if($foreach.count == 1)\r\n#set($class = \"active\")\r\n#else \r\n#set($class = \"\")\r\n#end\r\n#set($image = $slide.getChild(\"image\").asset.link)\r\n#set($heading = $slide.getChild(\"heading\").textValue)\r\n<div class=\"item ${class}\">\r\n<div class=\"fill\" style=\"background-image:url('[system-asset]${image}[\/system-asset]');\"><\/div>\r\n<div class=\"carousel-caption\">\r\n<h1>$_EscapeTool.xml($heading)<\/h1>\r\n<\/div>\r\n<\/div>\r\n#end\r\n<\/div>\r\n<!-- Controls -->\r\n<a class=\"left carousel-control\" data-slide=\"prev\" href=\"#myCarousel\">\r\n<span class=\"icon-prev\"><\/span>\r\n<\/a>\r\n<a class=\"right carousel-control\" data-slide=\"next\" href=\"#myCarousel\">\r\n<span class=\"icon-next\"><\/span>\r\n<\/a>\r\n<\/header>\r\n#end<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"This is the context page from template for reference: <system-data-structure> <carousel>yes<\/carousel> <slide> <image type=”file”> <content><\/content> <path>\/_images\/paintbrush.jpeg<\/path> <link>site:\/\/DEV-Donny\/_images\/paintbrush.jpeg<\/link> <site>DEV-Donny<\/site> <name>paintbrush.jpeg<\/name> <file-size>330352<\/file-size> <width>1920<\/width> <height>1280<\/height> <\/image> <heading>Paintbrushes<\/heading> <alt>Paintbrushes<\/alt> <\/slide> <slide> <image> <path>\/<\/path> <\/image> <heading\/> <alt><alt\/> <\/slide> <slide> <image type=”file”> <content><\/content> <path>\/_images\/computer-coffee.jpeg<\/path> <link>site:\/\/DEV-Donny\/_images\/computer-coffee.jpeg<\/link> <site>DEV-Donny<\/site> <name>computer-coffee.jpeg<\/name> <file-size>174729<\/file-size> <width>1920<\/width> <height>1080<\/height> <\/image> <heading>Computer & Coffee<\/heading> <alt>Computer and Coffee<\/alt> <\/slide> <editor>This is my … Continue reading “How to Create a Cascade Format in Velocity for a Carousel”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[51],"class_list":["post-1633","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-cascade"],"_links":{"self":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/1633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/comments?post=1633"}],"version-history":[{"count":0,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/posts\/1633\/revisions"}],"wp:attachment":[{"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/media?parent=1633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/categories?post=1633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sls.gmu.edu\/web\/wp-json\/wp\/v2\/tags?post=1633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}