Posts

Showing posts from November, 2022

Adventures with Scriban and Sitecore SXA

Image
  Scriban has been jokingly called the new XSLT, but the templating language, Scriban, was released with Sitecore SXA 9.3 is the latest addition to the SXA toolkit and a welcome one. If you haven’t bumped into it yet, there are a lot of resources available to get you rolling. The official documents are here:  https://doc.sitecore.com/developers/sxa/93/sitecore-experience-accelerator/en/scriban-templates.html Mark van Aalst gives a good overview here:  https://www.markvanaalst.com/blog/sxa/sxa-9-3-introducing-scriban/ Gert Gullentops on the topic:  https://ggullentops.blogspot.com/2019/11/sitecore-sxa-93-scriban.html It’s important to note that Scriban replaces the nVelocity templates included in previous versions of SXA, these templates will not work in 9.3 and will have to be replaced. On the other hand, nVelocity templates never really took off so I’d be surprised if there are solutions out there requiring extensive rework. Where Do I Use It? Scriban Templates have...

Bootstrap 4 Components – Getting fancy with Scriban & Sitecore SXA

Image
  Sitecore SXA includes components called composites, things like accordions, tabs etc. OOTB they are ok, but you still must fiddle about with alternate views to have full control, they also don’t have rendering variants like other simple components. So, unless you are happy to try and torment these poor things into fancy pants UX stars, you were a little stuck. But then Scriban arrived and all your front ends are belong to us. Here are some of the cool OOTB Bootstrap components you can put together easily with Scriban. Approach You’ll need to make sure you have all the bootstrap elements, specifically:  https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css   https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js   https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js   https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js You will likely have jQuery already installed – check your version by inspecting ...