Boxenbreite verändern

[skiathos]

Hallo zusammen,

stelle gerade meinen bisherigen Shop auf XTC modified um und bin somit ein absoluter Anfänger bei diesem Shopsystem.
Zunächst würde ich mich über eine kurze Anleitung freuen, wie ich die Boxenbreite inkl. der Eintragsfelder (z.B beim Newsletter ändern kann?
Vielen Dank im Voraus.

Skiathos



Linkback: https://www.modified-shop.org/forum/index.php?topic=2462.0

[Tomcraft]

Dazu hast du in der stylesheet.css die folgenden Werte:

Code: CSS  [Auswählen]

/* LEFT COLUMN */
#leftcol {
        float:left;
        width:200px;
        padding:0px 0px 15px 0px;
}
/* RIGHT COLUMN */
#rightcol {
        float:right;
        width:200px;
        padding:0px 0px 15px 0px;
}
 

Wenn du die vergößerst musst du jedoch noch zusätzlich den #wrap und #contentwrap um die Summe der Zunahme der beiden Werte vergrößern, damit es wieder passt.

Beispiel, du willst 300px breite Boxen haben, dann:

Code: XML  [Auswählen]

/* LEFT COLUMN */
#leftcol {
        float:left;
        width:300px;
        padding:0px 0px 15px 0px;
}
/* RIGHT COLUMN */
#rightcol {
        float:right;
        width:300px;
        padding:0px 0px 15px 0px;
}
 

Damit hat sich dein Shop um 200px gesamt verbreitert und demnach musst du noch folgendes ändern.

Suche in der stylesheet.css:

Code: CSS  [Auswählen]

/* WHOLE SITE WRAPPER */
#wrap {
        margin: 0 auto;
        width:980px;
        background-color:#fff;
        border-style:solid;
        border-color:#fff;
        border-width:0px 10px 10px 10px;
        margin-bottom:10px;
}

[...]

/* CONTENT WRAPPER */
#contentwrap {
        clear:both;
        width:980px;
        padding:0;
}
 

Und ersetze mit:

Code: CSS  [Auswählen]

/* WHOLE SITE WRAPPER */
#wrap {
        margin: 0 auto;
        width:1180px;
        background-color:#fff;
        border-style:solid;
        border-color:#fff;
        border-width:0px 10px 10px 10px;
        margin-bottom:10px;
}

[...]

/* CONTENT WRAPPER */
#contentwrap {
        clear:both;
        width:1180px;
        padding:0;
}
 

Das Forlumarfeld in der Newsletter-Box kannst du verbreitern, indem du in der Datei /templates/xtc5/source/boxes/newsletter.php die Zeile suchst:

Code: PHP  [Auswählen]

$box_smarty->assign('FIELD_EMAIL',xtc_draw_input_field('email', '', 'maxlength="50" style="width:170px;"'));
 

und ersetzt durch:

Code: PHP  [Auswählen]

$box_smarty->assign('FIELD_EMAIL',xtc_draw_input_field('email', '', 'maxlength="50" style="width:270px;"'));
 

Grüße

Torsten

[skiathos]

Hallo Torsten,

vielen Dank für Deine Hilfe. Werde mich gleich an die Arbeit machen.

Gruß
Skiathos

[guensi]

Wo was umgestellt wird dürfte damit klar sein. Aber das Ergebnis solltest du dir auf möglichst vielen Auflösungen mal anschauen. Auf einer 1024x768er Auflösung wirst du damit unweigerlich horizontale Scrollbalken kriegen.
Muss jeder wissen für welche Auflösung er optimiert. Aber den Breitenzuwachs der Boxen kannst du im stylesheet.css auch durch Reduzierung der Content-Breite kompensieren. Damit bliebe die Originalbreite deiner Seite erhalten.
Einfach mal testen und das für dich optimale Ergebnis wählen.

[skiathos]

Hallo guensi,

vielen Dank für Deine Anmerkung. Torsten geht im Beispiel von einer Verbreiterung der Box aus, ich möchte die Boxen jedoch minimal verkleinern. Mit dem Beispiel von Torsten ist mir somit bestens geholfen.

Gruß

Skiathos