Statt Eigenschaft im Klartext eine Grafik anzeigen

Shopware 5 Themes & Design
1

Ich wollte in der Artikelbeschreibung unten statt der Tabelle mit der Auflistung der Eigenschaften lieber passende Grafiken anzeigen. Hier für den nächsten mit dem gleichen Problem die Lösung dafür. Hat den Charme, daß die Filter wie gewohnt funktionieren, was bei dem Hack mit dem html code als Eigenschaftstext nicht der Fall ist. Die Grafik wird nur angezeigt, wenn das Bild existiert. Das Bild muß nach folgendem Schema benannt sein: eigenschaft_.png

Außerdem muß ein Textbaustein für die Überschrift im Backend angelegt werden (“DetailDescriptionHeaderProperties”).

Hier der Code, der den entsprechenden Block in /detail/tabs/description.tpl ersetzt (wie gehabt, eigenes Template anlegen und so)

        {* Properties *}
        {block name='frontend_detail_description_properties'}
            {if $sArticle.sProperties}
				<p> </p>
				<div class="content--title">
					{* Textbaustein neu eingefügt über das Backend *}
					{s name="DetailDescriptionHeaderProperties"}{/s} 	
				</div>
				<span style="white-space: nowrap;">
					<table border="0"><tr>
						{* Über die Gruppen laufen *}
                        {foreach $sArticle.sProperties as $sProperty}											
							{* Über die Eigenschaften laufen *}
							{foreach $sProperty.values as $sPropertyItem}
							    {* Da Eigenschaften in mehreren Gruppen vorkommen können, Dubletten verwerfen*}
								{if !$my_done.$sPropertyItem}
									{$my_done.$sPropertyItem = 1}
									{* Hier muß das document root angegeben werden, sonst funzt die Prüfung nicht *}
									{$my_image_file="{$smarty.server.DOCUMENT_ROOT}media/image/eigenschaft_{$sPropertyItem}.png"}
									{* nur wenn es auch ein Bild gibt, das Bild einbinden *}
									{if file_exists({$my_image_file})}								
										<td><img src="/media/image/eigenschaft_%7B%24sPropertyItem%7D.png" alt="{$sPropertyItem}" title="{$sPropertyItem}"></td>  	
									{/if}
								{/if}
							{/foreach}
                  {/foreach}
					</tr></table>
				</span>
				<p> </p>
            {/if}
        {/block}

Viele Grüße,

alDente