literal

The {literal} tag allows data to be taken literally. Due to the Smarty syntax, any javascript or css being added to the page causes issues because they have { and } characters. Therefore, anything inside of the {literal}{/literal} tags will be ignored and displayed as is.

Javascript Example

{literal}
<script type="text/javascript">
function likesPie( you ) {
    if( you == 'not-crazy' ) {
        return true;
    }
    return false;
}
</script>
{/literal}

CSS Example

{literal}
<style type="text/css">
.pie {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 4px solid #da9e36;
}
.cherry {
    background: #f75446;
}
</style>
{/literal}
<div class="cherry pie">
</div>