EyeCandy-Template 3-spaltig machen
Mit einem Tipp vom Steffen (indiv-style.de) lässt sich das EyeCandy-Template mit 2 Handgriffen dreispaltig machen.
Datei: /templates/EyeCandy/index.html
Das suchen:
PHP-Code:
<div id="main" class="clearfix">
{if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if}
<div id="main_inside">
{$IMGSLIDER}
{$main_content}
</div>
</div>
<div id="left" class="clearfix">
{gm_menuboxes first=1 last=100 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
{gm_menuboxes first=101 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
</div>
Ersetzen durch:
PHP-Code:
<div id="dreiright" class="clearfix">
{gm_menuboxes first=101 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
</div>
<div id="main" class="clearfix">
{if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if}
<div id="main_inside">
{$IMGSLIDER}
{$main_content}
</div>
</div>
<div id="left" class="clearfix">
{gm_menuboxes first=1 last=100 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
</div>
Neue Datei anlegen: dreispaltig.css
Datei mit folgendem Inhalt füllen:
Code:
/*
Document : dreispaltig
Created on : 06.01.2013, 12:24:26
Author : www.indiv-style.de
Description:
Purpose of the stylesheet follows.
*/
#main {
float: right;
margin-left: 10px;
margin-top: 10px;
width: 570px;
}
#dreiright {
float: right;
margin: 10px 0;
position: relative;
width: 200px;
}
.article-list.cols .article-list-item {
width: 183px;
}
.shopping_cart, .account, .article-list .article-list-item-right, .future_products{
width: 550px;
}
.order_payment, .order_shipping, .checkout_paypal, .order_confirm, .order_thanks, .checkout_paypal {
width: 550px;
}
.order_payment textarea.withdrawal_textarea, .order_payment textarea.agb_textarea, .order_payment #comments_textarea, .checkout_paypal #comments_textarea {
width: 486px;
}
.order_payment .accept_box
{
width: 490px;
}
.cols2 .col {
width: 270px;
margin-right: 10px;
}
Die Datei speichern und hochladen in /templates/EyeCandy/usermod/css/
Cache leeren nicht vergessen!
AW: EyeCandy-Template 3-spaltig machen
Super vielen Dank
funktioniert prima.
Gruß
Peter
AW: EyeCandy-Template 3-spaltig machen
Ich habe soeben mein Template auch auf 3 Spalten umgestellt. Das hat soweit funktioniert, allerdings sitzt die rechte Spalte sehr weit links, wodurch auch Texte abgeschnitten werden. Wie kann man das ändern? Anhang 320
AW: EyeCandy-Template 3-spaltig machen
Leider sehe ich kein Bild! Bitte wiederhole das Hochladen deines Screenshots.
Hier eine Kurzanleitung dazu: https://ecomservice.interfile.de/threads/993
AW: EyeCandy-Template 3-spaltig machen
Es hat sich bereits erledigt... ich habe die Breite des Shops etwas verändert und den Code für die "dreispaltig.css". Trotzdem danke! :-)
AW: EyeCandy-Template 3-spaltig machen
Hallo habe auch mein Shop jetzt dreispaltig erstellt geht soweit auch alles nur habe ich das Problem wie auf dem Bild dargestellt. Was muss ich da noch ändern?
Anhang 341
AW: EyeCandy-Template 3-spaltig machen
Auch hier gilt:
Leider sehen wir kein Bild! Bitte wiederhole das Hochladen deines Screenshots.
Hier eine Kurzanleitung dazu: https://ecomservice.interfile.de/threads/993
Liste der Anhänge anzeigen (Anzahl: 1)
AW: EyeCandy-Template 3-spaltig machen
AW: EyeCandy-Template 3-spaltig machen
AW: EyeCandy-Template 3-spaltig machen
URL ? Dann könnte man mehr sehen ...