<< Click here to display Table of Contents >>  Navigation: Anwendungsbeispiele:

Menge im Warenkorb ändern

{WS-TplComment}
	<!-- Change quantity in Cart -->
	<!-- Falls noch nicht global eingebunden, wird das folgende Modul benötigt -->
	<!-- Die Modul-Datei kann auch über das WEBSALE PageSpeed-Tool eingebunden werden -->
{/WS-TplComment}
	<script src="/$WS/ws_sysdata/js/ws-module-ajaxgeneric-1.8.5.js"></script>
	

{WS-TplComment}
	<!-- Change quantity in Cart -->
	<!-- Für die Mengen-Änderung kann ein Skript-Datei eingebunden werden -->
	<!-- Das Script kann auch ausgelagert werden in eine externe Datei, z.B. ws-module-basket-change-quantity.js-->
{/WS-TplComment}	
<script>
  // Versteckte Felder per Ajax Laden
  $(document).on('mousedown','.basket--quantity--change button,.basket--quantity--change input',function(){
    var $quantityupdown = $(this).data('quantity');
    var $basketprnumber = $(this).closest('.basket--quantity--change').data('basketprnumber');
    var $basketchangelink = $(this).closest('.basket--quantity--change').data('basketchangelink');

    if(!$('#productform--basket--quantity--'+$basketprnumber).length > 0 ){
      ws_AJAXloadTemplate($basketchangelink+'&tpl=incl_basket_quantity_change.htm&otpproductnumber='+$basketprnumber, '~WS-Charset~', ws_AJAXBasketAjaxChangeQuantityStart, ws_AJAXBasketAjaxChangeQuantityError, 'ws_AJAXBasketAjaxChangeQuantityResponseSuccess()', 'ws_AJAXBasketAjaxChangeQuantityResponseError()');
    }
  });

  // Funktion um die Inputs zu spiegeln und den Change auszulösen
  function mirrorbasketinputs() {
    $('.basket--quantity--change').each(function(){
      var $value = $(this).find('input[data-quantity="input"]').val();
      var $basketprnumber = $(this).data('basketprnumber');
      var $basketprnumberinput = $('#productform--basket--quantity--'+$basketprnumber).find('.ajax-quantity-hidden-change');
      if($basketprnumberinput.length > 0 ){
        if($basketprnumberinput.val() !== $value){
          $basketprnumberinput.val($value);
          ws_AJAXsendForm('productform--basket--quantity--'+$basketprnumber, '~WS-Charset~', ws_AJAXBasketChangeQuantityStart, ws_AJAXBasketChangeQuantityError, 'ws_AJAXBasketChangeQuantityResponseSuccess()', 'ws_AJAXBasketChangeQuantityResponseError()');
        }
      }

    });
  }

  // Ändern der Menge (-)
  $(document).on('click','.basket--quantity--change button[data-quantity="down"]',function(){
      var $this = $(this).siblings('input[data-quantity="input"]');
      var inputValue = parseInt($this.val());
      if(inputValue > "1"){
        $this.val(inputValue-1);
        mirrorbasketinputs();
      }
  });

  // Ändern der Menge (+)
  $(document).on('click','.basket--quantity--change button[data-quantity="up"]',function(){
    var $input = $(this).siblings('input[data-quantity="input"]');
    var inputValue = parseInt($input.val());
    $input.val(inputValue+1);
    mirrorbasketinputs();
  });

  // Ändern der Menge (Input)
  $(document).on('focusout','input[data-quantity="input"]',function(){
    mirrorbasketinputs();
  });

  //Diese Funktion wird aufgerufen bevor die AJAX-Anfrage abgesetzt wird.
  //Mit dieser Funktion ist zum Beispiel eine Ladeanzeige realisierbar
  function ws_AJAXBasketChangeQuantityStart()
  {
    $('#ws--basket').addClass('ajaxreload');
  }

  //Diese Funktion wird aufgerufen wenn die AJAX-Anfrage erfolgreich geladen werden konnte
  //Mit dieser Funktion ist die Erfolgsmeldung realisierbar
  function ws_AJAXBasketChangeQuantityResponseSuccess()
  {
    $('#ws--basket').removeClass('ajaxreload');
    $('#basket--quantity--change--error').empty();
  }

  //Diese Funktion wird aufgerufen wenn die AJAX-Anfrage NICHT geladen werden konnte
  //Mit dieser Funktion laesst sich die von WEBSALE V8s erzeugte Fehlermeldung ausgeben
  function ws_AJAXBasketChangeQuantityResponseError()
  {
    $('#ws--basket').removeClass('ajaxreload');

    // Bei einem Fehler wird das Input Feld geleert, mit diesem Script wird es wieder mit dem richtigen Wert gefüllt.
    // Bei einem Fehler wird das Input Feld mit dem Zuletzt gesetzten Wert befüllt
    $('.basket--quantity--change').each(function(){
      var $basketprnumber = $(this).data('basketprnumber');
      var $currentval = $(this).find('[basket-pr-currentval]').attr('basket-pr-currentval');
      var $thisinput = $(this).find('input[data-quantity="input"]');

      $($thisinput).val($currentval);
      $('#productform--basket--quantity--'+$basketprnumber+' .ajax-quantity-hidden-change').val($currentval);

    })
  }

  //Diese Funktion wird aufgerufen wenn die AJAX-Kommunikation fehlschlug
  //Mit dieser Funktion laesst sich ein allgemeiner Kommunikationsfehler (z.B. wenn die Internetverbindung unterbrochen wurde) anzeigen
  function ws_AJAXBasketChangeQuantityError() {
    $('#ws--basket').removeClass('ajaxreload');
    console.log('Basket Quantity Change Error');
  }

  // Funktionen für Hidden Inputs
  function ws_AJAXBasketAjaxChangeQuantityStart(){}
  function ws_AJAXBasketAjaxChangeQuantityResponseSuccess() {
    mirrorbasketinputs();
  }
  function ws_AJAXBasketAjaxChangeQuantityResponseError(){}
  function ws_AJAXBasketAjaxChangeQuantityError(){}
</script>