[ANLEITUNG] Spaltenbreiten der Versandkosten Matrix ändern

Ich hatte das Problem, dass mir die voreingestellten Anzeigen der Spaltenbreiten der Versandkosten und Lieferzeit Matrix die Gambio vor gibt nicht gefallen haben.

Die Ausgabe im Shop sieht standart gemäß so aus:



Meine Versandkosten richten sich nach dem Gewicht der Sendung.

Die Matrix Funktion ist nicht schlecht um den Kunden die Versandkosten und Lieferzeiten anzuzeigen.
Wie zu sehen ist, macht Gambio wegen der zu geringen Spaltenbreite einen Zeilenumbruch, was optisch natürlich nicht mehr gut aussieht.

Die Formatierung läßt sich in der Datei
/templates/EyeCandy/module/shipping_and_payment_matrix.html anpassen.

So sieht die Original Datei aus:

Code:

{load_language_text section="shipping_and_payment_matrix"}
<h1>{$content_data.heading}</h1>
<table cellpadding="5" cellspacing="0" border="0" id="shipping_and_payment_matrix">
    <tr>
        <th>{$txt.shipping_countries}</th>
        <th>{$txt.shipping_costs}</th>
        <th>{$txt.shipping_time}</th>
        <th>{$txt.payment_methods}</th>
    </tr>
    {foreach item=row from=$content_data.content}
    <tr>
        <td>{$row.country}</td>
        <td>{$row.shipping_info|nl2br}</td>
        <td>{$row.shipping_time|nl2br}</td>
        <td>{$row.payment_info|nl2br}</td>
    </tr>
    {/foreach}
</table>

Modifiziren könnt Ihr die Spaltenbreite so:

Code:

{load_language_text section="shipping_and_payment_matrix"}
<h1>{$content_data.heading}</h1>
<table cellpadding="5" cellspacing="0" border="0" id="shipping_and_payment_matrix">
    <colgroup>
        <col width="200">
        <col width="170">
        <col width="100">
        <col width="auto">
      </colgroup>
    <tr>
        <th>{$txt.shipping_countries}</th>
        <th>{$txt.shipping_costs}</th>
        <th>{$txt.shipping_time}</th>
        <th>{$txt.payment_methods}</th>
    </tr>
    {foreach item=row from=$content_data.content}
    <tr>
        <td>{$row.country}</td>
        <td>{$row.shipping_info|nl2br}</td>
        <td>{$row.shipping_time|nl2br}</td>
        <td>{$row.payment_info|nl2br}</td>
    </tr>
    {/foreach}
</table>

Die Tabelle besteht aus 4 Spalten, dementsprechend werden also auch 4 "col width" (Breiten) Angaben benötigt, die Ihr mit Hilfe des Codes "colgroup" anpassen könnt.

Die 1. Spalte hat bei mir eine Breite von 200px., die zweite 170px und die dritte 100px. Bei der letzten Spalte habe ich mich für den Befehl "auto" entschieden. Damit wird dann je nach Ausgabegröße die letzte Breite automatisch ermittelt, sodass die Tabelle in voller Breite angezeigt bleibt.

Nun sieht das Ganze wie folgt aus:


Wenn Ihr die Datei shipping_and_payment_matrix.html bearbeitet, dann macht Euch am Besten ein Backup der Original Datei. Speichern müsst Ihr die bearbeitete Datei unter gleichem Namen. Macht euch aber zusätzlich noch ein weiteres Backup der überarbeiteten Datei die Ihr als USERMOD Endung abspeichert, für den Fall der Fälle das bei Shopupdates mal die angepasste shipping_and_payment_matrix.html überschrieben wird, dann ist es mehr oder weniger updatesicher, da ihr das Backup der USERMOD Datei wieder verwenden könnt.

Die Spaltenbreiten könnt Ihr jetzt natürlich Eueren Bedürfnissen individuell anpassen.

Ich hoffe der Thred war hilfreich. Da ich im Forum noch nichts dazu gefunden habe, dachte ich mir, dass ich Euch diese Anleitung kurz vorstelle, da die Lösung des Problems recht simpel ist.

PS: CACHE für die Seitenausgabe leeren nicht vergessen, sonst wird die Änderung nicht angezeigt!