Attribute Formatieren

Shopware 5 Themes & Design
1

Hallo.

Ich habe über {extends file=„parent:frontend/detail/index.tpl“} die Freitextfelder 1-20 die die Detailseite gebracht.

{extends file=„parent:frontend/detail/index.tpl“}
 
 Hier ist der Code:
 

{* Product attributes fields *}
{block name='frontend_detail_data_attributes' append}
{* Product attribute 4 *}
        {if $sArticle.attr4}
            
                
                    {s name="DetailAttributeField4Label"}{/s}:
                

                
                    {$sArticle.attr4|escape}
                
            
        {/if}

{/block}

Nun habe ich ein Problem.  Einige der ausgefüllten Freitexte aus dem Backend sind sehr Lang.
Die im Shop-Backend hinterlegten Textbausteine für die Felder bekommen im Frontent einen Zeilenumbruch. Die Freitext-Felder-Inhalte allerdings leider nicht, so das der Text dann umbricht und sich über die gesamt Blockbreite zieht. Leider finde ich nicht heraus, wie ich dies formatieren muss. Ich denke ich muss in der detail.less in meinem Theme den Style verändern nur weiß ich leider nicht wie. Ich hoffe Ihr könnt mir hier helfen.

Anbei einmal ein Bild, damit Ihr versteht was ich meine.

 

Ich bin am verzweifeln.

ps. Habe in der Forum- und Google-Suche leider keine Infos gefunden die mir helfen würden. Über jede Hilfe wäre ich dankbar.

2

So, ich habe es gelöst. Nicht mit finess, und es muss noch etwas daran gemacht werden, aber die von Euch, die das gleiche Problem haben und keine Programmierer sind; so habe ich es gelöst:

in der index.pls unter eigenem Theme in Fontend/Detail/index.tpl habe ich folgendes Code erstellt:

{* Product attributes fields *}
{block name='frontend_detail_data_attributes' append}
  

{* Material Product attribute 4 *}
        {if $sArticle.attr4}
        {* wortlaenge *}
        {assign var="zeichenCharCount" value=$sArticle.attr4|count_characters}
        {* required itemprop condition *}
        {if $zeichenCharCount <= 32}
        
        {elseif $zeichenCharCount >= 60}
        
        {else}
        
        {/if}
            
                    {s name="DetailAttributeField4Label"}{/s}:
                

                
                    {$sArticle.attr4|escape}
                
            
           
        {/if}

        {/if}                       
        {/block}

Hier werden die Anzahl der Zeichen gezählt, die ich in diesem Fall im attr4 Freifeld bei der Artikelerstellung eingetragen habe und je nach Zeichenlänge wird eine andere Style-Klasse herausgegeben.

Dann im eigenen Theme habe ich in module/detail.less die Sache so gelößt:

.entry-attribute {
    .unitize-padding(5, 0, 5, 0);
}

.entry-attribute8 {
    .unitize-margin(0, 0, 20, 0);
}

.entry-attribute9 {
    .unitize-margin(0, 0, 30, 0);
}

.entry--content {
	position:absolute;
    .unitize-margin(0, 0, 0, 50);
}

.entry--content--ener{
	.unitize(font-size, 10);
	}
	
.product--details .product--base-info {	
	.unitize(font-size, 12);
	}

Wie schon gesagt, es muss noch etwas daran gemacht werden und dann auf die verschiedenen Viewports abgestimmt werden.

 

Über Tipps und Verbesserungsvorschläge bin ich natürlich immer gerne offen :slight_smile:

Bin ja kein Programmierer :slight_smile:

 

ps. Oh, die detail.less muss dann noch in der all.less importiert werden.