Produkteigenschaften als Liste

Shopware 5 Programmierung
1

Hallo,
ich benötige Eigenschaften die ich als Liste per CSS anpassen kann.
Kann mir jemand eine Info geben, wie ich den Code entsprechend anpassen muss?

{foreach $sArticle.sProperties as $sProperty}
{if $sProperty.name=="Features"}<li>{$sProperty.value}</li>{/if}
{/foreach}

Über Tipps & Hilfe würde ich mich sehr freuen.

2

Niemand eine Idee?

Würde mich sehr über Hilfe freuen.

3

Meinst du sowas?

    {block name='frontend_detail_description_properties'}
        {if $sArticle.sProperties}
            <ul>
                {foreach $sArticle.sProperties as $sProperty}
                    <li class="product--properties-row">
                        {* Property label *}
                        {block name='frontend_detail_description_properties_label'}
                            <span class="product--properties-label is--bold">{$sProperty.name|escape}:</span>
                        {/block}

                        {* Property content *}
                        {block name='frontend_detail_description_properties_content'}
                            <span class="product--properties-value">{$sProperty.value|escape}</span>
                        {/block}
                    </li>
                {/foreach}
            </ul>
        {/if}
    {/block}

Gruß
Marco

4

Hier werden mir die einzelnen Eigenschaften als Text ausgegeben ohne das ich diese einzeln per CCS ansprechen kann. Ich hätte auch nichts dagegen die einzeln ins Template einzufügen, wenn ich diese ausgeben kann.

5

Dann würde ich den Namen oder Value als CSS Klasse hinterlegen. In etwa so

<li class="product--properties-row
{$sProperty.name|escape}">

Hier müssen dann noch Sonderzeichen, etc. gefiltert werden. Aber damit kannst du je nach Eigenschaft die Darstellung per CSS anpassen.

6

Ja Anpassung von Sonderzeichen wäre ja kein Problem. Aber bleibt es bei einer anderen Ausgabe die ich mir Wünsche.

So ist es aktuell:

<div class="wrap features-list"> 
<li class="product--properties-row Features">Handgedruckt, Bio-Baumwolle, Fair Wear, Regular, Vintage Wash</li> 
</div>

Bräuchte es aber so:

<div class="wrap features-list"> 
<li class="product--properties-row">Handgedruckt</li>
<li class="product--properties-row">Bio-Baumwolle</li>
<li class="product--properties-row">Fair Wear</li>
<li class="product--properties-row">Regular</li>
<li class="product--properties-row">Vintage Wash</li> </div>
7

Ok, also willst du die Zeichenkette im Value trennen und als Liste darstellen. Das ist etwas anderes. Du kannst entweder das Komma durch ein Listenelement ersetzen oder mit explode die Zeichenkette in ein Array umwandeln und über eine weitere Schleife die einzelnen Werte mit einem Listenelement umgeben ausgeben.

Gruß
Marco

8

Danke die für die Info.

Array & Schleife werde ich aber wohl nicht hinbekommen.
Werde ich es wohl über jQuery machen.

9 
{foreach $sArticle.sProperties as $sProperty}
     <div class="wrap features-list"> 
        {* Property content *}
        {block name='frontend_detail_description_properties_content'}
            {foreach key=propertykey item=propertyvalue from=$sProperty.values}
 		        <li class="product--properties-row">{$propertyvalue|escape}</li>
	        {/foreach}
     	{/block}
     </div>
{/foreach}
10

Nice One. Danke dir. Perfekt so wie ich es benötige.

Danke, Danke.