Tutorial: Zahlungsstatus von Bestellungen im Frontend anzeigen

Achtung! Die hier zur Verfügung gestellten Informationen wurden zum Zeitpunkt der Veröffentlichung dieses Artikels getestet, können sich zwischenzeitlich aber geändert haben. Die Durchführung dieses Tutorials geschieht auf eigene Gefahr! Lege Dir vor der Durchführung ein Backup an, sodass Du dieses im Zweifel zurückspielen kannst. Beachte, dass es sich hier um Anpassungen von Shopware handelt und der Inhalt dieses Tutorials daher nicht offiziell supportet wird!

Vorwort

In diesem Artikel erklären wir Dir, wie Du den Zahlstatus einer Bestellung im Benutzer Account im Frontend anzeigen kannst.

Status im Frontend bereitstellen

Am einfachsten kannst Du den Zahlstatus im Frontend unter dem Bestellstatus bereitstellen. Erweiter hierzu die "order_item.tpl" in Deinem eigenen Theme unter: /themes/Frontend/EIGENERTHEMENAME/frontend/account/. Dort kannst Du dann den folgenden Block mit dem Zahlstautstatus erweitern:

 
{extends file="parent:frontend/account/order_item.tpl"}
 
{block name="frontend_account_order_item_status_value"}
	{$smarty.block.parent}
	<div class="column--value">
		<span class="order--status-icon status--{$offerPosition.cleared}"></span>
		{if $offerPosition.cleared==9}
			{s name="partially_invoiced"}Teilweise in Rechnung gestellt{/s}
		{elseif $offerPosition.cleared==10}
			{s name="completely_invoiced"}Komplett in Rechnung gestellt{/s}
		{elseif $offerPosition.cleared==11}
			{s name="partially_paid"}Teilweise bezahlt{/s}
		{elseif $offerPosition.cleared==12}
			{s name="completely_paid"}Komplett bezahlt{/s}
		{elseif $offerPosition.cleared==13}
			{s name="1st_reminder"}1. Mahnung{/s}
		{elseif $offerPosition.cleared==14}
			{s name="2nd_reminder"}2. Mahnung{/s}
		{elseif $offerPosition.cleared==15}
			{s name="3nd_reminder"}3. Mahnung{/s}
		{elseif $offerPosition.cleared==16}
			{s name="encashment"}Inkasso{/s}
		{elseif $offerPosition.cleared==17}
			{s name="open"}Offen{/s}
		{elseif $offerPosition.cleared==18}
			{s name="reserved"}Reserviert{/s}
		{elseif $offerPosition.cleared==19}
			{s name="delayed"}Verzoegert{/s}
		{elseif $offerPosition.cleared==20}
			{s name="re_crediting"}Wiedergutschrift{/s}
		{elseif $offerPosition.cleared==21}
			{s name="review_necessary"}Überprüfung notwendig{/s}
		{/if}
	</div>
{/block}
 


Icon korrekt zuweisen

Damit nun noch das entsprechende Icon neben dem Status angezeigt wird musst Du noch ein paar Anpassungen am Style vornehmen. Wenn Du in LESS erfahren bist, kannst Du wie gewohnt deine Anpassungen an den LESS Datein vornehmen. Solltest Du nur diese Anpassungen vornehmen möchten, so kannst Du folgenden Code in eine all.less in dem Verzeichnis /themes/Frontend/EIGENERTHEMENAME/frontend/_public/src/less hinzufügen:

 
.order--status-icon {
	&.status--9, //partially_invoiced
	&.status--10, //completely_invoiced
	&.status--11, //partially_paid
	&.status--13, //1st_reminder
	&.status--14, //2nd_reminder
	&.status--15, //3nd Reminder
	&.status--17, //open
	&.status--18, //reserved
	&.status--19{ //delayed
		background: @highlight-info;
	}
 
	&.status--12, //completely_paid
	&.status--20{ //re_crediting
		background: @highlight-success;
	}
 
	&.status--16, //encashment
	&.status--21{ //review_necessary
		background: @highlight-error;
	}
}
 

Wenn Du nach der Anpassung den Cache leerst und Dein Theme neu kompilierst wird der Zahlstatus wie folgt im Frontend angezeigt:

Weitere interessante Artikel:

Versandart Abholung anbieten

Wenn Du die Versandart "Abholung" anbieten möchtest, soll Dein Kunde im Normalfall keine Versandkosten bezahlen. Zahlungsarten-Aufschläge sind jedoch sinnvollerweise zu entrichten. In dieser Dokumentation erklären wir Dir, wie Du die Versandart...

weiterlesen

Backend-Passwort zurücksetzen

Vorwort Um das Backend Passwort zurückzusetzen, benötigst Du Zugriff auf Deine Shopware-Datenbank oder Zugriff via SSH auf Deinen Shop. {{Achtung|'''Achtung!''' Die hier zur Verfügung gestellten Informationen wurden zum Zeitpunkt der...

weiterlesen

Lieferzeit in der sORDER-Bestätigungs-E-Mail anzeigen

{{Achtung|'''Achtung!''' Die hier zur Verfügung gestellten Informationen wurden zum Zeitpunkt der Veröffentlichung dieses Artikels getestet, können sich zwischenzeitlich aber geändert haben. '''Die Durchführung dieses Tutorials geschieht auf...

weiterlesen
€ 1,00

Preise inkl. gesetzlicher
MwSt. + Versandkosten*