TEMPLATE: Kostenloses Template "Light Size" für modified eCommerce Shopsoftware

[DokuMan]

Zufällig gefunden:

Template jgruen_2015

Demo: http://demo2.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/index.php?tpl=jgruen_2015
Download: https://(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/downloads/jgruen_2015.zip

Template jbluebar_nav_hori

Demo: http://demo2.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/index.php?tpl=jbluebar_nav_hori
Download: https://(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/downloads/jblubar_beta1.zip

Template technikstore

Demo: http://demo2.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/index.php?tpl=testore
Download: https://(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/downloads/technikstore.zip

Template colorful_silver

Demo: Keine Demo vorhanden
Download: https://(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))/downloads/colorful_silver.zip

[EDIT Tomcraft 26.10.2016: Links korrigiert.]

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

[Tomcraft]

Dankeschön!

Grüße

Torsten

[daluniz]

Hallo...
ich hab ein großes problem.. ich habe das light size template installiert doch leider ist das aussehen der kasse nicht so toll.

[ Für Gäste sind keine Dateianhänge sichtbar ]

kann man dies abändern damit es wie beim xtc5 template aussieht !?!?

[ Für Gäste sind keine Dateianhänge sichtbar ]

[SmilingShops]

Hallo,
füge das in Deine stylsheet.css über @media print (fast ganz unten):

Code: CSS  [Auswählen]

 /* CHECKOUT NAVIGATION */
