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:

Artikel-Attribute und Eigenschaften in die Suche einbeziehen

Vorwort Ab Shopware 5.1.0 hast Du die Möglichkeit direkt im Shopware Core die Frontend-Suche um die Freitextfelder zu erweitern. Zusätzlich kannst Du mit der Intelligenten Suche die Frontend-Suche auch um die Eigenschaften / Filter erweitern....

weiterlesen

Datenschutz Hinweis in die Blog-Kommentare 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

Tutorial: Abweichendes Detailseiten-Template erstellen

In diesem Tutorial zeigen wir Dir, wie Du Deinen Artikeln abweichende / verschiedene Templates zuordnen kannst. Alternativ zur Templateentwcklung per Attribut kann auch diese Option genutzt werden, um Artikel mit einem anderen Template zu...

weiterlesen
€ 1,00

Preise inkl. gesetzlicher
MwSt. + Versandkosten*