Price Range ?

nocTEK · 26. April 2017

Hallo,

meine Frage bezieht sich auf das Price Range ist dies möglich wir wollen gerne das die Vertragslaufzeit sowie Vorrauszahlung per select abgerufen werden bzw. wählbar sind und z.B Ram, Festplatte usw. per Preisklasse wählbar sind ich hänge den HTML Code gerne mal an. Evtl hat jemand eine Lösung wie man das umsetzen kann. Er sollte aber jedoch erkennen wenn der Ram von 1 GB - 16 GB ist das min 1 ist und max 6.

Ich meine ich habe sowas auch schon bei einen Kunden gesehen.

nocTEK · 26. April 2017

Ich hänge mal alle Daten an wie z.B die JS Datein.

CFrankenstein · 26. April 2017

Hatten wir auf TekLab.de doch auch so im Shop die Slot Begrenzung als Slider. du musst ja nur sagen:

Du musst ja nur via Java die Change Funktion oder on Select Funktion der Selectbox nutzen um dann zu prüfen welcher Wert jetzt aktiv ist um dann eine andere Selectbox umzusetzen.
Ich hab den Slider wieder rausgenommen. Jedoch bei der privaten Mietversion ist der code drin, wenn man Vorauszahlung 12 Monate wählt er die Vertragslaufzeit auch auf 12 Monate setzt
anstatt 1 oder 6 weil das wäre ja unsinnig.

nocTEK · 26. April 2017

Könntest du mir den Code zu kommen lassen oder hier hochladen ?

nocTEK · 27. April 2017

Hallo,

habe es soweit geschafft jetzt habe ich nur folgendes Problem das er nach dem slider noch einmal 4 Slots (1 EUR) Anzeigt im Select form wie bekomme ich das bei varid3 weg ?

derzeit sieht der Code wie folgt aus.

HTML

<script>
  $(function() {
    var select = $( "#varid0" );
	$("#sliderform").submit(function() {
    $(".selectfield").removeAttr("disabled");
	});
    var slider = $( "<div class='slider ui-slider-success' id='slider' style='width:400px; float:left;margin-top:3px;'></div></div>" ).insertAfter( select ).slider({
      min: 1,
      max: select[0].length,
      range: "min",
      value: select[ 0 ].selectedIndex + 1,
      slide: function( event, ui ) {

        select[ 0 ].selectedIndex = ui.value - 1
		createprice();
      }
    });
    $( "#varid0" ).change(function() {
      slider.slider( "value", this.selectedIndex + 1 );
    });
  });
  $(function() {
    var select = $( "#varid1" );
	$("#sliderform").submit(function() {
    $(".selectfield").removeAttr("disabled");
	});
    var slider = $( "<div id='slider' style='width:400px; float:left;margin-top:3px;'></div>" ).insertAfter( select ).slider({
      min: 1,
      max: select[0].length,
      range: "min",
      value: select[ 0 ].selectedIndex + 1,
      slide: function( event, ui ) {

        select[ 0 ].selectedIndex = ui.value - 1
		createprice();
      }
    });
    $( "#varid1" ).change(function() {
      slider.slider( "value", this.selectedIndex + 1 );
    });
  });


  </script>
	<!-- container -->
    <div class="container" style="margin-top: 125px">
		<!-- well -->
		<div class="well">
			<!-- begain the Slider -->
<?php echo'
			<div id="qsSlider">
				<div class="row">
					<div class="col-sm-8">
	  <div style="clear:both;"></div><div id="tplbox_spacer"></div>
	  <form name="cprice" action="'.$storeaddpath.'" method="post">';


for ($i=0; $i<count($box_prodvarcategory); $i++) {




	if ($box_prodvaronetime[$i] == 'no') {
		echo '<div id="tplbox_shoprow"> <div id="tplbox_shoprow_firstcol"><h4 class="title">'.$box_prodvarcategory[$i].'</h4></div><div id="tplbox_shoprow_col"><select name="varid[]" id="'.$box_prodvarcatid[$i].'" class="selectfield" onChange="createprice()">';


		for ($j=0; $j<count($box_prodvarid); $j++) {
			if ($box_prodvarcheck[$j] == $box_prodvarcatid[$i]) {
				echo '<option value="'.$box_prodvarid[$j].'">'.$box_prodvariation[$j].'&nbsp;'; if($box_prodvarmonper[$j]!="0,00"){ echo ''.$box_prodvarmonper[$j].''.$box_prodvarstatus[$j].'</option>'; }
			}
		}
		echo '</select>
			  </div></div><div style="clear:both;"></div><div id="tplbox_spacer"></div>';


	}
	}


