Checkboxen und Radiodesign

[Lecaffee24]

Hallo Liebe Leute,

ich habe da was im Netz gefunden und weiß nicht ob ich es hier veröffentlichen sollte. Nun direkt vorweg ich habe es nicht selbst geschrieben, aber umgesetzt und ich weiß der ein oder andere hätte es vielleicht auch gerne. Es gibt die Möglichkeit die Checkboxen und Radiobutton mit seinem eigenen Design zu hinterlegen. Da ich es niemanden vorenthalten möchte und auch einen kleinen Beitrag leisten will im Anhang sind die Dateien.

Also die Datei custom-form-elements.js in den Javascriptordner des Templates laden.

Die Bilder radio.png und checkbox.png in den img Ordner des Templates laden.

Am Ende der Stylesheet.css des Templates folgenden Code:

Code: CSS  [Auswählen]

.checkbox, .radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(img/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}
.radio {
background: url(img/radio.png) no-repeat;
}
.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(img/select.png) no-repeat;
overflow: hidden;
}

Im Javascript Ordner die general.js.php nach

Code: Javascript  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>

folgenden Code einfügen:

Code: Javascript  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/custom-form-elements.js" type="text/javascript"></script>

In meinem Beispiel habe ich die Datei unter module/product_options/product_options_selection.htm

Diesen Code:

Code: PHP  [Auswählen]

    <input type="checkbox" name="id[{$options_data.ID}]" value="{$item_data.ID}" {if $smarty.foreach.key_data.first}{/if} />

Ersetzen mit

Code: PHP  [Auswählen]

    <input type="checkbox" class="styled" name="id[{$options_data.ID}]" value="{$item_data.ID}" {if $smarty.foreach.key_data.first}{/if} />

Im Anhang seht ihr das Ergebnis:

Viele Grüße
Andy



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

[MW]

Ist ja nett von dir, gibt es hier aber schon: http://www.modified-shop.org/forum/index.php?topic=20239.msg188690#msg188690 

[Lecaffee24]

Jetzt wollte ich auch mal was beitragen und dann gibt es das schon. 

Dann entschuldigt vielmals.

Viele Grüße

Andreas

[Simon]

Warum entschuldigen ?
Wir müssen danke sagen, egal ob es das schon gibt oder nicht.
Du hast dir die Mühe gemacht, das mit uns zu teilen und das kommt leider nicht mehr so oft vor.
Also weiter so 

[web28]

Checkboxen erfordern für die Mehrfachauswahl noch zusätzliche Änderungen in den Coredateien.

Checked mal mehrere Boxen an und loggt Euch danach in den Shop ein. Die Mehrfachauswahl ist weg. 

Gruss Web28

[Lecaffee24]

Danke Simon 

Ist das nicht normal das die Boxen die Markiert wurden nach dem Einloggen wieder deaktiviert sind??? Die Möglichkeit die ich hier gezeigt hatte, was Benutzerdefiniert die Optionen Designlich darzustellen die man möchte, einfach durch die class. Bei dem anderen muss man noch einiges abändern wenn man bei dem ein oder anderen Feldern das Design nicht möchte.

Viele Grüße

Andreas