Kassan sivupohja, jossa asiakas voi syöttää asiakastietonsa, jos ei ole kirjautunut sisään verkkokauppaan.

Kuvaus

Tämä sivupohja on monivaiheisen kassan 2. vaihe.

Sivupohjan on aina sisällettävä <form>-elementti, joka lähetetään POST-pyyntönä osoitteeseen /checkout/. Kassan lomaketagit sijoitetaan lomakkeen sisään.

Asiakastietojen syötelomake ja syötetyt asiakastiedot tulostetaan käyttämällä tagia {CheckoutBillingAddress} tai {CheckoutShippingAddress} (riippuen siitä, halutaanko pyytää myös erillistä toimitusosoitetta).

MyCashflow'n teemajärjestelmässä on myös omat sivupohjat asiakastietojen ja toimitustietojen syöttämiseksi ja muokkaamiseksi. Tämä sivupohja voi toimia välisivuna, jolta asiakas voi siirtyä muokkaamaan yhteystietojaan erillisille sivuille.

Sivupohjan ominaisuudet

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

Hyödyllisiä tageja

Toteutus oletusteemassa

{Helper(file:'checkout/header')}
{CheckoutNavigation}
<div id="MultiPageCheckout" class="clearfix">

	<form action="/checkout/" method="post">

		{Helper(
			case: 'CustomerNotLogged',
			file: '{{

				<!-- User is not logged, use forms to input addresses -->

				{CheckoutBillingAddress(
					mode: 'form',
					notifications: 'false',
					before:	'
						<div class="FormItem HeaderItem">
							<h2>{%CheckoutCustomerInformation}</h2>
							<p>{%CheckoutBillingAddressIntro}</p>
						</div>
						<fieldset id="CheckoutBillingAddress">
					',
					after: '</fieldset>'
				)}

				{CheckoutShippingAddress(
					mode: 'form',
					notifications: 'false',
					before: '
						<div class="FormItem HeaderItem">
							<h2>{%CheckoutShippingAddress}</h2>
							<p>{%CheckoutShippingAddressIntro}</p>
						</div>

						{Notifications(name:'CustomerShippingAddressError')}

						<div class="FormItem CheckWrap" id="CheckoutShippingAddressToggle">
							<div class="Checks">
								<label>
									<input type="checkbox" /> {%CheckoutShippingAddressToggle}
								</label>
								<p class="FormHelp" id="RemoveShippingAddress"><a href="#">{%RemoveShippingAddress}</a></p>
							</div>
						</div>

						<fieldset id="CheckoutShippingAddress">
					',
					after: '</fieldset>'
				)}

			}}'
		}

		{Helper(
			case: 'CustomerLogged',
			file: '{{

				<!-- User is logged, use preview and address book -->

				{CheckoutBillingAddress(
					before:	'
						<div class="FormItem HeaderItem">
							<h2>{%CheckoutCustomerInformation}</h2>
							<p>{%CheckoutBillingAddressIntro}</p>
						</div>
						<div class="FormItem">
						<p>
					',
					after: '<br><a href="/checkout/customer_information">{%Edit}</a></p></div>'
				)}

				{CheckoutShippingAddress(
					mode: 'select',
					before: '
						<div class="FormItem HeaderItem">
							<h2>{%CheckoutChooseShippingAddress}</h2>
							<p>{%CheckoutChooseShippingAddressIntro}</p>
						</div>
						<fieldset id="CheckoutAddressBook">',
					after: '</fieldset>'
				)}

			}}'
		}

		<div class="FormItem FormSubmit">
			<button type="submit" class="SubmitButton">{%CheckoutContinue}</button>
		</div>

	</form>

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