Ostoskorisivulla esitetään asiakkaan ostoskorin sisältö.

Kuvaus

Ostoskorin tagit toimivat globaalisti, eli niitä voi käyttää millä tahansa sivulla. Eräs hyvä käytäntö on näyttää jokaisella sivulla jonkinlainen esikatselu ostoskorista (esim. {MiniCart}-tagilla) ja antaa perusteellisempi esitys ostoskorisivulla.

Ostoskorissa voidaan näyttää lisämyynnin edistämiseksi yhteensopivia ja samankaltaisia tuotteita sekä toiminnot ostoskorin jakamiseen.

Sivupohjan ominaisuudet

Sivupohjan sijainti
themes/shop/THEME/cart.html
Sivupohjan URL
/cart
Asetettu näkyvyys

Hyödyllisiä tageja

Toteutus oletusteemassa

{Helper(file:'helpers/header')}
<div id="SidebarBg" class="OmitRightSidebar">
	<div id="Main" class="clearfix">
		{Helper(file:'helpers/sidebar-left')}
		<div id="Primary" class="Column">
			<div id="PageHeader">
				<a class="Button CheckoutButton" href="/checkout/">{%OrderProducts}</a>
				{Path}
				<h1>{PageTitle}</h1>
			</div>
			<div class="Content">

				<form action="/cart/update/" method="post" id="CartForm">
					{Helper(file:'helpers/full-cart')}
				</form>

				<div id="SubmitCampaignCode" data-helper="full-cart" data-view="cart">
					{CampaignCode(
						mode: 'auto',
						action: 'cart',
						notifications: 'true',
						ajax: 'true'
					)}
				</div>

				<a class="Button CheckoutButton" href="/checkout/">{%OrderProducts}</a>

				<div id="CartShareButtons">
					<a href="#ShareCartLink" class="Button ShareButton" data-file="share-cart-link" id="ShowShareLink" title="{%CartShareLink}">
						<i></i>{%CartShareLink}
					</a>
					<a href="#SendCart" class="Button ShareButton" data-file="send-cart" id="ShowSendCart" title="{%CartShareSendToEmail}">
						<i></i>{%CartShareSendToEmail}
					</a>
					<div class="fb-share-button" data-href="{CartShareLink}" data-type="button" id="CartFbShare"></div>
				</div>
				<div id="fb-root"></div>
				<script>
					(function(d, s, id) {
						var langCode = ('{CurrentLanguageCode}' === 'fi') ? 'fi_FI' : 'en_US',
							js, fjs = d.getElementsByTagName(s)[0];
						if (d.getElementById(id)) return;
						js = d.createElement(s); js.id = id;
						js.src = "//connect.facebook.net/" + langCode + "/all.js#xfbml=1";
						fjs.parentNode.insertBefore(js, fjs);
					}(document, 'script', 'facebook-jssdk'));
				</script>

			</div>

			{CrossSaleProducts(
				type: 'normal',
				limit: 12,
				before: '
					<h2 class="BoxHeader Center">{%CrossSalesForCart}</h2>
					<div class="CrossSaleScroller">
						<div class="CrossSaleProducts">',
				after: '</div></div>',
				helper: 'helpers/listproduct',
				or: '
					{NewProducts(
						type: 'normal',
						timelimit: '-4 months',
						limit: 12,
						before: '
							<h2 class="BoxHeader Center">{%NewProducts}</h2>
							<div class="CrossSaleScroller">
								<div class="CrossSaleProducts">',
						after: '</div></div>',
						helper: 'helpers/listproduct'
					)}
				'
			)}

		</div>
	</div>
</div>
{Helper(file:'helpers/footer')}