for ($i=0; $i<count($box_prodvarcategory); $i++) {
	if ($i == 0) {
		echo '<div id="tplbox_empty"></div>';
	}
	if ($box_prodvaronetime[$i] == 'yes') {
		echo '<div id="tplbox_shoprow"> <div id="tplbox_shoprow_firstcol">'.$box_prodvarcategory[$i].'</div><div id="tplbox_shoprow_col"><select name="varid[]" id="'.$box_prodvarcatid[$i].'" class="selectfield" onChange="createonetime()">';


		for ($j=0; $j<count($box_prodvarid); $j++) {
			if ($box_prodvarcheck[$j] == $box_prodvarcatid[$i]) {
				echo '<option value="'.$box_prodvarid[$j].'">'.$box_prodvariation[$j].'&nbsp;'; if($box_prodvarmonper[$j]!="0,00"){ echo ''.$box_prodvarmonper[$j].''.$box_prodvarstatus[$j].'</option>'; }
			}
		}


		echo '</select>
			  </div></div>';
	}
}






echo '</div>
					<div class="col-sm-4">
						<div id="QsPrice">
							<div class="prices">
								<div class="clearfix"></div>
								<!--Total Pricing Text -->
								<div id="pricetext">

'.$box_prodjava.'
	  <div id="tplbox_empty"></div>
	  <div id="tplbox_shoprow"> <div id="tplbox_shoprow_firstcol"><h5>'._SHOPALLPRICE.'</h5></div><div id="tplbox_shoprow_col"><div ><input type="text" name="moneytotal" id="moneytotal" style="color:#65902c; font-size:12px; font-weight:bold; border:0px solid;background:none;width:150px;" value="'.$box_prodallprice.'&nbsp;'._TAX.'"></div></div></div>
</div>';
	echo '<div style="clear;both;"></div><div id="tplbox_spacer"></div><div id="tplbox_button_col" >';


		echo '<input id="shopbutton" class="btn btn-success" class="open'.$box_buttonstatus.'" value="IN DEN WARENKORB" type="submit">';




echo '<input type="hidden" name="op" value="add"><input type="hidden" name="ids" value="'.$box_prodid.'">
	  </div>
	  </form>
<div id="tplbox_empty" style="clear:both;"></div><div id="tplbox_spacer"></div>
							</div>
						</div>
					</div><!--//col-->
				</div><!--//row-->
			</div>
			<!-- //END the Slider -->
		</div>
		<!-- Well-->
      <hr>
    </div> <!-- /container --> '; ?>

Alles anzeigen

CFrankenstein · 28. April 2017

Also bei uns war es so wie im folgendem nur weiß ich nicht welchen Slider wir da genutzt hatten.

Code

echo '<script type="text/javascript">
$(document).ready(function(){
	var select = $("#varid0");
	var slider = $("<div id=\"slider\"></div>").insertAfter(select).slider({
	min: 1,
	max: '.$max.',
	range: "min",
	value: select[ 0 ].selectedIndex + 1,
	slide: function( event, ui ) {
	select[ 0 ].selectedIndex = ui.value - 1;
	$("#slots").html($("#varid0 option:selected").text());
		createprice();
	}
	});
	$("#varid0").change(function() {
	slider.slider("value", this.selectedIndex + 1);
	});
	$("#slots").html($("#varid0 option:selected").text());';


	if ($ids == 1) {
		echo '
	$("#varid2").change(function() {
		if ($("#varid2 option:selected").val() == 8) {
			$("#varid3").val("9");
			createprice();
		}
	});
	$("#varid3").change(function() {	
		if ($("#varid2 option:selected").val() == 8) {
			$("#varid3").val("9");
			createprice();
		}
	});';
	}
echo '	
});
</script>';

Alles anzeigen

IDS == 1 ist zudem wenn das Produkt XY gewählt wurde und select Box X geändert wurde er select Box Y setzt und den Preis neuberechnet alles darüber gehörte zum Slider.

Wenn der Slider varid3 setzt dann die andere varid3 ausblenden mit display:hidden

DarkSides · 29. April 2017

Ich komm bei euch ganicht mehr mit

Wo kann ich was ersetzen, damit ich in der store_details_*.tpl einen slider einbauen kann?

Würde gerne wie TB design gefragt hat einen slider anstatt des drop down menüs haben...

Wenn ich die Preisklasse in meinem Design einbaue, bekomme ich es nicht hin

a10721 · 30. Juni 2017

ein Hilfreicher text.

das sieht echt prima aus =)

schauen wir mal, ob ich das irgendwo rein bekomme

DarkSides · 30. Juni 2017

wenn du es fertig hast kannst mir ja sagen wo und wie

Hatte bisher keine Zeit und keine Muse dazu, es einzubauen

Teilen