Wollte heute mal das Input Feld für die Menge auf der "product_info" etwas optimieren. Habe dazu leider nichts gefunden und selber mal ein bisschen gebastelt.
<?phpif (strstr($PHP_SELF, FILENAME_PRODUCT_INFO
)) {?><link rel="stylesheet" type="text/css" href="
<?php echo (($request_type == 'SSL') ? HTTPS_SERVER
: HTTP_SERVER
).DIR_WS_CATALOG
.'templates/'.CURRENT_TEMPLATE
.'/css/ui.spinner.css'; ?>" />
<script type="text/javascript" src="
<?php echo (($request_type == 'SSL') ? HTTPS_SERVER
: HTTP_SERVER
).DIR_WS_CATALOG
.'templates/'.CURRENT_TEMPLATE
.'/javascript/ui.spinner.js'; ?>"></script>
<script type="text/javascript">
jQuery().ready(function($) {
$('#spinner').spinner({ min: -100, max: 100 });
$('#spinnerfast').spinner({ min: -1000, max: 1000, increment: 'fast' });
$('#spinnerhide').spinner({ min: 0, max: 100, showOn: 'both' });
$('#spinnernull').spinner({ min: -100, max: 100, allowNull: true });
$('#spinnerdisable').spinner({ min: -100, max: 100 });
$('#spinnermaxlen').spinner();
$('#spinner5').spinner();
$('#spinnercurrency').spinner({prefix: '$', group: ',', step: 0.01, largeStep: 1, min: -1000000, max: 1000000});
$('#spinnerconfig').spinner({min: -1000, max: 1000, step: 1, increment: 'fast'});
$('#spinnermax').spinner().change(function() {$('#spinnerconfig').spinner('option', 'max', parseInt($(this).val()));});
$('#spinnermin').spinner().change(function() {$('#spinnerconfig').spinner('option', 'min', parseInt($(this).val()));});
$('#spinnerstep').spinner().change(function() {$('#spinnerconfig').spinner('option', 'step', parseInt($(this).val()));});
$('#spinnerspeed').change(function() {$('#spinnerconfig').spinner('option', 'increment', $(this).val());});
$('#spinnermousewheel').change(function() {$('#spinnerconfig').spinner('option', 'mouseWheel', $(this).is(':checked'));});
$('#enable').click(function() { $('#spinnerdisable').spinner('enable'); });
$('#disable').click(function() { $('#spinnerdisable').spinner('disable'); });
$('#GetValue').click(function() { alert($('#spinner').spinner('value')); });
$('#destroy').click(function() { $('#spinner').spinner('destroy'); });
$("#switcher").themeswitcher();
});
</script>
<?php}?> Das css und js noch in den richtigen Ordner und es sollte klappen. Einige Probleme macht mir noch der IE 8. da verrutschen die Buttons noch.
Ich werde mal weiter testen und optimieren.
Am besten hat man denke ich noch ein custom "jquery.css", damit das Design mit den Pfeilen auch passt.
