# Verschieben von Blöcken in Dokumenten Templates

**URL:** <https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466>\
**Category:** Themes & Design\
**Tags:** programming, templates--design\
**Created:** [28. Juli 2021 um 22:13 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466 "2021-07-28T22:13:56Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [28. Juli 2021 um 22:13 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/1 "2021-07-28T22:13:56Z")

</div>

Hallo zusammen,  
ich versuche einen die Geschäftsadresse rechts über dem Kundennummer, Bestellnummer, Bestelldatum darstellen.

{% block document\_side\_info %}

```
<table>
    
{% block document_side_info_contents %}
	<p class="bold">Geschäftsadresse:</p>
	{{ config('core.basicInformation.address')|raw }}
        	{{ block('document_side_info_customer_number') }}
        	{{ block('document_side_info_order_number') }}
        	{{ block('document_side_info_order_date') }}
{% endblock %}

	</table><br/>

```

{% endblock %}

Leider schaffe ich es nicht. der gesamte Block wird immer nach links verschoben. Was mache ich falsch?

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [29. Juli 2021 um 10:20 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/2 "2021-07-29T10:20:57Z")

</div>

Hat keiner eine Idee, bzw. keiner ein ähnliches Problem gehabt?  
würde mir wirklich sehr weiterhelfen.

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [1. August 2021 um 16:30 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/3 "2021-08-01T16:30:59Z")

</div>

Gibt es einen Grund warum hier gar niemand auf meine Frage eingeht?

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [2. August 2021 um 09:29 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/4 "2021-08-02T09:29:45Z")

</div>

Ich denke du kannst dein Problem mit CSS lösen. Gib einfach mal deiner .bold Klasse die Eigenschaft text-align: right; Ich weiß ja nicht genau wie deine Klasse aussieht aber könnte dir schon helfen.

```auto
.bold {
     text-align: right;
}

```

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [2. August 2021 um 09:42 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/5 "2021-08-02T09:42:21Z")

</div>

```auto

```

Hallo @ninja,  
danke für die Antwort!  
die gesamte `<p>` Zeile kann ich versetzen (es gibt auch eine vordefinierte align-right Klasse), aber wenn ich diese Klasse auf den gesamten document\_side\_info\_contents-container anwenden möchte, funktioniert es nicht und wenn ich jede einzelne Zeile in mit einem

element umhülle und jedem die Klasse zuweise, funktioniert es auch nicht. Wenn ich aber die Zeilen :

```auto
<p class="bold">Geschäftsadresse:</p>
{{ config('core.basicInformation.address')|raw }}

```

lösche, dann sind die restlichen Zeilen auf der rechten Seite (ohne das ich eine extra klasse/css Anweisung dafür brauche). es scheint für mich so, als ob die Informationen der Zeile:  
`{{ config('core.basicInformation.address')|raw }}`  
immer nur auf der linken Seite angezeigt werden.  
BG,  
David

```auto

```

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [2. August 2021 um 11:10 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/6 "2021-08-02T11:10:52Z")

</div>

> [@davUrban25](#):
>
> ```auto
> <p class="bold">Geschäftsadresse:</p>
> {{ config('core.basicInformation.address')|raw }}
> 
> ```

Hast du das mal versucht:

```auto
<p class="bold">Geschäftsadresse:
    {{ config('core.basicInformation.address')|raw }}
</p>

```

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [2. August 2021 um 12:21 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/7 "2021-08-02T12:21:04Z")

</div>

Hallo,  
habe ich gerade versucht, funktioniert nicht. "Geschäftsadresse: " steht rechts, alles andere steht links.  
wenn ich dann den gesamten `<p>`block wegnehme, steht alles wieder rechts.

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [2. August 2021 um 12:25 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/8 "2021-08-02T12:25:37Z")

</div>

sobald ich, egal was, zu dem `{% block document_side_info_contents %}` hinzufüge, wandert alles nach links und ich schaffe es nicht die Elemente außer "Geschäftsadresse: " selber, wieder nach rechts zu befördern.

---

<div class="post-metadata">

**Author:** ![drakon](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/drakon/32/7724_2.png) [@drakon](https://forum.shopware.com/u/drakon)\
**Post date:** [2. August 2021 um 13:38 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/9 "2021-08-02T13:38:33Z")

</div>

Sag mir bitte, dass das nicht nur ein HTML-Problem ist. Hast Du tatsächlich nur Absätze (

-Tags) in der Tabelle? Keine Tabellenzellen ()? Oder fehlt da ein Teil der Information?

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [2. August 2021 um 14:26 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/10 "2021-08-02T14:26:04Z")

</div>

Hallo @drakon,  
ich verstehe deine Frage nicht ganz, der gesamte Block sieht so aus:

```auto
{% block document_side_info %}
	<table>

	{% block document_side_info_contents %}

            	{{ block('document_side_info_date') }}
            	{{ block('document_side_info_customer_number') }}
            	{{ block('document_side_info_order_number') }}
            	{{ block('document_side_info_order_date') }}

	{% endblock %}
    	</table><br/>
{% endblock %}

```

Diesen Block würde ich gerne um die Überschrift "Geschäftsadresse: " und die tatsächlichen Geschäftsdaten erweitern.  
Mein Versuch:

```auto
        <p class="bold">Geschäftsadresse:</p>
        {{ config('core.basicInformation.address')|raw }}

```

zwischen  
`{% block document_side_info_contents %}`  
und  
`{{ block('document_side_info_date') }}`  
einzufügen, erweitert das Pdf dann zwar um die eingesetzte Information, jedoch stimmt die Formatierung dann nicht mehr. Jeder Versuch die Formatierung (der Block soll auf der rechten Seite bleiben) wiederherzustellen ist bisher fehlgeschlagen.  
ich habe bereits versucht:  
jede einzelne Zeile in einen

-Block zu hüllen-\>funktioniert nicht  
den gesamten container in einen

-Block zu hüllen-\> funktioniert nicht

sobald eine weitere Zeile zu

```auto
{% block document_side_info %}
	<table>

	{% block document_side_info_contents %}

            	{{ block('document_side_info_date') }}
            	{{ block('document_side_info_customer_number') }}
            	{{ block('document_side_info_order_number') }}
            	{{ block('document_side_info_order_date') }}

	{% endblock %}
    	</table><br/>
{% endblock %}

```

hinzugefügt wird, ist der gesamte Container auf den linken rand verschoben. Nur mein eigener Text("Geschäftsadresse: ") wird, wenn entsprechend formatiert rechts dargestellt.  
BG

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [2. August 2021 um 14:27 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/11 "2021-08-02T14:27:59Z")

</div>

zur weiteren Klarstellung, es handelt sich hierbei um das Invoice Dokument.

---

<div class="post-metadata">

**Author:** ![davUrban25](https://avatars.discourse-cdn.com/v4/letter/d/f6c823/32.png) [@davUrban25](https://forum.shopware.com/u/davUrban25)\
**Post date:** [2. August 2021 um 14:33 UTC](https://forum.shopware.com/t/verschieben-von-bloecken-in-dokumenten-templates/89466/12 "2021-08-02T14:33:14Z")

</div>

wenn ich zb. ein style\_base\_portrait.css.twig erstelle (,in den Ordner /custom/plugins/ _YourTheme_ /src/Resources/views/storefront/views/documents) und den .side-info-container direkt verschieben möchte, wird gar kein pdf mehr erstellt.
