//carrier wizard first step

This commit is contained in:
Vincent Augagneur
2013-07-03 16:10:23 +02:00
parent 9eeaf524c5
commit 943eacdf75
5 changed files with 158 additions and 48 deletions
@@ -24,57 +24,34 @@
*}
{extends file="helpers/view/view.tpl"}
{block name="override_tpl"}
<script>
$(document).ready(function () {
$('#carrier_wizard').smartWizard();
$("#carrier_wizard").smartWizard({
'labelNext' : '{$labels.next}',
'labelPrevious' : '{$labels.previous}',
'labelFinish' : '{$labels.finish}'
});
});
</script>
<div id="carrier_wizard" class="swMain">
<ul>
<li>
<a href="#step-1">
<label class="stepNumber">1</label>
<span class="stepDesc">Step 1<br /><small>Step 1 description</small></span>
</a>
</li>
<li>
<a href="#step-2">
<label class="stepNumber">2</label>
<span class="stepDesc">Step 2<br /><small>Step 2 description</small></span>
</a>
</li>
<li>
<a href="#step-3">
<label class="stepNumber">3</label>
<span class="stepDesc">Step 3<br /><small>Step 3 description</small></span>
</a>
</li>
<li>
<a href="#step-4">
<label class="stepNumber">4</label>
<span class="stepDesc">Step 4<br /><small>Step 4 description</small></span>
</a>
</li>
</ul>
<div id="step-1">
<h2 class="StepTitle">Step 1 Content</h2>
<!-- step content -->
</div>
<div id="step-2">
<h2 class="StepTitle">Step 2 Content</h2>
<!-- step content -->
</div>
<div id="step-3">
<h2 class="StepTitle">Step 3 Title</h2>
<!-- step content -->
</div>
<div id="step-4">
<h2 class="StepTitle">Step 4 Title</h2>
<!-- step content -->
</div>
<ul>
{foreach from=$wizard_steps.steps key=step_nbr item=step}
<li>
<a href="#step-{$step_nbr + 1}">
<label class="stepNumber">{$step_nbr + 1}</label>
<span class="stepDesc">
{$step.title}<br />
{if isset($step.desc)}<small>{$step.desc}</small>{/if}
</span>
</a>
</li>
{/foreach}
</ul>
{foreach from=$wizard_contents.contents key=step_nbr item=content}
<div id="step-{$step_nbr + 1}">
{$content}
</div>
{/foreach}
</div>
{/block}