Last active
August 29, 2015 14:08
-
-
Save jessedobbelaere/4390a537adf56557f69d to your computer and use it in GitHub Desktop.
Fork CMS Triton with shopping cart & profiles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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