ul#checkoutnavigation {
        margin:0;
        padding:0;
        margin-top:15px;
}
ul#checkoutnavigation li {
        height: 70px;
        list-style-type:none;
        float:left;
        width:195px;
        margin-right:15px;
        border: solid 1px;
        padding:8px;
}
ul#checkoutnavigation li.active {
        background-color: #f8f8f8;
}
ul#checkoutnavigation li.active .number {
        font-size:20px;
        font-weight:bold;
}
ul#checkoutnavigation li.active .title {
        font-size:14px;
        font-weight:bold;
}
ul#checkoutnavigation li.active .description {
        font-size:11px;
}
ul#checkoutnavigation li.inactive {
        color:#999;
        background-color: #EDEDED;
        border-color:#999;
}
ul#checkoutnavigation li.inactive .number {
        font-size:20px;
        font-weight:bold;
}
ul#checkoutnavigation li.inactive .title {
        font-size:14px;
        font-weight:bold;
}
ul#checkoutnavigation li.inactive .description {
        font-size:11px;
}


 div.highlightbox {
        padding: 15px;
        background-color:#f8f8f8;
        border: solid #d9d9d9 1px;
        overflow:auto;
}
div.highlightbox ul {
        margin-left:15px;
        padding:0;
        display:block;
        list-style-type:square;
        line-height:20px;
}
div.highlightbox h1 {
        color: #893769;
        padding:0px 0px 10px 0px;
        margin:0;
        border:none;
        font-size:16px;
}
div.highlightbox div.hr {
        height:1px;
        line-height:1px;
        margin:0;
        padding:0;
        display:block;
        border-bottom: solid 1px #eee;
}
/* PAYMENT TYPE SELECTION */
table.paymentblock {
        background-color:#f8f8f8;
        border: #eee solid;
        border-width:0px 1px 1px 1px;
        margin-bottom:15px;
}
table.paymentblock tr td.header {
        background-color:#ccc;
        padding:2px;
        padding-left:5px;
        color:#fff;
        font-weight:bold;
}
/* SHIPPING TYPE SELECTION */
table.shippingblock {
        background-color:#f8f8f8;
        border: #eee solid;
        border-width:0px 1px 1px 1px;
        margin-bottom:15px;
}
table.shippingblock tr td.header {
        background-color:#ccc;
        padding:2px 2px 2px 5px;
        color:#fff;
        font-weight:bold;
}
table.shippingblock tr td {
        vertical-align:top;
}
table.shippingblock tr td.description {
        width:100%;
        vertical-align:top;
        padding-left:6px;
}
table.shippingblock tr td.radiobutton {
        vertical-align:top;
        white-space:nowrap;
        padding:4px;
}
table.shippingblock tr td.radiobutton input {
        margin:0;
        padding:0;
}
table.shippingblock tr td.price {
        vertical-align:top;
        white-space:nowrap;
}
/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {
        vertical-align:top;
}
table.accounthistoryinfoorderdetails tr.header td {
        font-weight:bold;
}
/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {
        width:130px;
}
/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {
        padding: 5px;
        background-color:#f8f8f8;
        border: solid #d9d9d9 1px;
        margin-bottom:8px;
}
table.downloadbox tr td.icon {
        padding-right: 15px;
}
table.downloadbox tr td.downloadlink {
        width:100%;
}
/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {
        font-size:11px;
        text-align:left;
        margin-top:5px;
}
table.graduatedprice tr td.header {
        font-size:12px;
        font-weight:bold;
        text-align:left;
}
/* ORDER DETAILS */
table.orderdetails {
        font-size:11px;
        background-color:#f8f8f8;
        border: #ccc solid;
        border-width:0px 1px 1px 1px;
}
table.orderdetails tr td {
        padding:4px;
}
table.orderdetails tr.headerrow td {
        background-color:#ccc;
        color:#555;
        font-weight:bold;
}
table.orderdetails tr.headerrow td.left {
        text-align:left;
}
table.orderdetails tr.headerrow td.center {
        text-align:center;
}
table.orderdetails tr.headerrow td.right {
        text-align:right
}
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {
        background-color:#f8f8f8;
        vertical-align:top;
}
table.orderdetails tr.contentrow1 td.quantity {
        text-align:center;
}
table.orderdetails tr.contentrow1 td.quantity input {
        font-size:11px;
        padding:2px;
        border:solid #ccc 1px;
}
table.orderdetails tr.contentrow1 td.productname {
        text-align:left;
}
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {
        background-color:#f8f8f8;
        vertical-align:top;
}
table.orderdetails tr.contentrow2 td.quantity {
        text-align:center;
}
table.orderdetails tr.contentrow2 td.quantity input {
        font-size:11px;
        padding:2px;
        border:solid #ccc 1px;
}
table.orderdetails tr.contentrow2 td.productname {
        text-align:left
}
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {
        text-align:right;
        white-space:nowrap
}
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {
        text-align:right;
        white-space:nowrap;
}
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {
        text-align:center;
        white-space:nowrap;
}
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {
        margin-top:3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
        padding:0px;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
        padding-right:4px;
}
table.orderdetails tr td.productname table.productattributes tr td.value {
        width:100%;
}
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {
        background-color:#f8f8f8;
        text-align:right;
        border: #ccc solid;
        border-width:1px 0px 0px 0px;
}
/* PRODUCT NAVIGATOR */
div.productnavigator {
        background-color:#EDEDED;
        padding:8px;
        border:#999 1px solid;
}
/* REVIEW LIST */
table.reviewlist {
        background-color:#f8f8f8;
        border: #ccc solid;
        border-width:0px 1px 1px 1px;
}
table.reviewlist tr td {
        padding:4px;
        white-space:nowrap;
}
table.reviewlist tr.header td {
        background-color:#ccc;
        color:#fff;
        font-weight:bold;
}
table.reviewlist tr.contentrow1 td {
        background-color:#f8f8f8;
}
table.reviewlist tr.contentrow2 td {
        background-color:#f8f8f8;
}
textarea#review {
        width:95%;
}

viele Grüße
Jan H.

[daluniz]

Danke für die schnelle Antwort. Geht super.

vielleicht kann mir noch jemand bei der Druckansicht der Bestellung helfen. Hab schon gegoogelt und sämtliche Foren durchsucht aber leider nix so richtig gefunden.

Es handelt sich wieder um das template "light size"... das template ist gut nur leider macht die Druckansicht der Bestellung alles wieder zunichte...

[ Für Gäste sind keine Dateianhänge sichtbar ]

hätte diese ebenfalls gerne wie beim xtc5 template.

[ Für Gäste sind keine Dateianhänge sichtbar ]

[SmilingShops]

Hallo daluniz,
ich habe Dir die print_order.html überarbeitet.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Du findest die Datei zum ersetzen im Template unter Module/print_order.html

Viele Grüße
Jan

[dermarcus72]

Schade, dass man sich den Kids-Splashart nicht downloaden kann. 

Gruß

Marcus

[Trucker05]

Super Arbeit!
Find ich klasse wenn jemand neuen Shopbesitzern die Möglichkeit gibt, ein vernünftiges Template kostenlos zu verwenden!

 

[daluniz]

danke für die schnelle Antwort... was muss ich denn in der stylesheet ändern damit die Schrift von den Produkten im Warenkorb weiß wird...

Nochmals vielen Dank für die SUPER Unterstützung !! TOP !!

mfg

daluniz

[ds170477]

Supa Sache, erstrecht hat man weitere Möglichkeiten, wie mann es umbasteln kann...

 

Schade, dass man sich den Kids-Splashart nicht downloaden kann. 
[...]

Das Template kann man ohne Probs auf Kids-Splashart ändern.

Gruss

Daniel

[SmilingShops]

Vielen Dank, 
ich habe soeben das Kids-Splashart Template noch hoch geladen. Die Grafiken (Vektoren) zum Bearbeiten sind mit im Ordner Images/Source als PNG in Ebenen (Fireworks).

@daluniz, ich schau´s mir morgen an und informiere Dich.

Viele Grüße
Jan

[SmilingShops]

 
Und hier wie versprochen...

Bitte wieder oberhalb von @media print einfügen.

Code: CSS  [Auswählen]

/* changes the shopping cart display */

h2.boxcartheader a {
        text-decoration:none;
        color:#fff
}
.boxcartbody {
       
        color: #FFFFFF;

}
.boxcartbody p {
        font-size:11px;
}      

a.boxcartbody{
        text-decoration:none;
        color:#fff
         }
.boxcartbody a:link {
color:#FFFFFF;
font-size:11px;
}
.boxcartbody a:visited {
color:#E8E8E8;
font-size:11px;
}
.boxcartbody a:active {
color:#ff0000;
font-size:11px;
}
.boxcartbody a:hover {
color:#FFCCCC;
font-size:11px;
}
         
/* END changes the shopping cart display */

Viel Erfolg damit
Jan

[postman]

[...]
Es handelt sich wieder um das template "light size"... das template ist gut nur leider macht die Druckansicht der Bestellung alles wieder zunichte...
[...]

@Jan

Hallo
zunächst ein Danke für deine Arbeit und die Mühen bei der Template Erstellung.

Das gleiche Problem wie beim "light size" tritt auch beim template "universal" auf.

Zum Template universal hätte ich eine Frage:
Ganz oben ist ein hellgrauer Streifen, wo bzw. wie kann dessen Position gesteuert/angepasst werden ?

Gruß
Günther

[SmilingShops]

Hallo Günther,
der hellgraue Streifen wird erzeugt über ein Hintergrundbild (basket_back.gif)

Du kannst jetzt nat. hergehen und das Bild ändern oder Du nimmst dir die stylsheet.css vor und ersetzt den Basket Container. Neu an diesem ist ein zusätzliche Positionierung des Hintergrundbildes... (background-position: 10px;) Wobei der Wert 10px nach belieben angepasst werden kann.

Code: CSS  [Auswählen]

.Basket {
        width: 980px;
        border-right-color: #333333;
        border-left-color: #333333;
        margin-bottom: 7px;
        background-repeat: repeat-x;
        height: 100px;
    -webkit-border-radius: 3px 3px 3px 3px; ;
    -khtml-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-color: #FFFFFF;
        vertical-align: bottom;
        background-image: url(images/basket_back.gif);
        background-position: 10px;
}
 

Als Problem sehe ich das übrigens nicht, vielmehr gibt es uns eine Chance dazuzulernen

[postman]

Hallo Jan
danke für die rasche Antwort.
Für mich war das Problem, das durch Einfügen eines eigenen Shoplogos das Menü verschoben/umgebrochen und somit nicht mehr mittig auf dem grauen Hintergrund war. Dadurch ist eine entsprechende Anpassung erforderlich.