Skip to content

Instantly share code, notes, and snippets.

@jessedobbelaere

jessedobbelaere/Default.tpl

Last active August 29, 2015 14:08
Show Gist options
  • Save jessedobbelaere/4390a537adf56557f69d to your computer and use it in GitHub Desktop.
Save jessedobbelaere/4390a537adf56557f69d to your computer and use it in GitHub Desktop.
Download ZIP
Fork CMS Triton with shopping cart & profiles
Raw
Default.tpl
{include:Core/Layout/Templates/Head.tpl}
<body class="{$LANGUAGE}" itemscope itemtype="http://schema.org/WebPage">
{include:Core/Layout/Templates/Cookies.tpl}
<div id="topWrapper">
<header id="header">
<div class="container">
{* Logo *}
<div id="logo">
<h2><a href="/">{$siteTitle}</a></h2>
</div>
{* Skip link *}
<div id="skip">
<p><a href="#main">{$lblSkipToContent|ucfirst}</a></p>
</div>
<div class="rightTop">
<div class="meta">
<div class="profilesLinks">
{include:Core/Layout/Templates/Profile.tpl}
</div>
<a href="{$var|geturlforblock:'Catalog':'Checkout'}" class="icon-cart">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g><path d="M-192 0h185v99h-185zM0-36h100v30h-100z"/><text transform="translate(66 -19.5)" font-family="'Helvetica'" font-size="2.4">http://thenounproject.com</text><text transform="translate(7.166 -24.5)"><tspan x="0" y="0" font-family="'Helvetica-Bold'" font-size="6.158">The Noun Project</tspan><tspan x="1.12" y="4.8" font-family="'Helvetica-Bold'" font-size="4">Icon Template</tspan></text><text transform="translate(-178.5 10.5)" font-family="'Helvetica-Bold'" font-size="6.158">Reminders</text><path stroke="#fff" stroke-miterlimit="10" d="M8-14.5h10M-179 16.5h17"/><path d="M-170.802 31.318h8.721v8.642h-8.721zM-164.455 42.312h4.747v-4.703h-4.747v4.703zm5.189.437h-5.63v-5.579h5.63v5.579zm-6.955 1.313h8.279v-8.203h-8.279v8.203zm8.721.438h-9.163v-9.079h9.163v9.079zM-166.149 44.133l-.143-.142 8.279-8.204.142.142z"/><path fill="none" d="M-179 58h35v32.5h-35z"/><text transform="translate(-179 60.157)"><tspan x="0" y="0" font-family="'Helvetica-Bold'" font-size="3">Strokes</tspan><tspan x="0" y="5" font-family="'Helvetica'" font-size="2.4">Try to keep strokes at 4px</tspan><tspan x="0" y="10" font-family="'Helvetica'" font-size="2.4">Minimum stroke weight is 2px</tspan><tspan x="0" y="14.5" font-family="'Helvetica'" font-size="2.4">For thicker strokes use even</tspan><tspan x="0" y="17.5" font-family="'Helvetica'" font-size="2.4">numbers: 6px, 8px etc.</tspan><tspan x="0" y="22" font-family="'Helvetica-Bold'" font-size="2.4">Remember to expand strokes</tspan><tspan x="0" y="25" font-family="'Helvetica-Bold'" font-size="2.4">before saving as an SVG</tspan></text><path fill="none" d="M-136.5 58h35v32.5h-35z"/><text transform="translate(-136.5 60.157)"><tspan x="0" y="0" font-family="'Helvetica-Bold'" font-size="3">Size</tspan><tspan x="0" y="5" font-family="'Helvetica'" font-size="2.4">Cannot be wider or taller than</tspan><tspan x="0" y="8.5" font-family="'Helvetica'" font-size="2.4">100px (artboard size)</tspan><tspan x="0" y="13.5" font-family="'Helvetica'" font-size="2.4">Scale your icon to fill as much of</tspan><tspan x="0" y="16.5" font-family="'Helvetica'" font-size="2.4">the artboard as possible</tspan></text><path fill="none" d="M-94 58h35v32.5h-35z"/><text transform="translate(-94 60.157)"><tspan x="0" y="0" font-family="'Helvetica-Bold'" font-size="3">Ungroup</tspan><tspan x="0" y="5" font-family="'Helvetica'" font-size="2.4">If your design has more than one</tspan><tspan x="0" y="8" font-family="'Helvetica'" font-size="2.4">shape, make sure to ungroup</tspan></text><path fill="none" d="M-50 58h35v32.5h-35z"/><text transform="translate(-50 60.157)"><tspan x="0" y="0" font-family="'Helvetica-Bold'" font-size="3">Save as</tspan><tspan x="0" y="5" font-family="'Helvetica'" font-size="2.4">Save as .SVG and make sure</tspan><tspan x="0" y="8" font-family="'Helvetica'" font-size="2.4">“Use Artboards” is checked</tspan></text><text transform="matrix(1.007 0 0 1 -125.542 30.593)" font-family="'Helvetica'" font-size="2.573">100px</text><text transform="matrix(1.007 0 0 1 -41 39)" font-family="'Helvetica-Bold'" font-size="5.146">.SVG</text><path d="M-126.514 34.815h10.261v10.185h-10.261zM-126.477 31.766h.522v2.337h-.522zM-116.812 31.766h.523v2.337h-.523zM-127 32.337h11.233v.572h-11.233zM-83.805 33.844h10.305v10.156h-10.305zM-76.809 28.707h3.308v3.261h-3.308z"/><path stroke="#fff" stroke-miterlimit="10" d="M-178.5 22.5h30v30h-30zM-136.5 22.5h30v30h-30zM-93.5 22.5h30v30h-30zM-49.5 22.5h30v30h-30z"/></g><g><path fill="none" d="M0 0h100v100h-100z"/><path d="M60.566 82.795c-4.683 0-8.484 3.793-8.484 8.476 0 4.684 3.802 8.479 8.484 8.479 4.679 0 8.478-3.796 8.478-8.479s-3.799-8.476-8.478-8.476z"/><circle cx="30.643" cy="91.272" r="8.478"/><path d="M94.919 0h-9.665c-2.141 0-4.019 1.019-4.597 3.08l-12.509 43.92h-46.187l-9.812-22h50.9c2.637 0 4.779-1.858 4.779-4.5s-2.141-4.5-4.778-4.5h-58.232c-1.609 0-3.119.271-4 1.62-.883 1.354-1.022 2.79-.374 4.265l14.021 31.568c.764 1.733 2.482 2.547 4.375 2.547h46.615l-2.697 9h-37.954c-2.637 0-4.779 2.357-4.779 5s2.143 5 4.779 5h41.573c2.144 0 4.021-.961 4.597-3.019l17.903-62.981h6.042c2.64 0 4.782-1.861 4.782-4.5 0-2.642-2.142-4.5-4.782-4.5z"/></g></svg>
</a>
</div>
</div>
{* Navigation *}
<nav id="headerNavigation">
<h4>{$lblMainNavigation|ucfirst}</h4>
{$var|getnavigation:'page':0:1}
</nav>
{* Language *}
<nav id="headerLanguage">
<h4>{$lblLanguage|ucfirst}</h4>
{include:Core/Layout/Templates/Languages.tpl}
</nav>
{* Top position *}
{iteration:positionTop}
{$positionTop.blockContent}
{/iteration:positionTop}
{* Breadcrumb *}
<div id="breadcrumb">
<h4>{$lblBreadcrumb|ucfirst}</h4>
{include:Core/Layout/Templates/Breadcrumb.tpl}
</div>
{* Advertisement position *}
{iteration:positionAdvertisement}
{option:positionAdvertisement.blockIsHTML}
<div id="headerAd">
{$positionAdvertisement.blockContent}
</div>
{/option:positionAdvertisement.blockIsHTML}
{option:!positionAdvertisement.blockIsHTML}
{$positionAdvertisement.blockContent}
{/option:!positionAdvertisement.blockIsHTML}
{/iteration:positionAdvertisement}
</div>
</header>
<div id="main">
<div class="container">
{* Left column *}
<div class="col col-3">
{* Subnavigation *}
<nav class="sideNavigation">
<h4>{$lblSubnavigation|ucfirst}</h4>
{$var|getsubnavigation:'page':{$page.id}:2}
</nav>
{* Left position *}
{iteration:positionLeft}
{option:positionLeft.blockIsHTML}
<section class="mod">
<div class="inner">
<div class="bd content">
{$positionLeft.blockContent}
</div>
</div>
</section>
{/option:positionLeft.blockIsHTML}
{option:!positionLeft.blockIsHTML}
{$positionLeft.blockContent}
{/option:!positionLeft.blockIsHTML}
{/iteration:positionLeft}
</div>
{* Main column *}
<div class="col col-9 lastCol">
{* Page title *}
{option:!hideContentTitle}
<header class="mainTitle">
<h1>{$page.title}</h1>
</header>
{/option:!hideContentTitle}
{* Main position *}
{iteration:positionMain}
{option:positionMain.blockIsHTML}
<section class="mod">
<div class="inner">
<div class="bd content">
{$positionMain.blockContent}
</div>
</div>
</section>
{/option:positionMain.blockIsHTML}
{option:!positionMain.blockIsHTML}
{$positionMain.blockContent}
{/option:!positionMain.blockIsHTML}
{/iteration:positionMain}
</div>
</div>
</div>
<noscript>
<div class="message notice">
<h4>{$lblEnableJavascript|ucfirst}</h4>
<p>{$msgEnableJavascript}</p>
</div>
</noscript>
</div>
<div id="bottomWrapper">
{include:Core/Layout/Templates/Footer.tpl}
</div>
{* General Javascript *}
{iteration:jsFiles}
<script src="{$jsFiles.file}"></script>
{/iteration:jsFiles}
{* Theme specific Javascript *}
<script src="{$THEME_URL}/Core/Js/triton.js"></script>
{* Site wide HTML *}
{$siteHTMLFooter}
</body>
</html>
Raw
screen.css
/* Catalog module changes */
/* Add this at the bottom of screen.css */
.rightTop {
padding-top: 20px;
position: relative;
}
.rightTop a {
color: #FFF;
}
.rightTop .shoppingCart {
float: right;
}
.rightTop .meta {
float: right;
}
.profilesLinks {
float: right;
}
.profilesLinks a:hover {
color: #f04f06;
}
.icon-cart {
clear: both;
margin-top: 10px;
}
.icon-cart, .icon-cart svg {
display: block;
height: 30px;
width: 30px;
float: right;
color: #FFF;
fill: #FFF;
border: none;
}
.icon-cart:hover, .icon-cart svg:hover {
fill: #f04f06;
color: #f04f06;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment