ijy

Susy Tutorial

For this tutorial I'm assuming you are already comfortable with CSS, Sass (I'll use the SCSS syntax) and Compass. Please get set up with each one of those before attempting to use Susy. Sass and Compass both have their own setup instructions and tutorials that you can use.

There is also reference documentation in the works.

What Susy Does

CSS Systems

ijy

<?php

	require_once(TOOLKIT . '/class.datasource.php');

	Class datasourcetour_l_current_presentation_images extends SectionDatasource{

		public $dsParamROOTELEMENT = 'tour-l-current-presentation-images';
		public $dsParamORDER = 'asc';
		public $dsParamPAGINATERESULTS = 'yes';
		public $dsParamLIMIT = '1';

ijy

{modifier_options}
    {if option_stock_level > 0}
        <option value="{option_id}">
            {option_name} {if price_mod_val} ({price_mod}) {/if}
        </option>
    {/if}
{/modifier_options}

ijy

{exp:channel:entries parse="inward" parameter="{exp:plugin:method parameter='value' random}" }

ijy

{the_matrix:total_rows search:my_col="not IS_EMPTY"}

ijy

{if '{parent:total_rows search:child="not IS_EMPTY"}' == 0}
    ...
{/if}

ijy

<?php
 
    require_once(TOOLKIT . '/class.datasource.php');
 
	Class datasourcetour_l_current_presentation_images extends SectionDatasource{
 
		public $dsParamROOTELEMENT = 'tour-l-current-presentation-images';
		public $dsParamORDER = 'asc';
		public $dsParamPAGINATERESULTS = 'yes';
		public $dsParamLIMIT = '1';

ijy

@foreach (array_slice($posts->toArray(), 0, 5) as $post)
 
<h1>{{ $post['title'] }}</h1>
 
@endforeach

ijy

$querystring = 'a=foo&b=bar';

parse_str($querystring, $params);

// Test it
echo "<pre>";
print_r($params);
echo "</pre>";

ijy

<!-- Prompt IE6 users to install Chrome Frame -->
<!--[if lt IE 8 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->