Verschieben von Blöcken in Dokumenten Templates

Shopware 6 (German) Themes & Design
,
1

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?

2

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

3

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

4

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.

.bold {
     text-align: right;
}
5

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 :

<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

6

Hast du das mal versucht:

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

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.

8

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.

9

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?

10

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

{% 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:

        <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

{% 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

11

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

12

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.