Carousels

Carousels are a convenient and effective way to present steps, tutorials and other guided content to your visitors.

The default carousel template
View code
45501bf8086af56049b9ed7a96ecaa37be9d72d1a783afb883054a2a7d96ee7a5bcf98d1e039998073ee0c22ba83ce448d7b433ca7c582b159befe0a9c9ebcc76d863637cdbcd381224719919dd04d04aed06f1f0c9d3e4dc6809cde290a67472526d425396b70fffe68c43c20552bcefa13dd4a42d9e156cfdb666c7a564cb6532781040578297298642162b90a3b26712d446ea464f0be7f18f2bc52f9fa287292dd15994794d03630b3195b43c9cdf32de8b4274a7486238c5e43c0729a310bed2127e54b86730ff70b2c59059773442900870ddf4b36185feb3a9e9dde9ae47121285de59650d8c7a40b472d5c45475fa335e9f951ef7193ccb9ffd967b0881434c602d98b8fa62855c9c8ad7c9b27de8a1ecd943c955a96574c16d2a8dc173e18f0d69fc23fcc18d33e83143aec3cbc8b0e95904cffa4ec05a2438e6458ba4345ec6f07748044e29a369a7ace9abc3d6d4ca225c1271c348b15a821fe7fd773742178ee0fd8587ff523da20d53cba3e9316abb6e0159393561cf5ee1bbc7324c45ba337892f9992734c22196d1ac79740617d2751d3e7332cba5df7ce23263fb18f29d0068b826b44753bf69bfa5654e5356134a187bb889754f2f42594b419f8bd6960f15e8d49845d7fc4606ad0e95fabf14d8d45870a737d13c1aa62639dccca81d0422223acfadce2181b6e39722284e27dd081575d767f6611d6b1f142b2e59fd0947b09cadb5a046a14e280a9130b76ddd7ed261d755c25f3cd72149c82d0e00786923e963d4bf12334126c1b492364e2d002e2e549a206ff4ec09e192e1d00ff646d5044ae313f3ab316912d4a63ae9837dec44a0c587724867ed41ddbad40f742985e6f91bae677c12b0ba52fe0a994e6ebc1d25ba3884d464d7424ce626834acdef169f9482965f28532751fabe97cf7b3619847ec780eed1a7b23e5f2bd38414274b15cc96fd515eacf3156ad37639b5e865c720dbcf799e7bbe6e5dfddaf81bf0e5531f2110ea01ce425e247f15c4b50bf4b6713246619fa73a686b08a6a7fed3d882773a002e7cfbddee470af645121f3a7981e96ddbb87725d146cc49cc7be0ced6b12582c9df6d367bfbe54a6070e5598036f03138783b3e686ce5b4984f0532f2187e8054e74de8342210209da29287c028da38a3473ac3505d4284917625c53370efe1e21c5c2cb2735717c8bb1737e1598d169688b94418c2dc51d2bea18d23e3c3cbcb32d033401bcc509fa783999ee61b2fe8f7f9724e3d8ec5fc2aa96bd9ec170e503e2f2d453608a719bc64b0ed63afdd319073b6edb8c5eadaa060141b39f081cfd0bde80e10ba225a43cf92822c0b699782b462e4575c7c4017af42096c7d81b8eb589c1367dcdce90e6b93ba281177bc552aacf2abbbbdff2f6c041783ac4cb6656e2e48b65d0a25e513545561654eca270835dffa27f27e705182fe64f7e2c4a8f9b8d45f273a383a7c5d5731e4efc369fb41db59fef1574f6c284c1b0e7df0aeeb8838d5c56f42cefe0d9d892edbd03071ac23bc9392ea7e80255c0946f7ef1f86295fda3152229e45363c459587421dd201ca175d9d585e87638a00eeb184e0ae6f7c7cb062992b653e33dab9f9f2cf186dacf624d807cb45ce837ff89280e19f64472f04466d4f228c24ada4c4cacabd5c32c241477c97f68d9170daf604a0bb7c597614c37985cd8866485f887bb995080800065e2a13bd84ea1a6bfeddff473dbc38a149e8470939782cdb1df0b60d9eb4ba88d184be5d668db6621fe9cca29fbeeb335e128c4b607bc656f6cf373
Customized carousel
View code
f42c4807b5f98e1fa672c7934837de7f9c3f1a4a68d2abe42b99975c953ee86dd37be3973b2b05bacf85b3c1097094fd6b77ae25dec6ef3f927c603cc347ffbe8ca83a72a4e9c3432d2216a9b57852c4476268062911953c31042475e608ae32802c35c6734e7b55ec9abe1b0ab85c77a8ba56ddb3cea309b6f80e9cbcec517c96b68c695a92ba93cf98b80041e5acc7c84c62fdc69b2c6b9cef92e7349f488aa67dca37825b337ed98948914f4599cc043e7189a7d40f232e49e1c4d510595d1b81db7d16832bd1f2aac28abdfc3f16f979ccbf177e7d920f2d0f8d75c073805f8be5f5257d4dac878a35cbedfbb483d531b0e72bd74f8adff12863e0c400cdd22e795216971172e05176024bc7723eeb681e6334dacbd1e56d1348cec529a91454e617bc27d7a0f4e12da44284391841cc6c02908911d2f4a1d38c24add558f6262a1057c0adb72311db81d911d567dc25fc55c130684e52dca3ffe40d660748a83080195850ce2c6c83ac12b145621c9ded1935c0d9a059bc7165316921db54532b445474d0ccc7e6d90aae559e895908b879e7c9ebe112ab8c6a2a0fc263b86553545ef2f66071ff9d634bd54d82274fc1aff290d89cbb275ceadd7a741df52181087ffece6a02ed722af8fbc2b79418a733c2755a79da62781451c4a0bcd2ddc1d06bcb30e671401502c01393ebfa635053dae07346358c1e6afb279e1b2ed35be3684bdde202d56f251abb219a8bc9c773ed59e8a3ad4004fc4923948c9fcca92e11444519cc64c5ca145e037bbddc69d4a67942e1f14cb7a49ee44e30cdac81b66ba2c2bf0bb413e69166ec9b494b04dfe6e018d3118df63adcf3203ab2973d22a3f5dd17a4d832ed0551503b9438c6f5fb6bd49a1187b8e23698b4b2f94c14319eb66b20ce8829dcdd2b1da946a9e3a2bc3adc16aed07685f53947d1ee1f0569209a42a0daf8135b3d5491237772777f2046db10111a9f3e6158a24643332feffe62f63ab938f26b779b21a73e50e9ba987a3e8c322c01d2af1e9bdb1e11fef739d2cb7fba1d1f6d0e65bac4cdb14610b0ec2e49f7ff8e23c436bc2bfdbd6490afe11c407adbb4336b96d2dc9f14962e125de0b6eea1121fc2003b6a7d6b1a0388df077e53fa5c2977da3e408c155c708beabe2fef0d52721faa53b4052fcb0d3f6400bd3e3412081ca832aa1293ece9e0b24fb5c76478158336cb7b15abb8315bb3d550aaae4d2c5169682562eb4330e0aa66789acb0a5f43a458080560e66b4932f5868745ea830a4b18d0d67b11b6de80ab0e6595ad5c718d95dd3de4bb517655bc2623043666bc0f8137274c5ff36fae27d88aeefb83065fa79366a00d771d607e915ed9fd0aad601ed9821581c698d37ba98c55fe5ea2cb08366cf93cfe5792e25058eb949a24876b0d7c6becfbcbca0cf100e44f677f74ff39fa1500538de6616d1a4ab17c14a6d9f74d2a98d21f721bfb6c66a27edc18edf140c91ed212bdd6030fed60e5965f83413c5173e8185e510056fc4f873672e40e3bd34612fd5141110136da46acd5c830686f01dfb70e4385ef97b1b86071c3314479bcef6619d6f1775251711cad3252d0db488db9357250cf9608149a69d888a79e1967c2066ec2832fdd410a899df4684ac0a5674f0922daea0a9bff9a7715ee74879d139aa53e06c42ca4b7f85fe854a960c6a5544e1ad264320b73b510e83b898c440d8d1b254d9330a9c68e45174673a7c2e209ef1b67ab9ea8ba02acacc71e69e47292d2ab907b930a18765a49bd4628a01597c4d129ef491581c4e75f33b67ed41f2494d40a133672ddeb2669b19b2d7c0648dca92784e29221b172fa5a361affcc9b7b0cfaa68f7bbb495e502aeb21003baabad54f18f9ccd52d3e258549ab548d8b7d0224ef5025d06a6278c76b428211878ebbc0ed3924c4139bc551dfffed3f5871ff5b798ccd4c1d7cdd5f6e4b97b8a22ddd8c5769731a20501ba5e509bb0c958ee11cbed70003d023289a7a40b1435ba8c16cfd8b492480206b364931f16c1d07c8d2af302b41049d95db3546c4390c5ba2c48c5515e7f5698abe74bc5672d3b94a028addbc06346f8cf2a74aeca9b193c25f1e866a0615fe5597b9d7adaea83bf54f9c35ad5da02c2126711beeef7eebcd81e7c92ef72eaa98db4cc0fc40f1ad85305d3d1a38c0bc457c6562ff16b538f132d930803f29dd6663e2dc84e876c0f174e39956a1a62c7f3e5ae9986da9c1b7e37a7c355f05e7728498b34b412f3f10344bd28edccf429841b9225cb3569c67d67cbe16913ea7935db1a8f728af5cddd0c0b379a54111ed4fde6ccb07335aa300093578f1bea4701bda33a9003733f661eee4d56195c563958d1c20248b1c121866639db943dd6c8a4abc530e6fc2464ec89916602cdd78e044c759619e85fa1369d1076cb75006c865f295f962b0308beae5c1d5a5c6c7c32a1b7ce0e2f4ef57f27afa4543b2b698c1d97bf1db6e4ebe85088730dbc1f0533f042fa745593269a4ffc63065af53463e68e0f622c34fedd0533e7f6c4333123dde202c10b694e95180f114a5852b9a44e31838c0dc290a6e214f511405871e80f8daa0aaae240d7c8549ceb652c1353ad366ea90ec345594623566884a6c2092ef93b9fba9d45896fa4eec0afbd68fbb3c1cfc6ed4aa6a0b605060b085cbe763a48bb94305c04a0d13f6653eda98b19d385857199b4800f6a2b3254bd780cf22c5e074c24efd7f42da2f6339408657ea5a26d708a2cca8f1e2749b142f14ef1887d9e53ea16440c0afda4867d98b7bf981ffc8653e0e3bbf8acb4328acfd828275bb60ac3f049e0410efeac2e3006c891e6fc406fdfc098353d57918afce93a992d8ede17edc49278124c7637ebe3ebc4f50b054e812c9edfde299684a95b5ab7c5fbe593a0ee4ffae6e0397500bd24d670dc7de5eee5c81bc1f7caf30e351cfc82c92f34dbdc582d97f26b77dc25dc281c51f5bb4cc194bf7377fa744b1c80a2cd32695dab52f4cd6fae2e7487f5551b8e7190e3b0a95f42e2f9a3af0759f6a0994f9ba2b559a5254d28cabee93e5586b2020643b27b9806b24fc19dae31b01d2d92a0f2f9e39d890de1c0f9244253307bc5c770720c07ece03e2f28616111dcb26edc58f3e5e09e7102c94ccf49dedeb001772dcdfecea51916dff7a7a9f56a9c6080afdad6d2ff92e55d12533b6e0a7d409b1a6888c60a2810d232e9d7e3ca17c72dc14c4760dba15848c1d535b0cf589a4c21231526f57d66db0a8a017d7631bd1ce81bd795df919c8c487f3fdaca665ae774909e788436bd047d1f20eda7ad6f4c71d086706dce673973abf4926fdf975416e090cdce47a0f020c6e36830d235516f410aa10378261e77252f3202f9a35efd5a233015b91eec1d80c4e8a80f8f398d6e614c7711ed3cddc5eed746bf9cf5f246f1d38802ccdcaf194a62a011d59945260f04182481fe88eb077fadd0130aa99dcdecac26e3a8f6a94e2d37738e4744e8a8f2b3fefc6635f8bd505ad53629a306d54b6bc77c08acbeda84a3b7376b614ec5b6d6b52d7d51f6546052c6053f96dc47811627983065917208caf1ebb923a25fa4795670302fc6fea9bf2c64e15cc79214ebcfe5c81cd0f8281623b7e23d574fb09c921a7835702a2bf80c1a705fcaee41b387a1f39d6d82976fc3941090409ba0b3bf60754535e16328535a0b024c324859ce1cf28a0caf68af8f0c8827273173ae9945042492cba59abbd0c1fc57d1c648db435cdd86c5fbbcd440706ac9f6d4de736609c94253bef640decb5eb1f40084d287555d606f62b894fcf88672310b1a5b474259c73a5d3069a476aeaf78806f2c949cb71f65d1416b514503f83a92a0a5dd6239f4864c2c3e06a2af195a093eb9ab163c1e21da42b0e9dab44d016203d4fc064b7091c12848a5783d5764c0eead6cdbaa47bbed913bd35e5cbba059a80ef3642a066c0b977fcd9e90f2a784cb2750cba2cf99238b4bbe18608359cd84359d20d599fec3902822df5e3502f4ec6f7a1de9186bbf1f26ba44f6f076882d37007f7678527988f5aec47e554e4a1479ae2a9be42138cee4b595a30274a25010b9bb86913104e4d557a220c38d86326fae4ad5ef4c64fc25195b012b3ea11068b2915a10998743cee98bf22b9051e8ef410257878dff55128cc5d9e360de23c35a82a5d1e2fecbde734a72c8de10683663cc1b9f80558162f63546832d89449a356138320c15676cdadf3f354b6342482a7f4e642e0e2113b3fdff78e0928bd0a6fa49480a6669035ae4b1b93a6bede7d503aaf5b36322305f0da321192b95fd98740056139c7d1eb31bf3ebdd251b7ac53bba614661092fdec42986f49126122fd00a598d21aeff2b68a1a674b1f0c2c62471c265ea8c798c4e2eb355841feea71231a42739c79cfbb6d33564ac62f0e1e60f2f8bb45558638053f3c710acdf90e42e7818e34c97863d03137ed84954b17e7b1c07bba23306eedec50b5ed5fad7d1967d4c91280c7b26604929312c55a6af358d6091a1f00ba5fe0c245a7ce3a2ac5b8a484d40b81dbf474ada99cb205cbf8a248bbf2b4de440cc1777363db3a0595ed50d718bb2bdd907d3238cac9de7e67ffc39ade8b586eab8e55e47710b6a8cba8e81d79bce1b5fae8dafe8aef50f0b8ffebd9f51a47e4a9e6c92dc91c59cc61f387d931528d928bc781c80e2e23117d7788364b1db11a48f5d766f65d7307b94597c324a5f86f1c8615dbbab0412bff39c2623fdc74e52708f9f02b8aaf1e90cc7b74390fadab68b2a7fff3e2a76220826535d044cd4f2ecbd907481182baf1fbfa5523eaa1c51aab939102790c6e9540efada2f537462c815fb24e16b0004218e12841490dcec6ea8b9c36f0163630b518c6d42763638ce46c0c21fe3173edc3ac912f3eaed4114037734e141aa173bc4eb1ac73f55ba8a1ebd2814f7caa820979877568ef4cd75f8c9156546679873bf5bfb283e934b10d869dffbcf43f6632086de8cb53fced4426829aedcc026a12621af95ed4fdf6001ce3a46a09b3283f095f9f1d28d5df735b8efbe0656cfd4478e81996dcd75ca382742c4fa0822f9aed5cd753cf84969fae444d72a19ccfbbdb9d8d74229e74e556c184a1087fc7df414b7c726b342964892f764ad0fa89aec4babc0334280e553e02b858ceeb1dadb297feb3d146d7db1e459378a84cb30e9e5b76a4f5702b5c75c8fccb02e80e8d9344b0d7ea3d485bbded4867ac90ba8495777a53c56127c6800ce6ab5fcb8db0c9cf7f223dff46f5d26d084f4f155673fbefd6dec580401cefb04b212840106f0822e34c8150af6848f8b5a950213c21d8bd00c7736130788550d075a7d43263d9a16461cce7e21bd3303233dd99f680c141c8fd736786e857297ef6abdee6d1ffb71af5422d3f153668da916a1f30d067a7bc4ee70b25bb14c464dc33a1a250f419ae717d9e81057e3da4618aaef0743d113e8436b88a89ad76bbec854bd469494cdb81ec3828df1f26ae6e3e5c1a94254df9f5f5878077fc63a6de51b0eb4c3c39769d16d709072beb98624b1da0cf00047d88a03fd9db607a4eebff023d211a78f40a089bead435011b08b789b0399b70c175c2f836e9626409202e0b529fb7cd9c2d46b87cfb8553e873c0d2e8de4f0686797624bf9b18a36d03814e511819404a73c69e293696b9c201818d9ef70345c77a8f5cf4f970cde7a39f967dac48ea7dfc37fe86865e680635ec41ae16b4c0917c90e87e4ecc7f81dd5d31970ef13d6045d6bcc22fdba13c567126acdd3eb70db0ce133a916be3261f878651068d167e1a50c6596e86a3c2af91ccf590bd1a02e6c8541b0413f4ba075c3bb5d1f2804deffbfe546688c31eaffcc97a034d9dbd95990b28f46b85044131c7dd9dd3e03bf61b53b5c8aff9656e927c095f1ddfb17eda744755f90893c06619850f291bfa92ad188e75d1d822fd12e8904bdb7dcf602305d5898a050df3e84eb1ad4b56055005fc0990d7e22e2eaf3710ac5008539fbe6dcc47ad048c3e7a9188f13933893d1b1a2cc6fc0c0955a557c2ceac1ec8e205aa66c435a6735c1150eb65be7544da48e0b7c192b0ff58e12867dee7c58d34d1e0512d4adb36dba4dae351f5d17493a3e58430985c5b4acd018b0cdfa7fb80d9bc867f51c9dc6621aa0a9e720d51f36a04bea7cd0ff32ea0d85085e619cd9cb7d2399eee2e848b2da998323b27c7fae4c5be1c5a858f814e7ee17c4bfc699063ea4e9181d7704df3cde0d88fc5b32b4f4b1754a76bbfa7e2a4cc02a4fa607d1f33d5cbb30455d9673131f28308b6d0a3fcbb9f40e5f5c0f3b0e9f65b599e4f794150b831cdbfd8a037aee5a7e5fa9021bae5b6182776afceb4d05a46537675aaa127ac428582d6d84702871fa1f2cf043737430765e6c3d630ec9fb892a837acc536a3f1ed62d482a57c0294a63b9c12ccb98ac67b8b53bf0c167e6f4b8153aefddaf8f94f50365e87cd11772ed1b2308bb41ca936fb0992400740da35df2e9afe2dbe6467f060b311b2fb85bdfe32abc614badbe3eda182387336c37acfd4b4c82292aad92db41b22ee4e8e30d9eae9faf483053febcd4e912e1936594551bd59eb2c5583710ae630b6b192b7923d4077d13a48e01277cecf261478ff3fff724877090b605e69ce09462b670b58d30477ab5d30270df5114f49113bccfcd644c3c3b0f584de75e9dbbad41c8e180de6bcc7ade037985bcf9e3e57e8c42623eda17192c024e2a3bc622b8b1f58e391e86a0ed01cb6af825eb79a6171c888e0b371ba29399fe78fec3af26c0b25da73d9167a8b55c9f56667c70e0005ed45c3043546b002ece3d9b7925bb63a7c66ab54d2633dafb05116bd1b120f4c66d67712795770a779f588b6c9eeeb1bba03eefeaedb5be2650cb17e6dc57f49fa961ec8f51ba8da32bd79e61b4b243ce7961d37bc780850c84fa6c55877548b14d23bf114f3921cf8e29c99721332c4bbc9316387deb9ceda2068d603f7fa3b3b7b57ed9eb2cef2020a8baafc3f3930de4abe98806f9aa800b54a998b3f6d0b614ec8d63f898399f98ed1f97c00fb2c12d34e7271be1a0247b2998208817cdf2791cc573fcbf919e337c8618820017add23677dc911a87493662dd27929c19a057d87c3d5d9a7e6d049f24dbe2087380a6da5a22ddc9a52b0897a9976c4d0cb0a298d67e89eeb4e364d366c591d6303817e3f2f2ae8d5659505dcd996cd8c757cf8198c3198be78e9ba35b7f43fd0c93629f55a922f11ae3a643ae70a21455b5e4caae509f8cc160d7e44f6f7b7893bc756c3870e46966fc851714607480efe053498f782050fe8a160c218c3626539148805a340a60147694989f103bb1f36c1ccb6b065adf6083e38fc0e38ce4666fd52a076c166202af3ee2a6051330e77acc1cebcc073e0938f61601fab7bbb59d82676537c8bdf6fcc24d642d3ca9dd15d1b4d5ebee99c06bf9238f580a4b48be0ce16484e9c2d41297877b8af3f09b2afdc0e9eeda1ac77f5a2bcf86c4f7d02b7dd801fc3712e4c3260907b275aa49689bb6bd55227efc7258a3c98260e76dd1020ad081d6f5d653da2a23ba07f601c3777314afc4472564324a5034859128adcc33097f604c8aa9fa5f8626d3b5b9f8012bf28f290c1ff34b2d1c50c88a48b5ac9ed8c43489f5435d7e6cfb6156b72e2a6b30e6c1286670994eaae81000e0ace15a209675533d411e27b7e9acd76d8249cb0d6032997d43bc760c98020ab67325a67285c7135fcd4dbfcb7a0166b1ca37da53a1412fc4b24e7dc46eb875c63d66d8ae0cd0708d50c97cd41921a575aee6121706b2d09da7c46b0f35b2aaa01c6ad0b487e955e614b95f641f617c31dd79b63dc622dc58bd73cb290e971aba506089c8f2666cdbaf87d306f4a178ed0a1ac3dc59fddd0d7d08de7a922bad9455be167dd9571472fdab1db69639003b6fe5a59832c2a4ddcb38a8de210d4d58b1e08ea201be9b52091467e8d83dbb61e6bfbf8416c81bf3871c77532ad68c8dfc575abebedd972110fcf75dd47ef5b74b8eb240b826409b6c89e323c4c177dd5b05ea4b981300f1fb3376d978374b9500c9d754f79ca5927017c458f1f18dab2827145f87b94453a3fd03967567a8179e93d49a13e9ae285960796a1949dadf628265422fa69c16564847b1d35aea5fa1ac55261f6a8681bb6076044dba8a4fe2aa8b06fa19a062c38695c69f85b72a17fb734c2e6fd103ab215218b670d033968c52220b6199a6170eaece2c039df18cc1302ea1a70e255a75ec92910f87d2e53a143987c08b9f50983c821da1c17e876ab752e9457541c7ad138f53c6c599b96ce8e6208854acaca25d5e26b87db31aed266f7daf780b36de08d25389a3d683668c54333d24f6d9b82861e36e4c917e57d7030ec4fe252aee124e984dd99b6421e330eda89c97d95d7d3dbd3c0f5db60e0062b1268117969be1977200920fe85145b844e5d9a74c5b01b77cf43902a2702c2120cb8ac1c3357a3d6da9e32202e1d6ceb534619d3b26a466e37c943a22143711ccdc7852a2e7ffe691b47693ccb2fc2ed36dcca685beef5fa23a1cd740e77933b748ad3a36a9cdc08008d156196cbb72dab3522ce662954426f6f4b7f01a2cc427b49c26e8bce33684db97725251b4493fcbfeb69d8100019a40f03f18738ddf8e96cf9f3a14779b4355b312fbf043c6c0def24809683645dcc62f3287f765acb3ea4939ba0e4d76cde574fee57b47510a29d9a63cbe80a7f0aa4e7aa504bdb6b5cb0eb0c66f71b608acc8feb63067243c1a8677d3bb77b7014900cfde9d2977e037304121971f73e56b6c3505364ae210988bf50fb1e33afe6cbae0c8c0e060334f2f685c2ebdb63ded093809967f253580557dda684f5d720498a83082523d056c5b7c5e558c7303b0c544a70ebeae27bc8d8a3de0d4be2a94e37c6143bc9cd1790c2a54e0b04559e6fffbd9b7a626bbe5a22570399f14c40f6ce021665ee4a593cad25e76dea8cbfbb8121b522d54a3f815d0e313384c074c27dd0c25509b6363596ab83164e8b4adf32697a71b0e9d6aded587bf5ac1e599c73c52b3c6846ec01180134d3748d185bc9f6ef3918d7f0d60a435cd9373391cbec542d3e5d4c810fdb029f6fffc33bb98ba7fe17350e1b81e3e3801cbf984f0eeb94d473fb2627cff6f0b0cfc8c85c1d822ca9a264e7ea4e4e56531a6ad979977431f35b61bc92ebd05ec6183923c4ab0b66bb52e90dcb4dd487c5ccf3b7a2a8e0068c13d21410ce19cbca33fe31243fa025e3e41bbe8588b4b4c19bffd95d97b9b3e9bf2a634d8d857864ea19bdf57747c863d10d0f01f4c98d92a6a3919ce5998a7a5f3f0ad58d3bf446e1d2301b9a781982849f9c258957add58687ec94bc73b020db884a842258ac36ca90517d3d5c549e34a2eec4730ed126cf8e0a5a5e11c742d97cce9f8d51412925708dcfc2489b29d8dde46e1502e17ea58a67e8dbc38f21332c02fb8426de86d824835cb7bb1e7f0785ce44551f4bc5f8c160a034829301e0ef2e710973914116fd2b226ffc1a720c160fe178ee337066a0c048d82d52f816f4d2a36553727a2d229af1f9deda9937cffd8c835624ccadef43fb759aad9cee588c4227bf0e1e9cf5879e3805439274d9093a26d7afc2bb8e569a401fc39fe4a43d58cac0446bc948e8785c737f2e685297056d2f0693fc4db695e5bcd13a600d2e2678502907d8ef0035a4e9b2ae35e3642402351c1b3f59e2b0cf26c471ef08c585171b0069b0cd01c68d8f25107941195f9e4b77da5f19d193fd1f3d5cc230cf281c5572c3c0b5f16958fc8f53b089532988c65e7dbd717b66d39b01bc8b09d809bd0d4f42fb89ca1d4128889a463e128149b01975d07d9767c54d3736a3865b7e7b4df39598c9cac35d6e154b72204a41b135a325a8fb4974f9aa8e78fe33280a2c9daad62238e46081cc9748bfb916e9e5893606b2f0f0bed7295a07ed2f0e1e7c00d70ff71bc4649300fcfddc7d096b7c71e52c27a093fe8ddf79530f13946c671f4a6e208817cb9bf3770bca8ecf386bec3641375c6307970f026875903763c06dabe994792de11c6fb2b598ea4c7ac4182011819be831df9865e200b9db4c1f125c0a369ee774ccb26b1cc7ff342c1b9061a6753c7afa6c7cbd3e6a71dce2381259d9ea312a3073d6d0a99d7376cf46c3062523b8ad448cc21c1f03f2196743348257b5f46041e94ac7d799ba4f74ae2b6bc590b62e495a986d1a9a1d33abd210df24a490bd3f8b1d4e204232f4ead866eda17f9b3759a190ea1bbb6d6650305bb31a858cd031942b413a0895d24ca5e8fc23bd6e7a3be040b57ca429e31548db961babd327ae3b6d9d7e5a0fd7fe974665c1a72a5c26dbbd4d49b0cfdcaf4af5fbb4236a8447dc30de8f8174c2aabadd726c1d46e196667fee742807d6e4f136f6d91e5b108d25b9e4b1626f1ef33883d41bf9b62c73afd622017e4f5b0b858e0c68fce5a44919ffdee0ff3c4318eb744cc0ae1a07e5a7f2b5d28f9e6ea1ee26c5fd69cd42c475e0a66e28f5dc8f05e0379e3256b1846399cf495b0bc5bd43a8532afb003b92bbe19b6e595e1b653a69c2ccea18fa612c140efd94d1871c7e99a9c6b6b995a5145aac175a4d3fced46e4f7a0a9cdb4afa6f1e2dacf1e54dc1b1dcfaa60021ce9ff0e07c1420d656d21b3f753c07297cfe3439c93942aac3ada8d0511c7abb255263d3da7caac8d122530831994b3b9b8154ce9c6aa5efb0e534efde7717bd907991891aededae9bd14d20493db3b06ce5a5a9cb7948454c1bc88d19b7f6fa2ae8dde786f54b0a9891d23bffe530415a1790ed8ec5fe5f0c39b09ef4b7541833078f0c7238354999f7fe86a8c37a99ed8eacebea9538452178932f789f22447664b410426fb494a9eb86ed54038588e85281bc0a154157f27323ce36c6774a1b767dda5b876ce78d970766e757eb4cd1a64e66fa8ae3157ca8cfbbf40ece21f44b6f2947e7a7e698ebd90213ada195e2418c574dddada2998c2a69369b0d96b7eaafa76d8d1fc2a8808673dfde9ebeaa812f0884e2d5afc849183521d5b2b1d7390cd45f14bc9a9f8c005c8665e9b55219f17914cbd2a2912ac0bc9e28559cbb86d3c42bbeac0130f58da5a8b556937403412a9137c783c293ac2d28959f644faac0a24a7dda727e77d020f114418e2a5d26dae11a01ab82c1dc1caf1a1623ca772c1d773d011d9aef091d2955f6e6b78e2d647bae57248e89beb7f97ad5a705c08cccc7de0d633c7c499e25b1cbf8f947a345b8e6eabe2ab62f73bff8990f93eb6f0afdd482c665bd4d24446ed123394b48718a91903ec7a3d45d3551c7b9d3f5cdf8666f4d449187653f0a59b2420e66a7539f183cc11cc8560bfabd167d4f0ca71e67538454af44002d290bbd73cbcd6f8bfe70573f9bd180b56fe589ca1cd5bf8abbcd9d67f1667eb1f8b2215e88c805a0ec4dfd12ac1065d742ff231328b58eda106f57910735449f5cd7c4d471becf9f1d7eb0baab8d56bc663e3d2adecec59a75e78ad9a99aa4b5bc538cbd652960366932d3693b283779a280351c0ace1161991a80b907798cdb7661fce3cca424cdbd3630aa1920c0d421bee961bbc9ed295b6ee57956bc893a2973535d05416a7d42364de0e736ee0caf191a454f2577266b2ff7fe655d87035f77a316d30ee624f915ee47448a9b2d7228660ea280bc71b130fb58587f4b7f3c51f30706625a4623fee1ff7f1f29b5624c7adb936774a3dd88be55fca197accbe501b92eb245fecec461b660a2da51bb0c76c15b5b425d8fb6ac6ee97fd2516ffc9813d11a782e1a4a822bbcf7f51c79093f802e1a241add07c2842fd719e2099fc745111d13a1adbd12c1d9b631f9a0bfcfb0dedd55a2a29be92487c52848d7877175a5fed16e80f3b9704d4d91a391ade69b7872ad121711bc42e38c87227f22e0fb4db58ff6a50aa3f0994845c594bc3c50d8211e28

Carousel patterns are custom micro-templates that you can use with our Carousels extension. To have them applied when you create carousels within your article content, simply copy-and-paste the code into the bottom of your Article page template (article_page.hbs).

To learn how to actually create carousels within your article content, refer to the Carousels extension page.

Related patterns