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:

Weitere Länderflaggen für den Sprachwechsel hinzufügen

Einleitung Im Standard sind für den Sprachwechsel die Flaggen für Deutschland, Großbritannien, die Niederlade, Frankreich, Spanien und Italien hinterlegt. Um weitere Flaggen für die Auswahl bereitzustellen, sind 2 Theme-Anpassungen...

weiterlesen

Datenschutz Hinweis in die Registrierung einbauen

Einleitung An allen Stellen die personenbezogene Daten verarbeiten, solltest Du einen Hinweis auf die Datenschutzbestimmungen platzieren. Hier findest Du ein kleines Tutorial, wie Du einen solchen Hinweis in deinem Theme einbauen kannst. Als...

weiterlesen

Wie erstelle ich ein Support-Ticket

Vorwort Dieser Artikel beschreibt das Erstellen eines Support Tickets im Rahmen Deiner Support-Subscription und ist somit nur dann für Dich interessant, wenn Du eine aktive Support-Subscription gebucht hast. Bevor Du Dein Support-Ticket...

weiterlesen
€ 1,00

Preise inkl. gesetzlicher
MwSt. + Versandkosten*