Artikelanzahl erhöhen per Klick (in der Produktansicht)

[marcinho]

Hey,

habe da mal eine Frage. Wäre es schwierig, wenn man neben dem Textfeld wo die Artikelanzahl vom Kunden per Hand einzutragen ist, zwei grafische + und - Zeichen macht, die per Klick die Artikelanzahl in dem Textfeld verändern? Eine Meldung bei Überschreitung (beim Klick des +) der Lagermenge wäre dann ja auch einbaubar.

Wie setze ich sowas um? Habe nicht wirklich das richtige bei selfhtml und google gefunden.
Vielleicht existiert ja irgendwo schon eine Lösung.

Über positive Rückmeldungen würde ich mich sehr freuen...

DANKE!!

[marcinho]

Hab mich mal ein wenig mit der Idee beschäftigt und möchte den Interessierten hier meine Lösung anbieten. Falls jemand noch Verbesserungsvorschläge hat, immer her damit...

Also, ich habe mir gedacht, ich möchte bei der product_info-Seite gerne ein + und - Zeichen einsetzen, mit dem der Kunde die Anzahl hochsetzen und verringern kann.
Da es ja durchaus auch Online-Shops gibt, bei denen die Kunden nicht mehr bestellen sollen, als vorrätig ist, habe ich dies berücksichtigt. Wer das nicht will kann dies ja rausnehmen.

1. templates/EUERTEMPLATE/modules/product_info/product_info_v1.html

Ersetze

<td>{$ADD_QTY}</td>
<td>{$ADD_CART_BUTTON}</td>

durch

{if $PRODUCT_INFO_QTY2>'1'}
<td>{$ADD_QTY}{$PRODUCT_INFO_QTY}<br>
<input type='button' class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'" value='+' onclick = "myupdown('incr','products_qty');">
<input type='button' class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'" value='-' onclick = "myupdown('decr','products_qty');"></td>
{else}
<td>{$ADD_QTY}{$PRODUCT_INFO_QTY}</td>
{/if}
<td>{$ADD_CART_BUTTON}</td>

2. templates/EUERTEMPLATE/stylesheet.css

Einfügen

   input.btn{
   color:#000000;
   font-family:Arial, sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#ffffff;
   border:1px solid;
   border-top-color:#757575;
   border-left-color:#757575;
   border-right-color:#757575;
   border-bottom-color:#757575;
   margin-top: 2px;
   }
  
   input.btnhov{
   color:#000000;
   font-family:Arial, sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#ffffff;
   border:1px solid;
   border-top-color:#e00000;
   border-left-color:#e00000;
   border-right-color:#e00000;
   border-bottom-color:#e00000;
   margin-top: 2px;
   }

3. includes/modules/product_info.php

Nach

$info_smarty->assign('FORM_END', '</form>');

Einfügen

$info_smarty->assign('PRODUCT_INFO_QTY2', $product->data['products_quantity']);
$info_smarty->assign('PRODUCT_INFO_QTY', '<script type="text/javascript">function myupdown(what,obj) {
o = document.getElementById(obj);
if (what == "decr" && o.value > 1) {
o.value = parseInt(o.value) - 1;
}
else if (what == "incr" && o.value < '.$product->data['products_quantity'].') {
o.value = parseInt(o.value) + 1;
}
}</script>');

und

Ersetze

$info_smarty->assign('ADD_QTY', xtc_draw_input_field('products_qty', '1', 'size="3"').' '.xtc_draw_hidden_field('products_id', $product->data['products_id']));

durch

$info_smarty->assign('ADD_QTY', xtc_draw_input_field('products_qty', '1', 'size="3" id="products_qty"').' '.xtc_draw_hidden_field('products_id', $product->data['products_id']));

Das wars eigentlich schon. Ich hoffe ich habe nichts vergessen und es funktioniert...

MfG

Superschade

[Primus2007]

das funktioniert super, danke !

Wäre es irgendwie möglich anstatt der 2 Buttons ein feld zu machen wo eingabefeld und direkt nebendran so 2 buttons mit pfeil hoch/runter sind?
Denn irgendwie habe ich probleme die 2 buttons gan dicht neben oder unter das eingabefeld zu bekommen.

[marcinho]

Klaro sollte das möglich sein.
Die Buttons hast Du ja anscheinend schon gemacht wie ich lese...
Du kannst die onclick Funktion auch über nen

<a href="javascript:myupdown('incr','products_qty')"><img src="..."></a>

... einbinden.

Wie Du die direkt daneben bekommst hängt von Deinem Template ab. Mal ein wenig mit den Tabellen oder Layern rumspielen. Je nachdem wie Dein Template aufgebaut ist...

Gruß

Superschade