Discover our newest kits here!
Weekend Deal: 10% off on all storage!
Free crochet hook set with all orders over €50,- (excl. shipping)! Select the gift in your cart.
Drops Super Sale: -30% on selected Drops Yarn
Weekend Deal: 10% off Yarn and Colors Must-have!
Weekend Deal: Get 10 balls of Budgetyarn Soft Aran for free with all orders over €50,- (excl. shipping). Select the gift in your cart.
_
Lana Grossa Picasso - Picasso from Lana Grossa is a trendy mixed fluffy winter yarn with interesting color gradients in beautiful winter color combinations. Lana Grossa Picasso consists of 36% alpaca and 36% Merino wool, to which 28% polyamide has been added for elasticity and wear resistance. Do you need inspiration for this Lana Grossa Picasso wool?
View the preview copy of Lana Grossa Lookbook 17 here.</ iframe></p> </div> </div> </div> </div> <div id="ContentPlaceHolder1_pnShortSpecs" class="pdetail-specsholder"> <!-- if(no icecat template than add class pdetail-extraspecificatie --> <div class="innerspecsholder"> <h3> Specifications</h3> <div id="ContentPlaceHolder1_upPanelTemplateValues"> <div class="filterloader filterloader-templatevalues" style="position: initial;"> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> <div id="pdetailTableSpecs"> <div id="ContentPlaceHolder1_pnlDynamicTemplateValuesBefore"></div> <meta itemprop='mpn' content='16150003' /> <table> <tr><td>Weight</td><td>50 Grams</td></tr> <tr><td>Needle size</td><td>5 - 6 mm</td></tr> <tr><td>Length</td><td>210 meter</td></tr> <tr><td>Composition</td><td>36% Merino wol,36% Alpaka, 28% Polyamide</td></tr> <tr><td>Yarn Weight</td><td>Aran & Worsted</td></tr> <tr><td>Tension square 10x10cm (S)</td><td>16 stitches</td></tr> <tr><td>Application</td><td>Knitting</td></tr> <tr><td>Tension square 10x10cm (R)</td><td>22 rows</td></tr> <tr><td>Sweater size</td><td>38-40</td></tr> <tr><td>Balls per sweater</td><td>6</td></tr> <tr><td>Washing</td><td>Handwash only</td></tr> <tr><td>Bleaching</td><td>No</td></tr> <tr><td>Tumble dryer</td><td>Do not tumble dry</td></tr> <tr><td>Dry flat</td><td>Yes</td></tr> <tr><td>Ironing</td><td>Iron at low temperature</td></tr> <tr><td>Dry cleaning</td><td>Yes</td></tr> <tr><td>Brand</td><td><a href='https://www.yarnplaza.com/brand/25/lana-grossa.html' title='Lana Grossa'><span itemprop='brand' itemscope itemtype='http://schema.org/Brand'><span itemprop='name'>Lana Grossa</span></span></a></td></tr> <tr><td>Category</td><td><a href='https://www.yarnplaza.com/yarn/fall-winter' title='Fall/ Winter'><span itemprop='category'>Fall/ Winter</span></a></td></tr> <tr><td>EAN Code</td><td id='TableSpecs_Barcode'><span itemprop="gtin">4033493369886</span></td></tr> <tr><td>Product code</td><td id='TableSpecs_ProductCode'><span itemprop='sku'>bwlg16150_003</span></td></tr> <tr><td>Unit</td><td>Per piece</td></tr> </table> <div id="ContentPlaceHolder1_pnlDynamicTemplateValuesAfter"></div> </div> </div> </div> </div> <div id="ContentPlaceHolder1_upPackage"> </div> <div id="ContentPlaceHolder1_pnlProductRelatedItemHolder" class="pdetail-gerelaterholder related-items-full-width"> <div id="ContentPlaceHolder1_pnlRelatedItems" class="gerelateerdfix" data-productrelatedtype="RELATED" data-withpercent="16" data-slideProductCount="3" data-parentproductid="57646" data-childproductid="57649"> <div class="innergerelateerdholder"> <h3 id="h3RelatedArticles"> Related products</h3> </div> <div class='box pcw100 pcs0020 tabw100 tabs0020 mobw100 mobs0020 element artikelen-element slide3'> <div class='productlistholder productlist16'> <div id='pid-24654' class='innerproductlist' data-qty='3,00' data-productcode='nldkp103473_6' data-productname='Knitpro Zing Knitting Needles 40cm 6mm' data-productbrand='KnitPro' data-productbarcode='8904086281662'data-productprice='6.40' > <a href='https://www.yarnplaza.com/product/24654/knitpro-zing-knitting-needles-40cm-6mm.html' title='Knitpro Zing Knitting Needles 40cm 6mm' class='productlist-imgholder gtm-product-impression'> <img src="https://www.yarnplaza.com/resize/knitpro-zing-breinaalden-40cm-6mm-kp47333-8904086281662_7557515058257.jpg/250/250/True/knitpro-zing-knitting-needles-40cm-6mm.jpg" loading="lazy" onerror="this.src='https://logic4cdn.azureedge.net/cdn/styles/clients/wolplein-yarnplaza/img/no-img.svg';this.onerror='';" alt="Knitpro Zing Knitting Needles 40cm 6mm"/> </a> <div class='productlist-topfx'> <div class='productlist-title gtm-product-impression'> <a href='https://www.yarnplaza.com/product/24654/knitpro-zing-knitting-needles-40cm-6mm.html' title='Knitpro Zing Knitting Needles 40cm 6mm'>Knitpro Zing Knitting Needles 40cm 6mm</a> </div> </div> <div class='productlist-bottomfx'> <span class='productlist-oldprice'> <span class='productlist-oldprice'> </span> </span> <div class='productlist-priceholder'> <span class='productlist-price'> <span class='product-price-currency'>€ </span><span class='product-price-amount'>7,68</span> </span> </div> <div class='product-buyinfoholder product-buyholderonly'> <div class='productlist-buyholder' title='Add to shopping cart'> <span data-productid='24654' data-productcode='nldkp103473_6' data-productname='Knitpro Zing Knitting Needles 40cm 6mm' data-productprice='6.40' data-productbrand='KnitPro' data-qty='1' data-url='https://www.yarnplaza.com/product/24654/knitpro-zing-knitting-needles-40cm-6mm.html' onclick="AddToCart(this,true);"> <i class='fa fa-basket'></i> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div id="ContentPlaceHolder1_pnlReviews" class="pdetail-reviewsholder"> <div class="innerreviewsholder"> </div> <div id="ContentPlaceHolder1_updatepanel_Review" class="writereviewholder"> <h3 id="reviewschrijven" class="writerev-title">Write a review</h3> <div id="ContentPlaceHolder1_pnlWrite" class="review-makebox"> <table> <tr> <td> <div class="starrating"> <span>Number of stars</span> <input id="rating5" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating5" checked="checked" /> <label for="rating5"><i class="fa fa-star-o"></i></label> <input id="rating4" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating4" /> <label for="rating4"><i class="fa fa-star-o"></i></label> <input id="rating3" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating3" /> <label for="rating3"><i class="fa fa-star-o"></i></label> <input id="rating2" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating2" /> <label for="rating2"><i class="fa fa-star-o"></i></label> <input id="rating1" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating1" /> <label for="rating1"><i class="fa fa-star-o"></i></label> </div> </td> </tr> <tr> <td> <input name="ctl00$ContentPlaceHolder1$txtReviewName" type="text" maxlength="100" id="txtReviewName" class="input-gray input-revnaam" onblur="Validate_Group(this.id,'validationGroupReview')" placeholder="Name" /> <input name="ctl00$ContentPlaceHolder1$txtReviewEmailAddress" type="text" maxlength="100" id="txtReviewEmailAddress" class="input-gray input-revmail" onblur="Validate_Group(this.id,'validationGroupReview')" placeholder="E-mail (stays secret)" /> <input name="ctl00$ContentPlaceHolder1$txtFullNameCity" type="text" id="txtFullNameCity" tabindex="-1" class="bumbli-wrap bumbli-sol" name="full-name-city" autocomplete="tottalyvalidautocompletething" /> </td> </tr> <tr> <td> <textarea name="ctl00$ContentPlaceHolder1$txtReviewArgument" rows="10" cols="20" id="txtReviewArgument" class="input-gray input-revtekst" onblur="Validate_Group(this.id,'validationGroupReview')" placeholder="Describe your experience with this product"> </textarea> <span class="bumbli-wrap bumbli-sol"> <input name="ctl00$ContentPlaceHolder1$txtCompeleteFullName" type="text" id="ContentPlaceHolder1_txtCompeleteFullName" class="bumblinumber" placeholder="full name" /> </span> </td> </tr> <tr> <td> <a onclick="Validate_Group('','validationGroupReview');" id="ContentPlaceHolder1_btnSendReview" class="button-plaatsreview" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$btnSendReview", "", true, "validationGroupReview", "", false, true))">Submit review</a> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$reviewverzonden" id="ContentPlaceHolder1_reviewverzonden" /> </div> </div> <div id="ContentPlaceHolder1_pnlFaqHolder" class="pdetail-faqholder"> <section class="innerfaqholder"> <h2 class='faqnoitem'>Ask a question about this product</h2> <article class="askitem"> <div id="ContentPlaceHolder1_upPnlFAQ"> <div id="ContentPlaceHolder1_pnlFAQQuestionWrite" class="askinputholder"> <textarea name="ctl00$ContentPlaceHolder1$txtQuestion" rows="6" cols="20" id="txtQuestion" class="input-white aks-txtinput ask-vraag" placeholder="Question" onblur="Validate_Group(this.id,'ValidateQuestion')"> </textarea> <input name="ctl00$ContentPlaceHolder1$txtQuestionName" type="text" maxlength="100" id="txtQuestionName" class="input-white ask-txtinput ask-name" onblur="Validate_Group(this.id,'ValidateQuestion')" placeholder="Name" /> <input name="ctl00$ContentPlaceHolder1$txtQuestionEmailTel" type="text" maxlength="100" id="txtQuestionEmailTel" class="input-white ask-txtinput ask-mail" onblur="Validate_Group(this.id,'ValidateQuestion')" placeholder="E-mail or phone number" /> <span class="bumbli-wrap bumbli-sol"> <input name="ctl00$ContentPlaceHolder1$txtCompleteZipCode" type="text" id="ContentPlaceHolder1_txtCompleteZipCode" class="bumblinumber" placeholder="zip code" /> </span> <input type="submit" name="ctl00$ContentPlaceHolder1$btnQuestion" value="Send" onclick="Validate_Group('','ValidateQuestion');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$btnQuestion", "", true, "ValidateQuestion", "", false, false))" id="ContentPlaceHolder1_btnQuestion" class="btn-asksend" /> </div> </div> </article> </section> </div> <div id="ContentPlaceHolder1_upOptionVariant"> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdChosenOptions" id="ContentPlaceHolder1_hdChosenOptions" /> </div> </form> <script type="text/javascript"> var scrollTopGridView; window.onload = function () { loadTemplateValuesForProductDetailPage(); loadProductVariant2MatrixForProductDetailPage(); AddViewedProductToLastViewedProductList(); calculatePriceBasedOnDropdowns(); LoadProductStockWarehouseInformation(); //Case insensitive contains, gebruikt voor zoeken in artikelvariant tabel jQuery.extend( jQuery.expr[':'].containsCI = function (a, i, m) { var sText = (a.textContent || a.innerText || ""); var zRegExp = new RegExp(m[3], 'i'); return zRegExp.test(sText); } ); }; var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); function InitializeRequest(sender, args) { var elem = $('.variants-group-container'); if (elem !== null) { scrollTopGridView = elem.scrollTop(); } } function EndRequest(sender, args) { var elem = $('.variants-group-container'); if (elem !== null && scrollTopGridView !== null) { elem.scrollTop(scrollTopGridView); } } /** * Update quantity in textbox element so it is limited by specified values (max, step) * @param {HTMLElement} inputElement Input textbox **/ function UpdateQtyForTextBox(inputElement) { var currentInputValue = inputElement.value; if (currentInputValue < 0) { // There's no good reason to have negative values on these inputs, make it 0 instead. currentInputValue = 0; inputElement.value = 0; } if (currentInputValue == 0) { // Min value is handled by server side, this also disables buttons etc. return; } var increment = parseInt(inputElement.step) || 1; var textboxValue = parseInt(currentInputValue) || 0; var maxValue = parseInt(inputElement.max) || 999999; //Step (order per qty) if ((textboxValue % increment) != 0) { textboxValue = textboxValue - (textboxValue % increment); } //Maximum value (stock/ max order qty) if (textboxValue > maxValue) { textboxValue = maxValue; } inputElement.value = textboxValue; } function LoadProductStockWarehouseInformation() { } function AddProductAdjustmentTemplateHeaderValue(templateHeaderValueId, inputType) { toastr.clear(); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'addProductAdjustmentTemplateHeaderValue_' + inputType + '_' + templateHeaderValueId); } function ResetProductAdjustmentTemplate() { toastr.clear(); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'resetProductAdjustments'); } function ResetProductImage(treeId) { __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'resetProductAdjustmentImage_' + treeId); } function ChangeQty(qty) { __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'ChangeQty_' + qty); } // NOTE: same logic can be found in Product-detail.aspx.CS, function SetStandardAmountQtyFields() function ChangeQtyStd(qty, updateUserInputValue = false) { var value = parseFloat(qty); // value is higher if there is a loss percentage var stdAmountQtyNeeded = GetStandardAmountQty(); //console.log("- stdAmountQtyNeeded = " + stdAmountQtyNeeded + ", txtQtyUnit = " + txtQtyUnit.value); // wat de koper moet aanschaffen, eventueel meer vanwege een verliespercentage (zaagverlies, snijverlies) var txtQtyUnitToPurchase = document.getElementById("txtQtyUnitToPurchase"); if (txtQtyUnitToPurchase) { var stdAmountQtyPurchase = parseFloat(document.getElementById('ContentPlaceHolder1_hdStandardAmountQty').value); txtQtyUnitToPurchase.value = Math.round(((value / stdAmountQtyPurchase) + 0.00001) * 100) / 100; //console.log("- stdAmountQtyPurchase = " + stdAmountQtyPurchase + ", txtQtyUnitToPurchase = " + txtQtyUnitToPurchase.value); } // wat de koper daadwerkelijk koopt. var actualQtyForProduct = Math.round(((value / stdAmountQtyNeeded) + 0.00001) * 100) / 100; UpdateQtyUnit(actualQtyForProduct, updateUserInputValue); ChangeQty(qty); } function UpdateQtyUnit(correctedValue, updateUserInputValue) { // Hiddenfield set voor postback var lblQtyCorrected = document.getElementById("lblQtyUnitCorrected"); lblQtyCorrected.innerHTML = correctedValue; $("#hdQtyUnitCorrected").val(correctedValue); if (updateUserInputValue) { var txtQty = document.getElementById('txtQtyUnit'); txtQty.value = correctedValue; } } function GetStandardAmountQty() { var useLossPercentage = document.getElementById('ContentPlaceHolder1_chkIncludeLossPercentage'); // we replace commas with dots as JS is unforgiving on its float format if (useLossPercentage && useLossPercentage.checked) { return parseFloat(document.getElementById('ContentPlaceHolder1_hdStandardAmountQtyCorrected').value.replace(',', '.')); } else { return parseFloat(document.getElementById('ContentPlaceHolder1_hdStandardAmountQty').value.replace(',', '.')); } } function ChangeQtyUnit(qty, id) { var txtQty = document.getElementById(id); // field with quantity, id = 'txtQtyStd' if (txtQty != null) { var value = parseFloat(qty); // value that the user has entered var stdAmountQty = GetStandardAmountQty(); // corrected: higher value with loss percentage var quantity = Math.ceil(value * stdAmountQty); // so quantity is also higher (need to buy more) txtQty.value = quantity.toString(); //console.log("ChangeQtyUnit(" + qty + ", " + id + ") -> stdAmountQty = " + stdAmountQty + ", quantity = " + quantity); ChangeQtyStd(quantity); } } /** * Object om alle benodigde gegevens voor een tekst invoerveld van productbewerkingen op te sturen bij een postback. */ class AdjustmentText { constructor(id, value, minCharCount, maxCharCount) { this.id = id; this.inputId = id.replace("txtinput", ""); this.value = value.replace("_", "-"); this.minCharCount = parseFloat(minCharCount); this.maxCharCount = parseFloat(maxCharCount); } } /** * Object om alle benodigde gegevens voor een dimensie (hoogte/breedte) invoerveld van productbewerkingen op te sturen bij een postback. */ class AdjustmentDimension { constructor(id, value, minCharCount, maxCharCount) { this.id = id; this.value = value; this.minCharCount = parseFloat(minCharCount); this.maxCharCount = parseFloat(maxCharCount); var res = id.replace("txtDimension", "").split("-"); this.adjustmentId = res.shift(); this.groupId = res.shift(); this.adjustmentValueId = res.shift(); this.dimensionId = res.shift(); } } /** * Pas een tekstveld aan bij een productbewerking. Alle tekstvelden worden in één postback verzonden naar de server zodat er geen waarden verloren gaan. */ function ChangeAdjustmentText(treeId) { var txtInput = $("#txtinput" + treeId); var tooShortText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextTooShort').value; var minCharsText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextMinimalChars').value; var tooLongText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextTooLong').value; var maxCharsText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextMaximalChars').value; let adjustmentTextProps = new AdjustmentText(txtInput.attr("id"), txtInput.val(), txtInput.attr("data-min"), txtInput.attr("data-max")); var json = []; json.push(adjustmentTextProps); var correct = true; var jqInput = $("#" + json[0].id); var label = $('label[for=' + json[0].id + ']'); var labelText = ""; if (label.length > 0) { labelText = label.text() + ": "; } jqInput.removeClass("incorrect-input"); var data = json[0].value; var minLength = json[0].minCharCount; var maxLength = json[0].maxCharCount; if (!isNaN(minLength) && data.length < minLength) { correct = false; toastr.error(labelText + tooShortText + " (" + data.length + "), " + minCharsText + " " + minLength + "\n"); } else if (!isNaN(maxLength) && data.length > maxLength) { correct = false; toastr.error(labelText + tooLongText + " (" + data.length + "), " + maxCharsText + " " + maxLength + "\n"); } if (!correct) { jqInput.addClass("incorrect-input"); } else { $("#spAdjComment" + treeId).html("<i class='fa fa-pencil-square-o'></i>" + txtInput.val()); $("#spAdjComment" + treeId).delay(300).fadeIn(300); $("#inputHolder" + treeId).fadeOut(300); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'ChangeTextInput_' + JSON.stringify(json)); } } /** * Pas de waarden van een productbewerking aan. Bijvoorbeeld hoogte/breedte. * Deze worden beiden tegelijk verzonden in de postback i.p.v. apart om geen waarden te verliezen. */ function ChangeDimension(input) { var lastDash = input.id.lastIndexOf("-"); var idToSearch = input.id.substring(0, lastDash); var txtInputs = $('*[id*=' + idToSearch + ']:visible'); var json = []; txtInputs.each(function () { var item = $(this); var itemValue = item.val(); if (itemValue.length > 0) { var realTextValue = item.val().replace(/\./g, '').replace(',', '.'); itemValue = parseFloat(realTextValue); if (!isNaN(itemValue)) { // Parse 10.00 wordt gezien als 1000 // Op deze manier laten we duidelijk zien waarom de input niet correct is. Als wij van 10.000 10000 maken ipv 10 moet de klant dat ook kunnen zien. item.val(itemValue.toString().replace('.', ',')); } else { // Indien de waarde bijvoorbeeld een tekst is laten we deze zo. Hierdoor kunnen we later netjes aan de klant tonen dat dit fout is. itemValue = item.val(); } } let adjustmentTextProps = new AdjustmentDimension(item.attr("id"), itemValue, item.attr("data-min"), item.attr("data-max")); json.push(adjustmentTextProps); }); var correct = true; for (var i = 0; i < json.length; i++) { var jqInput = $("#" + json[i].id); var minValue = json[i].minCharCount; var maxValue = json[i].maxCharCount; var inputValue = json[i].value; var thisCorrect = true; jqInput.removeClass("incorrect-input"); if (isNaN(inputValue) || inputValue.length == 0) { // Een lege waarde is niet correct voor de postback, maar nog niet per se fout. // Misschien moet de gebruiker het nog invullen? correct = false; if (inputValue !== undefined && inputValue.length > 0) { // Als er een waarde is ingevuld dat geen cijfer is, is het echt fout. thisCorrect = false; } } else if (inputValue < minValue || inputValue > maxValue) { // Check of de waarde wel echt in de range is. correct = false; thisCorrect = false; } if (!thisCorrect) { jqInput.addClass("incorrect-input"); } } if (correct) { __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'ChangeDimension_' + JSON.stringify(json)); } } function fileSelected(input, templateHeaderValueId, productId, spanId) { StartUpload(input, templateHeaderValueId, productId, spanId) } function StartUpload(input, templateHeaderValueId, productId, spanId) { if (input.files && input.files[0]) { var filerdr = new FileReader(); filerdr.onload = function (e) { var data = e.target.result; //Generated DataURL var fileName = input.value.substring((input.value.lastIndexOf("\\")) + 1) UploadFileForLabel(data, fileName, templateHeaderValueId, productId, spanId); } filerdr.readAsDataURL(input.files[0]); } } function UploadFileForLabel(data, filename, templateHeaderValueId, productId, spanId) { var fileData = []; fileData.push({ "data": data, "fileName": filename, "productTemplateHeaderValueId": templateHeaderValueId, "productId": productId }); var jsonData = JSON.stringify(fileData);//"{'dataURL':'" + data + "','fileName':'" + filename + "', 'productTemplateHeaderValueIdString':'" + templateHeaderValueId + "' , 'productIdString':'" + productId + "' }"); $.ajax({ type: "POST", url: "/webfunctions/FileUpload.ashx", //pageName.aspx/MethodName data: jsonData, contentType: "application/json", //dataType: "json", success: function (jsonData) { if (!jsonData.success) { toastr.error(jsonData.message, "Fout bij aanpassen waarden"); } else { var guid = jsonData.guidDirectory; var filename = jsonData.imageFilename; __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'addProductAdjustmentTemplateHeaderValueSetFile_' + templateHeaderValueId + '_' + guid + '_' + filename); } }, error: function (jsonData) { alert(jsonData.message); } }); } function loadProductVariant2MatrixForProductDetailPage() { } function ChangeAdjustmentPreset() { var id = $("#paPreset").val(); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'loadDebtorAdjustment_' + id); } function GetMainProductId() { return $('#ContentPlaceHolder1_hdMainProductId').val(); } function GetChildProductId() { return $('#ContentPlaceHolder1_hdChildProductId').val(); } function loadTemplateValuesForProductDetailPage() { //Load dynamic }; function VariantSelected(sel) { $('#ContentPlaceHolder1_btnAddToCart').hide(); $('.ajax-loading').show(); __doPostBack('ContentPlaceHolder1_upChildProduct', 'VariantGroup_' + sel.value); } function VariantSelectedBlock(element) { $('.filterloader-child-product').css({ 'display': "block" }); $('.filterloader-child-product').css({ 'position': "fixed" }); if (element.hasAttribute("data-url")) { location.href = element.getAttribute("data-url"); } else { var value = element.getAttribute("data-id"); __doPostBack('ContentPlaceHolder1_upChildProduct', 'VariantGroup_' + value); } } // Triggered when browser history changed window.addEventListener('popstate', function (event) { HistoryBackRestore(); }); // Triggered when the page is displayed in the browser, including returning to the previous page from the cache window.addEventListener('pageshow', function (event) { if (event.persisted) { HistoryBackRestore(); } }); function HistoryBackRestore() { if ($('.filterloader-child-product').length) { $('.filterloader-child-product').css({ 'display': "" }); $('.filterloader-child-product').css({ 'position': "initial" }); } } function OptionSelected(sel, automaticallyChangePrice) { SetBuyButtonIcon($('#ContentPlaceHolder1_btnAddToCart'), false); if (automaticallyChangePrice) { calculatePriceBasedOnDropdowns(); } __doPostBack('ContentPlaceHolder1_upOptionVariant', 'OptionGroup_' + sel.value); } function CheckInvalidItems() { var jqError = $("#adjustment-error-message"); var imageError = false; jqError.hide(); toastr.remove(); toastr.options.preventDuplicates = false; var emptyImages = $(".image-name-empty"); if (emptyImages.length > 0) { imageError = true; emptyImages.addClass("needs-checking"); } var noOptionSelected = $(".none-selected"); noOptionSelected.each(function () { $(this).addClass("needs-checking"); }); var allInvalidItems = $(".needs-checking"); $(".dimension-input").each(function () { var val = $(this).val(); var max = $(this).attr("data-max"); var min = $(this).attr("data-min"); if (valInRange(val, max, min) === false) { $(this).addClass("incorrect-input"); } }); var allItemsIncorrectInput = $(".incorrect-input").map(function () { return $(this); }).get(); $.merge(allInvalidItems, allItemsIncorrectInput); if (allInvalidItems.length > 0) { var errorText = "Zorg er eerst voor dat alle bewerkingen volledig ingesteld zijn."; if (allItemsIncorrectInput.length > 0) { toastr.error("Er zijn invoervelden waarvan de invoer incorrect is.", "", { timeOut: 0, extendedTimeOut: 0 }); } if (imageError) { toastr.error("Er is geen afbeelding gekozen bij bewerkingen waar een afbeelding verplicht is.", "", { timeOut: 0, extendedTimeOut: 0 }); } if (noOptionSelected.length > 0) { toastr.error("Kies ten minste een van de opties om het product te kunnen bestellen.", "", { timeOut: 0, extendedTimeOut: 0 }); } jqError.text(errorText); jqError.show(); //Indien er items gevonden zijn die niet correct zijn (niet ingevuld of ongeldige invoer) staan we het toevoegen nog niet toe. return false; } return true; } // Deze methode gemaakt omdat op de 1 of andere manier data-qty niet goed pakt bij methode boven function AddToCartAlt(ctrl, showShopBuyPopup) { var txtqty = ctrl.getAttribute("data-qty").split('.')[0]; var _qty = document.getElementById(txtqty).value; if (CheckInvalidItems() == false) { return; } var productAdjustmentTemplateHeaderValueId = document.getElementById('ContentPlaceHolder1_hdProductAdjustmentHeaderTemplateId').value; if (productAdjustmentTemplateHeaderValueId != "" && productAdjustmentTemplateHeaderValueId != 0) { __doPostBack('ContentPlaceHolder1_upChildProduct', 'AddToCart_SaveSpecification'); } else { //ZET DE OPTIONS chosenoptions = document.getElementById('ContentPlaceHolder1_hdChosenOptions').value; var colorpickerJson = document.getElementById('ContentPlaceHolder1_hdColorPickerData').value; AddToCartWithReferrerToPreviousPage(ctrl, _qty, showShopBuyPopup, true, colorpickerJson); } } function valInRange(value, max, min) { if (typeof value === 'undefined') { return false; } var valFloat = parseFloat(value.replace(',', '.')); var maxFloat = parseFloat(max.replace(',', '.')); var minFloat = parseFloat(min.replace(',', '.')); return (valFloat <= maxFloat && valFloat >= minFloat); } function ChangeAdjustmentName() { // changeAdjustmentName var oldValue = $("#paPreset option:selected").text(); var paId = $("#paPreset option:selected").val(); var newName = prompt("Geef een nieuwe naam op voor deze configuratie.", oldValue); if (newName != null && oldValue != newName) { // saven naar de db $.ajax({ type: "POST", url: "/webfunctions/ProductAdjustments.ashx", data: { RequestType: "UpdateDebtorAdjustmentName", PaId: paId, PaName: newName, Lang: Lang, }, async: true, success: function (response) { toastr.success("Naam van de bewerking succesvol aangepast."); $("#paPreset option:selected").text(newName); }, error: function (response) { toastr.error("Er is iets fout gegaan bij het aanpassen van de naam. " + response.Message); }, }); } return false; } function RemoveAdjustment() { var currentName = $("#paPreset option:selected").text(); var paId = $("#paPreset option:selected").val(); if (confirm("Weet je zeker dat je '" + currentName + "' wilt verwijderen?")) { $.ajax({ type: "POST", url: "/webfunctions/ProductAdjustments.ashx", data: { RequestType: "DeleteDebtorAdjustment", PaId: paId, Lang: Lang, }, async: true, success: function (response) { if (response.Success) { // popup dat het gelukt is $("#paPreset option:selected").remove(); $("#paPreset").val('0'); ChangeAdjustmentPreset(); toastr.success("Bewerking succesvol verwijderd."); } }, error: function (response) { toastr.error("Er is iets fout gegaan bij het verwijderen van de bewerking. " + response.Message); }, }); } return false; } function AddProductToShoppingCart(button) { MakeFacebookAddToCartEventCall(button); var qtyValue = $("#txtQty").val(); if (qtyValue) { LoadGoogleTagManagerEcommerce(button, true, qtyValue); } __doPostBack('ContentPlaceHolder1_btnAddToCart', 'BtnAddToCart_ServerClick_'); } function AddProductToWishList() { __doPostBack('ContentPlaceHolder1_btnAddToWishlist', 'BtnAddToWishlist_ServerClick_'); } function AddToCartAfterPostBackWithProductAdjustments(btnId, ctrlQty, productAdjustmentDebtorSpecificationId, productId) { var _qty = ctrlQty.value; chosenoptions = document.getElementById('ContentPlaceHolder1_hdChosenOptions').value; var ctrl = document.getElementById(btnId); AddToCartWithQty(ctrl, _qty, true, productId, productAdjustmentDebtorSpecificationId); } function AddViewedProductToLastViewedProductList() { } function ChangeTableSpecsValues(data) { var jsonData = JSON.parse(data); $.each(jsonData, function (i, item) { $('#' + item.Key).html(item.Value); }); } function closeDigitalProductPopUp() { $('#ContentPlaceHolder1_digitalProductAlreadyBoughtHolder').removeClass("popup-product-bought-visible"); } function CalcTotalQtyForBasket() { var count = 0; $('.variantholder .input-quantity').each(function () { count += parseInt(this.value); }); var btnBuy = $('.variantholder .btn-buy'); let basketIcon = "<i class='fa fa-basket'></i>"; let text; if (count > 0) { text = btnBuy.data("counttext"); } else { text = btnBuy.data("defaulttext"); } text = text.replace("{0}", count); btnBuy.html(basketIcon + text); } function SearchTable(table) { var arrayisloaded = false; var array = []; $('.variantholder .universal-dropdown option:selected').each(function () { if (this.value) { var usingSplit = this.value.split(','); if (arrayisloaded) { array = array.filter(x => usingSplit.includes(x)); } else { arrayisloaded = true; array = usingSplit; } } }); var search = $('.variantholder #txtSearchVariants').val(); if (search) { // Verberg alle regels $(`#${table} tbody tr`).hide(); // Toon regel waar de zoekterm in voorkomt $(`#${table} td:first-child:containsCI(${search})`).each(function () { $(this).closest('tr').show(); }) } else { // Toon alle regels $("#" + table + " tbody tr").show(); } if (arrayisloaded) { $(`#${table} tbody tr`).each(function () { var productid = $(this).data('productid').toString(); if (!array.includes(productid)) { $(this).hide(); } }) } } function ToggleGridView(box_view) { if (box_view != document.getElementById('hdShowVariantsInGridViewAsBoxed').value) { document.getElementById('hdShowVariantsInGridViewAsBoxed').value = box_view; $("#sb-list-view").toggleClass('active'); $("#sb-box-view").toggleClass('active'); $('.variants-group-container').children('div').each(function () { var span = $(this).children("span"); var spanText = ""; if (box_view) { $(this).addClass('variants-sb-box-item'); $(this).removeClass('variants-sb-list-item'); spanText = span.attr("data-box-text"); } else { $(this).addClass('variants-sb-list-item'); $(this).removeClass('variants-sb-box-item'); spanText = span.attr("data-list-text"); var elem = $('.variants-group-container'); if (elem !== null && scrollTopGridView !== null) { elem.scrollTop(scrollTopGridView); } } span.text(spanText); if (span.text().trim().length > 0) { span.show(); } else { span.hide(); } }); } } function NavigateToVariantChild(a) { let querystringPara = ""; var inputField = $(a).parent().parent().find(".input-quantity"); var _qty = $(inputField).val(); if (_qty > 0) { querystringPara += `?qty=${_qty}`; } $(`#tableVariants input`).each(function () { var qty = $(this).val(); if (qty > 0) { if (querystringPara.length > 0) { querystringPara += "&"; } else if (querystringPara.length == 0) { querystringPara += "?"; } var productId = $(this).attr("data-productid"); querystringPara += `qty_${productId}=${qty}`; } }) var url = $(a).data("href"); window.location.href = url + querystringPara; } /** * Voeg artikel varianten toe aan het winkelmandje o.b.v. de waarden in de aangeduide tabel. * @param {JQuery} button Button als jQuery object bijv: $(ctrl). * @param {string} table ID van tabel in HTML structuur. * @param {boolean} savedProductAdjustments Zijn eventuele productbewerkingen bekend op de server? * @returns {boolean} True indien toevoegen uitgevoerd is, false als alle aantallen 0 waren. */ function AddVariantsToCart(button, table, savedProductAdjustments) { if (savedProductAdjustments === undefined) { savedProductAdjustments = false; } let productsToOrder = []; // Get ProductId + Qty from table where Qty > 0 $(`#${table} input`).each(function () { var qty = $(this).val(); if (qty > 0) { var productId = $(this).attr("data-productid"); productsToOrder.push({ productId, qty }); } }) if (productsToOrder.length == 0) { toastr.error("Add at least 1 product in order to continue checkout."); return false; } var jsonResult = JSON.stringify(productsToOrder); var productAdjustmentValues = document.getElementById('ContentPlaceHolder1_hdProductAdjustmentCheckedValues').value; if (savedProductAdjustments === false && productAdjustmentValues.length > 0) { __doPostBack('ContentPlaceHolder1_upChildProduct', 'AddProductAdjustmentToCartSaveSpecification_' + jsonResult); return true; } return AddSidebarVariantsToCart(button, table, jsonResult); } /** * Voeg artikel varianten toe aan het winkelmandje o.b.v. de waarden in de aangeduide tabel. * @param {JQuery} button Button als jQuery object bijv: $(ctrl). * @param {string} table ID van tabel in HTML structuur. * @param {string} jsonResult JSON object van artikelen die toegevoegd moeten worden * @returns {boolean} True indien toevoegen uitgevoerd is, false als alle aantallen 0 waren. */ function AddSidebarVariantsToCart(button, table, jsonResult) { var productAdjustmentDebtorId = document.getElementById('ContentPlaceHolder1_hdProductAdjustmentDebtorSpecificationId').value; $.ajax({ type: "POST", url: '/webfunctions/cart.ashx', async: true, data: { ShowShopBuyPopup: false, RequestType: 'AddVariantsToCart', Variants: jsonResult, ProductAdjustmentDebtorId: productAdjustmentDebtorId, Lang: Lang }, async: true, success: function (response) { if (response.Success) { if (NavigateToShoppingCartUrl()) { window.location.href = ShoppingCartUrl; } else { setTimeout(function () { SetBuyButtonIcon(button, false); // Reset winkelmand icon toggleAllmenu(); // Sluit sidebar menu $(`#${table} input`).each(function () { $(this).val(0).trigger("change"); // Reset waarden naar 0 }) }, 600); GetCartCount(); } } }, error: function (response) { toastr.error("Er is iets fout gegaan bij het toevoegen aan de winkelmand. " + response.Message); return false; }, }); } function SampleProductAlreadyInCartMessage() { toastr.error("The sample has already been added to the shopping cart."); } function UpdateDocumentsTabVisibility(showTab) { if (showTab === true) { $("#lblDocuments").removeClass("hide"); } else { $("#lblDocuments").addClass("hide"); } } </script> </div> </div> <div class='wrapper100 wrapper100-subfooter'> <div class='blockcontainer wrapper-content wrapper-subfooter'> <div id="websiteblok28" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 pagecfg key-next-subfooter"> <div id="websitecontentblok64" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 element"> <div id="cmscontentblok213" class="box pcw33 pcs0010 tabw33 tabs0010 mobw33 mobs0010 cmscfg"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <div id="cmscontentblok214" class="box pcw66 pcs0010 tabw66 tabs0010 mobw66 mobs0010 cmscfg"> <h4><a href="https://www.valuedshops.com/webshop/Yarnplaza-com_11972" style="text-decoration:none">We are proud of our customer rating of 9.8</a></h4> </div> </div> </div> </div> </div> <div class='wrapper100 wrapper100-footer'> <div class='blockcontainer wrapper-content wrapper-footer'> <div id="websiteblok26" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 pagecfg key-next-footer"> <div id="websitecontentblok62" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 element"> <div id="cmscontentblok165" class="box pcw25 pcs0010 tabw100 tabs0010 mobw100 mobs0010 linkcfg"> <div class='contentbox linkinnercontentbox'> <h4 >Popular</h4> <ul> <li><a href='/blog.html' title='Blog'><i class='fa fa-chevron-right'></i>Blog</a></li> <li><a href='/needles/crochet-hooks' title='Crochet hooks'><i class='fa fa-chevron-right'></i>Crochet hooks</a></li> <li><a href='/patterns/crochet-patterns' title='Crochet patterns'><i class='fa fa-chevron-right'></i>Crochet patterns</a></li> <li><a href='/yarn/crochet-yarn' title='Crochet yarn'><i class='fa fa-chevron-right'></i>Crochet yarn</a></li> <li><a href='/needles/knitting-needles' title='Knitting needles'><i class='fa fa-chevron-right'></i>Knitting needles</a></li> <li><a href='/patterns/knitting-patterns' title='Knitting patterns'><i class='fa fa-chevron-right'></i>Knitting patterns</a></li> </ul> </div> </div> <div id="cmscontentblok175" class="box pcw25 pcs0020 tabw100 tabs0020 mobw100 mobs0020 linkcfg"> <div class='contentbox linkinnercontentbox'> <h4 >Service & Information</h4> <ul> <li><a href='/complaints' title='Complaints'><i class='fa fa-chevron-right'></i>Complaints</a></li> <li><a href='/contact.html' title='Contact'><i class='fa fa-chevron-right'></i>Contact</a></li> <li><a href='/customer-service' title='Customer Service'><i class='fa fa-chevron-right'></i>Customer Service</a></li> <li><a href='/privacy' title='Privacy'><i class='fa fa-chevron-right'></i>Privacy</a></li> <li><a href='/cookie-policy' title='Cookies'><i class='fa fa-chevron-right'></i>Cookies</a></li> <li><a href='/return-policy' title='Return policy'><i class='fa fa-chevron-right'></i>Return policy</a></li> <li><a href='/shipping-delivery' title='Shipping & delivery'><i class='fa fa-chevron-right'></i>Shipping & delivery</a></li> <li><a href='/terms-and-conditions' title='Terms and Conditions'><i class='fa fa-chevron-right'></i>Terms and Conditions</a></li> </ul> </div> </div> <div id="cmscontentblok173" class="box pcw25 pcs0030 tabw100 tabs0030 mobw100 mobs0030 cmscfg contact"> <article class='contentbox cmsinnercontentbox'> <header><h4>Contact Information</h4></header> <div class='cms-styling'> <ul> <li>Yarnplaza.com </li><li>Doornepol 5 </li><li>5301 LV Zaltbommel </li><li>The Netherlands </li><li>+31 (0)418-721313 (Dutch phonenumber) </li><li><u><u><a href="/contact-information"><u>Contact information</u></a></u></u> </li></ul> <h3>Subscribe to our newsletter</h3><iframe style="display: none" name="iframe_form">
</ iframe></p> </div> </div> </div> </div> <div id="ContentPlaceHolder1_pnShortSpecs" class="pdetail-specsholder"> <!-- if(no icecat template than add class pdetail-extraspecificatie --> <div class="innerspecsholder"> <h3> Specifications</h3> <div id="ContentPlaceHolder1_upPanelTemplateValues"> <div class="filterloader filterloader-templatevalues" style="position: initial;"> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> <div id="pdetailTableSpecs"> <div id="ContentPlaceHolder1_pnlDynamicTemplateValuesBefore"></div> <meta itemprop='mpn' content='16150003' /> <table> <tr><td>Weight</td><td>50 Grams</td></tr> <tr><td>Needle size</td><td>5 - 6 mm</td></tr> <tr><td>Length</td><td>210 meter</td></tr> <tr><td>Composition</td><td>36% Merino wol,36% Alpaka, 28% Polyamide</td></tr> <tr><td>Yarn Weight</td><td>Aran & Worsted</td></tr> <tr><td>Tension square 10x10cm (S)</td><td>16 stitches</td></tr> <tr><td>Application</td><td>Knitting</td></tr> <tr><td>Tension square 10x10cm (R)</td><td>22 rows</td></tr> <tr><td>Sweater size</td><td>38-40</td></tr> <tr><td>Balls per sweater</td><td>6</td></tr> <tr><td>Washing</td><td>Handwash only</td></tr> <tr><td>Bleaching</td><td>No</td></tr> <tr><td>Tumble dryer</td><td>Do not tumble dry</td></tr> <tr><td>Dry flat</td><td>Yes</td></tr> <tr><td>Ironing</td><td>Iron at low temperature</td></tr> <tr><td>Dry cleaning</td><td>Yes</td></tr> <tr><td>Brand</td><td><a href='https://www.yarnplaza.com/brand/25/lana-grossa.html' title='Lana Grossa'><span itemprop='brand' itemscope itemtype='http://schema.org/Brand'><span itemprop='name'>Lana Grossa</span></span></a></td></tr> <tr><td>Category</td><td><a href='https://www.yarnplaza.com/yarn/fall-winter' title='Fall/ Winter'><span itemprop='category'>Fall/ Winter</span></a></td></tr> <tr><td>EAN Code</td><td id='TableSpecs_Barcode'><span itemprop="gtin">4033493369886</span></td></tr> <tr><td>Product code</td><td id='TableSpecs_ProductCode'><span itemprop='sku'>bwlg16150_003</span></td></tr> <tr><td>Unit</td><td>Per piece</td></tr> </table> <div id="ContentPlaceHolder1_pnlDynamicTemplateValuesAfter"></div> </div> </div> </div> </div> <div id="ContentPlaceHolder1_upPackage"> </div> <div id="ContentPlaceHolder1_pnlProductRelatedItemHolder" class="pdetail-gerelaterholder related-items-full-width"> <div id="ContentPlaceHolder1_pnlRelatedItems" class="gerelateerdfix" data-productrelatedtype="RELATED" data-withpercent="16" data-slideProductCount="3" data-parentproductid="57646" data-childproductid="57649"> <div class="innergerelateerdholder"> <h3 id="h3RelatedArticles"> Related products</h3> </div> <div class='box pcw100 pcs0020 tabw100 tabs0020 mobw100 mobs0020 element artikelen-element slide3'> <div class='productlistholder productlist16'> <div id='pid-24654' class='innerproductlist' data-qty='3,00' data-productcode='nldkp103473_6' data-productname='Knitpro Zing Knitting Needles 40cm 6mm' data-productbrand='KnitPro' data-productbarcode='8904086281662'data-productprice='6.40' > <a href='https://www.yarnplaza.com/product/24654/knitpro-zing-knitting-needles-40cm-6mm.html' title='Knitpro Zing Knitting Needles 40cm 6mm' class='productlist-imgholder gtm-product-impression'> <img src="https://www.yarnplaza.com/resize/knitpro-zing-breinaalden-40cm-6mm-kp47333-8904086281662_7557515058257.jpg/250/250/True/knitpro-zing-knitting-needles-40cm-6mm.jpg" loading="lazy" onerror="this.src='https://logic4cdn.azureedge.net/cdn/styles/clients/wolplein-yarnplaza/img/no-img.svg';this.onerror='';" alt="Knitpro Zing Knitting Needles 40cm 6mm"/> </a> <div class='productlist-topfx'> <div class='productlist-title gtm-product-impression'> <a href='https://www.yarnplaza.com/product/24654/knitpro-zing-knitting-needles-40cm-6mm.html' title='Knitpro Zing Knitting Needles 40cm 6mm'>Knitpro Zing Knitting Needles 40cm 6mm</a> </div> </div> <div class='productlist-bottomfx'> <span class='productlist-oldprice'> <span class='productlist-oldprice'> </span> </span> <div class='productlist-priceholder'> <span class='productlist-price'> <span class='product-price-currency'>€ </span><span class='product-price-amount'>7,68</span> </span> </div> <div class='product-buyinfoholder product-buyholderonly'> <div class='productlist-buyholder' title='Add to shopping cart'> <span data-productid='24654' data-productcode='nldkp103473_6' data-productname='Knitpro Zing Knitting Needles 40cm 6mm' data-productprice='6.40' data-productbrand='KnitPro' data-qty='1' data-url='https://www.yarnplaza.com/product/24654/knitpro-zing-knitting-needles-40cm-6mm.html' onclick="AddToCart(this,true);"> <i class='fa fa-basket'></i> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div id="ContentPlaceHolder1_pnlReviews" class="pdetail-reviewsholder"> <div class="innerreviewsholder"> </div> <div id="ContentPlaceHolder1_updatepanel_Review" class="writereviewholder"> <h3 id="reviewschrijven" class="writerev-title">Write a review</h3> <div id="ContentPlaceHolder1_pnlWrite" class="review-makebox"> <table> <tr> <td> <div class="starrating"> <span>Number of stars</span> <input id="rating5" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating5" checked="checked" /> <label for="rating5"><i class="fa fa-star-o"></i></label> <input id="rating4" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating4" /> <label for="rating4"><i class="fa fa-star-o"></i></label> <input id="rating3" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating3" /> <label for="rating3"><i class="fa fa-star-o"></i></label> <input id="rating2" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating2" /> <label for="rating2"><i class="fa fa-star-o"></i></label> <input id="rating1" type="radio" name="ctl00$ContentPlaceHolder1$ratings" value="rating1" /> <label for="rating1"><i class="fa fa-star-o"></i></label> </div> </td> </tr> <tr> <td> <input name="ctl00$ContentPlaceHolder1$txtReviewName" type="text" maxlength="100" id="txtReviewName" class="input-gray input-revnaam" onblur="Validate_Group(this.id,'validationGroupReview')" placeholder="Name" /> <input name="ctl00$ContentPlaceHolder1$txtReviewEmailAddress" type="text" maxlength="100" id="txtReviewEmailAddress" class="input-gray input-revmail" onblur="Validate_Group(this.id,'validationGroupReview')" placeholder="E-mail (stays secret)" /> <input name="ctl00$ContentPlaceHolder1$txtFullNameCity" type="text" id="txtFullNameCity" tabindex="-1" class="bumbli-wrap bumbli-sol" name="full-name-city" autocomplete="tottalyvalidautocompletething" /> </td> </tr> <tr> <td> <textarea name="ctl00$ContentPlaceHolder1$txtReviewArgument" rows="10" cols="20" id="txtReviewArgument" class="input-gray input-revtekst" onblur="Validate_Group(this.id,'validationGroupReview')" placeholder="Describe your experience with this product"> </textarea> <span class="bumbli-wrap bumbli-sol"> <input name="ctl00$ContentPlaceHolder1$txtCompeleteFullName" type="text" id="ContentPlaceHolder1_txtCompeleteFullName" class="bumblinumber" placeholder="full name" /> </span> </td> </tr> <tr> <td> <a onclick="Validate_Group('','validationGroupReview');" id="ContentPlaceHolder1_btnSendReview" class="button-plaatsreview" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$btnSendReview", "", true, "validationGroupReview", "", false, true))">Submit review</a> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$reviewverzonden" id="ContentPlaceHolder1_reviewverzonden" /> </div> </div> <div id="ContentPlaceHolder1_pnlFaqHolder" class="pdetail-faqholder"> <section class="innerfaqholder"> <h2 class='faqnoitem'>Ask a question about this product</h2> <article class="askitem"> <div id="ContentPlaceHolder1_upPnlFAQ"> <div id="ContentPlaceHolder1_pnlFAQQuestionWrite" class="askinputholder"> <textarea name="ctl00$ContentPlaceHolder1$txtQuestion" rows="6" cols="20" id="txtQuestion" class="input-white aks-txtinput ask-vraag" placeholder="Question" onblur="Validate_Group(this.id,'ValidateQuestion')"> </textarea> <input name="ctl00$ContentPlaceHolder1$txtQuestionName" type="text" maxlength="100" id="txtQuestionName" class="input-white ask-txtinput ask-name" onblur="Validate_Group(this.id,'ValidateQuestion')" placeholder="Name" /> <input name="ctl00$ContentPlaceHolder1$txtQuestionEmailTel" type="text" maxlength="100" id="txtQuestionEmailTel" class="input-white ask-txtinput ask-mail" onblur="Validate_Group(this.id,'ValidateQuestion')" placeholder="E-mail or phone number" /> <span class="bumbli-wrap bumbli-sol"> <input name="ctl00$ContentPlaceHolder1$txtCompleteZipCode" type="text" id="ContentPlaceHolder1_txtCompleteZipCode" class="bumblinumber" placeholder="zip code" /> </span> <input type="submit" name="ctl00$ContentPlaceHolder1$btnQuestion" value="Send" onclick="Validate_Group('','ValidateQuestion');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$btnQuestion", "", true, "ValidateQuestion", "", false, false))" id="ContentPlaceHolder1_btnQuestion" class="btn-asksend" /> </div> </div> </article> </section> </div> <div id="ContentPlaceHolder1_upOptionVariant"> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdChosenOptions" id="ContentPlaceHolder1_hdChosenOptions" /> </div> </form> <script type="text/javascript"> var scrollTopGridView; window.onload = function () { loadTemplateValuesForProductDetailPage(); loadProductVariant2MatrixForProductDetailPage(); AddViewedProductToLastViewedProductList(); calculatePriceBasedOnDropdowns(); LoadProductStockWarehouseInformation(); //Case insensitive contains, gebruikt voor zoeken in artikelvariant tabel jQuery.extend( jQuery.expr[':'].containsCI = function (a, i, m) { var sText = (a.textContent || a.innerText || ""); var zRegExp = new RegExp(m[3], 'i'); return zRegExp.test(sText); } ); }; var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); function InitializeRequest(sender, args) { var elem = $('.variants-group-container'); if (elem !== null) { scrollTopGridView = elem.scrollTop(); } } function EndRequest(sender, args) { var elem = $('.variants-group-container'); if (elem !== null && scrollTopGridView !== null) { elem.scrollTop(scrollTopGridView); } } /** * Update quantity in textbox element so it is limited by specified values (max, step) * @param {HTMLElement} inputElement Input textbox **/ function UpdateQtyForTextBox(inputElement) { var currentInputValue = inputElement.value; if (currentInputValue < 0) { // There's no good reason to have negative values on these inputs, make it 0 instead. currentInputValue = 0; inputElement.value = 0; } if (currentInputValue == 0) { // Min value is handled by server side, this also disables buttons etc. return; } var increment = parseInt(inputElement.step) || 1; var textboxValue = parseInt(currentInputValue) || 0; var maxValue = parseInt(inputElement.max) || 999999; //Step (order per qty) if ((textboxValue % increment) != 0) { textboxValue = textboxValue - (textboxValue % increment); } //Maximum value (stock/ max order qty) if (textboxValue > maxValue) { textboxValue = maxValue; } inputElement.value = textboxValue; } function LoadProductStockWarehouseInformation() { } function AddProductAdjustmentTemplateHeaderValue(templateHeaderValueId, inputType) { toastr.clear(); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'addProductAdjustmentTemplateHeaderValue_' + inputType + '_' + templateHeaderValueId); } function ResetProductAdjustmentTemplate() { toastr.clear(); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'resetProductAdjustments'); } function ResetProductImage(treeId) { __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'resetProductAdjustmentImage_' + treeId); } function ChangeQty(qty) { __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'ChangeQty_' + qty); } // NOTE: same logic can be found in Product-detail.aspx.CS, function SetStandardAmountQtyFields() function ChangeQtyStd(qty, updateUserInputValue = false) { var value = parseFloat(qty); // value is higher if there is a loss percentage var stdAmountQtyNeeded = GetStandardAmountQty(); //console.log("- stdAmountQtyNeeded = " + stdAmountQtyNeeded + ", txtQtyUnit = " + txtQtyUnit.value); // wat de koper moet aanschaffen, eventueel meer vanwege een verliespercentage (zaagverlies, snijverlies) var txtQtyUnitToPurchase = document.getElementById("txtQtyUnitToPurchase"); if (txtQtyUnitToPurchase) { var stdAmountQtyPurchase = parseFloat(document.getElementById('ContentPlaceHolder1_hdStandardAmountQty').value); txtQtyUnitToPurchase.value = Math.round(((value / stdAmountQtyPurchase) + 0.00001) * 100) / 100; //console.log("- stdAmountQtyPurchase = " + stdAmountQtyPurchase + ", txtQtyUnitToPurchase = " + txtQtyUnitToPurchase.value); } // wat de koper daadwerkelijk koopt. var actualQtyForProduct = Math.round(((value / stdAmountQtyNeeded) + 0.00001) * 100) / 100; UpdateQtyUnit(actualQtyForProduct, updateUserInputValue); ChangeQty(qty); } function UpdateQtyUnit(correctedValue, updateUserInputValue) { // Hiddenfield set voor postback var lblQtyCorrected = document.getElementById("lblQtyUnitCorrected"); lblQtyCorrected.innerHTML = correctedValue; $("#hdQtyUnitCorrected").val(correctedValue); if (updateUserInputValue) { var txtQty = document.getElementById('txtQtyUnit'); txtQty.value = correctedValue; } } function GetStandardAmountQty() { var useLossPercentage = document.getElementById('ContentPlaceHolder1_chkIncludeLossPercentage'); // we replace commas with dots as JS is unforgiving on its float format if (useLossPercentage && useLossPercentage.checked) { return parseFloat(document.getElementById('ContentPlaceHolder1_hdStandardAmountQtyCorrected').value.replace(',', '.')); } else { return parseFloat(document.getElementById('ContentPlaceHolder1_hdStandardAmountQty').value.replace(',', '.')); } } function ChangeQtyUnit(qty, id) { var txtQty = document.getElementById(id); // field with quantity, id = 'txtQtyStd' if (txtQty != null) { var value = parseFloat(qty); // value that the user has entered var stdAmountQty = GetStandardAmountQty(); // corrected: higher value with loss percentage var quantity = Math.ceil(value * stdAmountQty); // so quantity is also higher (need to buy more) txtQty.value = quantity.toString(); //console.log("ChangeQtyUnit(" + qty + ", " + id + ") -> stdAmountQty = " + stdAmountQty + ", quantity = " + quantity); ChangeQtyStd(quantity); } } /** * Object om alle benodigde gegevens voor een tekst invoerveld van productbewerkingen op te sturen bij een postback. */ class AdjustmentText { constructor(id, value, minCharCount, maxCharCount) { this.id = id; this.inputId = id.replace("txtinput", ""); this.value = value.replace("_", "-"); this.minCharCount = parseFloat(minCharCount); this.maxCharCount = parseFloat(maxCharCount); } } /** * Object om alle benodigde gegevens voor een dimensie (hoogte/breedte) invoerveld van productbewerkingen op te sturen bij een postback. */ class AdjustmentDimension { constructor(id, value, minCharCount, maxCharCount) { this.id = id; this.value = value; this.minCharCount = parseFloat(minCharCount); this.maxCharCount = parseFloat(maxCharCount); var res = id.replace("txtDimension", "").split("-"); this.adjustmentId = res.shift(); this.groupId = res.shift(); this.adjustmentValueId = res.shift(); this.dimensionId = res.shift(); } } /** * Pas een tekstveld aan bij een productbewerking. Alle tekstvelden worden in één postback verzonden naar de server zodat er geen waarden verloren gaan. */ function ChangeAdjustmentText(treeId) { var txtInput = $("#txtinput" + treeId); var tooShortText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextTooShort').value; var minCharsText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextMinimalChars').value; var tooLongText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextTooLong').value; var maxCharsText = document.getElementById('ContentPlaceHolder1_hdTransAdjustmentTextMaximalChars').value; let adjustmentTextProps = new AdjustmentText(txtInput.attr("id"), txtInput.val(), txtInput.attr("data-min"), txtInput.attr("data-max")); var json = []; json.push(adjustmentTextProps); var correct = true; var jqInput = $("#" + json[0].id); var label = $('label[for=' + json[0].id + ']'); var labelText = ""; if (label.length > 0) { labelText = label.text() + ": "; } jqInput.removeClass("incorrect-input"); var data = json[0].value; var minLength = json[0].minCharCount; var maxLength = json[0].maxCharCount; if (!isNaN(minLength) && data.length < minLength) { correct = false; toastr.error(labelText + tooShortText + " (" + data.length + "), " + minCharsText + " " + minLength + "\n"); } else if (!isNaN(maxLength) && data.length > maxLength) { correct = false; toastr.error(labelText + tooLongText + " (" + data.length + "), " + maxCharsText + " " + maxLength + "\n"); } if (!correct) { jqInput.addClass("incorrect-input"); } else { $("#spAdjComment" + treeId).html("<i class='fa fa-pencil-square-o'></i>" + txtInput.val()); $("#spAdjComment" + treeId).delay(300).fadeIn(300); $("#inputHolder" + treeId).fadeOut(300); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'ChangeTextInput_' + JSON.stringify(json)); } } /** * Pas de waarden van een productbewerking aan. Bijvoorbeeld hoogte/breedte. * Deze worden beiden tegelijk verzonden in de postback i.p.v. apart om geen waarden te verliezen. */ function ChangeDimension(input) { var lastDash = input.id.lastIndexOf("-"); var idToSearch = input.id.substring(0, lastDash); var txtInputs = $('*[id*=' + idToSearch + ']:visible'); var json = []; txtInputs.each(function () { var item = $(this); var itemValue = item.val(); if (itemValue.length > 0) { var realTextValue = item.val().replace(/\./g, '').replace(',', '.'); itemValue = parseFloat(realTextValue); if (!isNaN(itemValue)) { // Parse 10.00 wordt gezien als 1000 // Op deze manier laten we duidelijk zien waarom de input niet correct is. Als wij van 10.000 10000 maken ipv 10 moet de klant dat ook kunnen zien. item.val(itemValue.toString().replace('.', ',')); } else { // Indien de waarde bijvoorbeeld een tekst is laten we deze zo. Hierdoor kunnen we later netjes aan de klant tonen dat dit fout is. itemValue = item.val(); } } let adjustmentTextProps = new AdjustmentDimension(item.attr("id"), itemValue, item.attr("data-min"), item.attr("data-max")); json.push(adjustmentTextProps); }); var correct = true; for (var i = 0; i < json.length; i++) { var jqInput = $("#" + json[i].id); var minValue = json[i].minCharCount; var maxValue = json[i].maxCharCount; var inputValue = json[i].value; var thisCorrect = true; jqInput.removeClass("incorrect-input"); if (isNaN(inputValue) || inputValue.length == 0) { // Een lege waarde is niet correct voor de postback, maar nog niet per se fout. // Misschien moet de gebruiker het nog invullen? correct = false; if (inputValue !== undefined && inputValue.length > 0) { // Als er een waarde is ingevuld dat geen cijfer is, is het echt fout. thisCorrect = false; } } else if (inputValue < minValue || inputValue > maxValue) { // Check of de waarde wel echt in de range is. correct = false; thisCorrect = false; } if (!thisCorrect) { jqInput.addClass("incorrect-input"); } } if (correct) { __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'ChangeDimension_' + JSON.stringify(json)); } } function fileSelected(input, templateHeaderValueId, productId, spanId) { StartUpload(input, templateHeaderValueId, productId, spanId) } function StartUpload(input, templateHeaderValueId, productId, spanId) { if (input.files && input.files[0]) { var filerdr = new FileReader(); filerdr.onload = function (e) { var data = e.target.result; //Generated DataURL var fileName = input.value.substring((input.value.lastIndexOf("\\")) + 1) UploadFileForLabel(data, fileName, templateHeaderValueId, productId, spanId); } filerdr.readAsDataURL(input.files[0]); } } function UploadFileForLabel(data, filename, templateHeaderValueId, productId, spanId) { var fileData = []; fileData.push({ "data": data, "fileName": filename, "productTemplateHeaderValueId": templateHeaderValueId, "productId": productId }); var jsonData = JSON.stringify(fileData);//"{'dataURL':'" + data + "','fileName':'" + filename + "', 'productTemplateHeaderValueIdString':'" + templateHeaderValueId + "' , 'productIdString':'" + productId + "' }"); $.ajax({ type: "POST", url: "/webfunctions/FileUpload.ashx", //pageName.aspx/MethodName data: jsonData, contentType: "application/json", //dataType: "json", success: function (jsonData) { if (!jsonData.success) { toastr.error(jsonData.message, "Fout bij aanpassen waarden"); } else { var guid = jsonData.guidDirectory; var filename = jsonData.imageFilename; __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'addProductAdjustmentTemplateHeaderValueSetFile_' + templateHeaderValueId + '_' + guid + '_' + filename); } }, error: function (jsonData) { alert(jsonData.message); } }); } function loadProductVariant2MatrixForProductDetailPage() { } function ChangeAdjustmentPreset() { var id = $("#paPreset").val(); __doPostBack('ContentPlaceHolder1_upProductAdjustments', 'loadDebtorAdjustment_' + id); } function GetMainProductId() { return $('#ContentPlaceHolder1_hdMainProductId').val(); } function GetChildProductId() { return $('#ContentPlaceHolder1_hdChildProductId').val(); } function loadTemplateValuesForProductDetailPage() { //Load dynamic }; function VariantSelected(sel) { $('#ContentPlaceHolder1_btnAddToCart').hide(); $('.ajax-loading').show(); __doPostBack('ContentPlaceHolder1_upChildProduct', 'VariantGroup_' + sel.value); } function VariantSelectedBlock(element) { $('.filterloader-child-product').css({ 'display': "block" }); $('.filterloader-child-product').css({ 'position': "fixed" }); if (element.hasAttribute("data-url")) { location.href = element.getAttribute("data-url"); } else { var value = element.getAttribute("data-id"); __doPostBack('ContentPlaceHolder1_upChildProduct', 'VariantGroup_' + value); } } // Triggered when browser history changed window.addEventListener('popstate', function (event) { HistoryBackRestore(); }); // Triggered when the page is displayed in the browser, including returning to the previous page from the cache window.addEventListener('pageshow', function (event) { if (event.persisted) { HistoryBackRestore(); } }); function HistoryBackRestore() { if ($('.filterloader-child-product').length) { $('.filterloader-child-product').css({ 'display': "" }); $('.filterloader-child-product').css({ 'position': "initial" }); } } function OptionSelected(sel, automaticallyChangePrice) { SetBuyButtonIcon($('#ContentPlaceHolder1_btnAddToCart'), false); if (automaticallyChangePrice) { calculatePriceBasedOnDropdowns(); } __doPostBack('ContentPlaceHolder1_upOptionVariant', 'OptionGroup_' + sel.value); } function CheckInvalidItems() { var jqError = $("#adjustment-error-message"); var imageError = false; jqError.hide(); toastr.remove(); toastr.options.preventDuplicates = false; var emptyImages = $(".image-name-empty"); if (emptyImages.length > 0) { imageError = true; emptyImages.addClass("needs-checking"); } var noOptionSelected = $(".none-selected"); noOptionSelected.each(function () { $(this).addClass("needs-checking"); }); var allInvalidItems = $(".needs-checking"); $(".dimension-input").each(function () { var val = $(this).val(); var max = $(this).attr("data-max"); var min = $(this).attr("data-min"); if (valInRange(val, max, min) === false) { $(this).addClass("incorrect-input"); } }); var allItemsIncorrectInput = $(".incorrect-input").map(function () { return $(this); }).get(); $.merge(allInvalidItems, allItemsIncorrectInput); if (allInvalidItems.length > 0) { var errorText = "Zorg er eerst voor dat alle bewerkingen volledig ingesteld zijn."; if (allItemsIncorrectInput.length > 0) { toastr.error("Er zijn invoervelden waarvan de invoer incorrect is.", "", { timeOut: 0, extendedTimeOut: 0 }); } if (imageError) { toastr.error("Er is geen afbeelding gekozen bij bewerkingen waar een afbeelding verplicht is.", "", { timeOut: 0, extendedTimeOut: 0 }); } if (noOptionSelected.length > 0) { toastr.error("Kies ten minste een van de opties om het product te kunnen bestellen.", "", { timeOut: 0, extendedTimeOut: 0 }); } jqError.text(errorText); jqError.show(); //Indien er items gevonden zijn die niet correct zijn (niet ingevuld of ongeldige invoer) staan we het toevoegen nog niet toe. return false; } return true; } // Deze methode gemaakt omdat op de 1 of andere manier data-qty niet goed pakt bij methode boven function AddToCartAlt(ctrl, showShopBuyPopup) { var txtqty = ctrl.getAttribute("data-qty").split('.')[0]; var _qty = document.getElementById(txtqty).value; if (CheckInvalidItems() == false) { return; } var productAdjustmentTemplateHeaderValueId = document.getElementById('ContentPlaceHolder1_hdProductAdjustmentHeaderTemplateId').value; if (productAdjustmentTemplateHeaderValueId != "" && productAdjustmentTemplateHeaderValueId != 0) { __doPostBack('ContentPlaceHolder1_upChildProduct', 'AddToCart_SaveSpecification'); } else { //ZET DE OPTIONS chosenoptions = document.getElementById('ContentPlaceHolder1_hdChosenOptions').value; var colorpickerJson = document.getElementById('ContentPlaceHolder1_hdColorPickerData').value; AddToCartWithReferrerToPreviousPage(ctrl, _qty, showShopBuyPopup, true, colorpickerJson); } } function valInRange(value, max, min) { if (typeof value === 'undefined') { return false; } var valFloat = parseFloat(value.replace(',', '.')); var maxFloat = parseFloat(max.replace(',', '.')); var minFloat = parseFloat(min.replace(',', '.')); return (valFloat <= maxFloat && valFloat >= minFloat); } function ChangeAdjustmentName() { // changeAdjustmentName var oldValue = $("#paPreset option:selected").text(); var paId = $("#paPreset option:selected").val(); var newName = prompt("Geef een nieuwe naam op voor deze configuratie.", oldValue); if (newName != null && oldValue != newName) { // saven naar de db $.ajax({ type: "POST", url: "/webfunctions/ProductAdjustments.ashx", data: { RequestType: "UpdateDebtorAdjustmentName", PaId: paId, PaName: newName, Lang: Lang, }, async: true, success: function (response) { toastr.success("Naam van de bewerking succesvol aangepast."); $("#paPreset option:selected").text(newName); }, error: function (response) { toastr.error("Er is iets fout gegaan bij het aanpassen van de naam. " + response.Message); }, }); } return false; } function RemoveAdjustment() { var currentName = $("#paPreset option:selected").text(); var paId = $("#paPreset option:selected").val(); if (confirm("Weet je zeker dat je '" + currentName + "' wilt verwijderen?")) { $.ajax({ type: "POST", url: "/webfunctions/ProductAdjustments.ashx", data: { RequestType: "DeleteDebtorAdjustment", PaId: paId, Lang: Lang, }, async: true, success: function (response) { if (response.Success) { // popup dat het gelukt is $("#paPreset option:selected").remove(); $("#paPreset").val('0'); ChangeAdjustmentPreset(); toastr.success("Bewerking succesvol verwijderd."); } }, error: function (response) { toastr.error("Er is iets fout gegaan bij het verwijderen van de bewerking. " + response.Message); }, }); } return false; } function AddProductToShoppingCart(button) { MakeFacebookAddToCartEventCall(button); var qtyValue = $("#txtQty").val(); if (qtyValue) { LoadGoogleTagManagerEcommerce(button, true, qtyValue); } __doPostBack('ContentPlaceHolder1_btnAddToCart', 'BtnAddToCart_ServerClick_'); } function AddProductToWishList() { __doPostBack('ContentPlaceHolder1_btnAddToWishlist', 'BtnAddToWishlist_ServerClick_'); } function AddToCartAfterPostBackWithProductAdjustments(btnId, ctrlQty, productAdjustmentDebtorSpecificationId, productId) { var _qty = ctrlQty.value; chosenoptions = document.getElementById('ContentPlaceHolder1_hdChosenOptions').value; var ctrl = document.getElementById(btnId); AddToCartWithQty(ctrl, _qty, true, productId, productAdjustmentDebtorSpecificationId); } function AddViewedProductToLastViewedProductList() { } function ChangeTableSpecsValues(data) { var jsonData = JSON.parse(data); $.each(jsonData, function (i, item) { $('#' + item.Key).html(item.Value); }); } function closeDigitalProductPopUp() { $('#ContentPlaceHolder1_digitalProductAlreadyBoughtHolder').removeClass("popup-product-bought-visible"); } function CalcTotalQtyForBasket() { var count = 0; $('.variantholder .input-quantity').each(function () { count += parseInt(this.value); }); var btnBuy = $('.variantholder .btn-buy'); let basketIcon = "<i class='fa fa-basket'></i>"; let text; if (count > 0) { text = btnBuy.data("counttext"); } else { text = btnBuy.data("defaulttext"); } text = text.replace("{0}", count); btnBuy.html(basketIcon + text); } function SearchTable(table) { var arrayisloaded = false; var array = []; $('.variantholder .universal-dropdown option:selected').each(function () { if (this.value) { var usingSplit = this.value.split(','); if (arrayisloaded) { array = array.filter(x => usingSplit.includes(x)); } else { arrayisloaded = true; array = usingSplit; } } }); var search = $('.variantholder #txtSearchVariants').val(); if (search) { // Verberg alle regels $(`#${table} tbody tr`).hide(); // Toon regel waar de zoekterm in voorkomt $(`#${table} td:first-child:containsCI(${search})`).each(function () { $(this).closest('tr').show(); }) } else { // Toon alle regels $("#" + table + " tbody tr").show(); } if (arrayisloaded) { $(`#${table} tbody tr`).each(function () { var productid = $(this).data('productid').toString(); if (!array.includes(productid)) { $(this).hide(); } }) } } function ToggleGridView(box_view) { if (box_view != document.getElementById('hdShowVariantsInGridViewAsBoxed').value) { document.getElementById('hdShowVariantsInGridViewAsBoxed').value = box_view; $("#sb-list-view").toggleClass('active'); $("#sb-box-view").toggleClass('active'); $('.variants-group-container').children('div').each(function () { var span = $(this).children("span"); var spanText = ""; if (box_view) { $(this).addClass('variants-sb-box-item'); $(this).removeClass('variants-sb-list-item'); spanText = span.attr("data-box-text"); } else { $(this).addClass('variants-sb-list-item'); $(this).removeClass('variants-sb-box-item'); spanText = span.attr("data-list-text"); var elem = $('.variants-group-container'); if (elem !== null && scrollTopGridView !== null) { elem.scrollTop(scrollTopGridView); } } span.text(spanText); if (span.text().trim().length > 0) { span.show(); } else { span.hide(); } }); } } function NavigateToVariantChild(a) { let querystringPara = ""; var inputField = $(a).parent().parent().find(".input-quantity"); var _qty = $(inputField).val(); if (_qty > 0) { querystringPara += `?qty=${_qty}`; } $(`#tableVariants input`).each(function () { var qty = $(this).val(); if (qty > 0) { if (querystringPara.length > 0) { querystringPara += "&"; } else if (querystringPara.length == 0) { querystringPara += "?"; } var productId = $(this).attr("data-productid"); querystringPara += `qty_${productId}=${qty}`; } }) var url = $(a).data("href"); window.location.href = url + querystringPara; } /** * Voeg artikel varianten toe aan het winkelmandje o.b.v. de waarden in de aangeduide tabel. * @param {JQuery} button Button als jQuery object bijv: $(ctrl). * @param {string} table ID van tabel in HTML structuur. * @param {boolean} savedProductAdjustments Zijn eventuele productbewerkingen bekend op de server? * @returns {boolean} True indien toevoegen uitgevoerd is, false als alle aantallen 0 waren. */ function AddVariantsToCart(button, table, savedProductAdjustments) { if (savedProductAdjustments === undefined) { savedProductAdjustments = false; } let productsToOrder = []; // Get ProductId + Qty from table where Qty > 0 $(`#${table} input`).each(function () { var qty = $(this).val(); if (qty > 0) { var productId = $(this).attr("data-productid"); productsToOrder.push({ productId, qty }); } }) if (productsToOrder.length == 0) { toastr.error("Add at least 1 product in order to continue checkout."); return false; } var jsonResult = JSON.stringify(productsToOrder); var productAdjustmentValues = document.getElementById('ContentPlaceHolder1_hdProductAdjustmentCheckedValues').value; if (savedProductAdjustments === false && productAdjustmentValues.length > 0) { __doPostBack('ContentPlaceHolder1_upChildProduct', 'AddProductAdjustmentToCartSaveSpecification_' + jsonResult); return true; } return AddSidebarVariantsToCart(button, table, jsonResult); } /** * Voeg artikel varianten toe aan het winkelmandje o.b.v. de waarden in de aangeduide tabel. * @param {JQuery} button Button als jQuery object bijv: $(ctrl). * @param {string} table ID van tabel in HTML structuur. * @param {string} jsonResult JSON object van artikelen die toegevoegd moeten worden * @returns {boolean} True indien toevoegen uitgevoerd is, false als alle aantallen 0 waren. */ function AddSidebarVariantsToCart(button, table, jsonResult) { var productAdjustmentDebtorId = document.getElementById('ContentPlaceHolder1_hdProductAdjustmentDebtorSpecificationId').value; $.ajax({ type: "POST", url: '/webfunctions/cart.ashx', async: true, data: { ShowShopBuyPopup: false, RequestType: 'AddVariantsToCart', Variants: jsonResult, ProductAdjustmentDebtorId: productAdjustmentDebtorId, Lang: Lang }, async: true, success: function (response) { if (response.Success) { if (NavigateToShoppingCartUrl()) { window.location.href = ShoppingCartUrl; } else { setTimeout(function () { SetBuyButtonIcon(button, false); // Reset winkelmand icon toggleAllmenu(); // Sluit sidebar menu $(`#${table} input`).each(function () { $(this).val(0).trigger("change"); // Reset waarden naar 0 }) }, 600); GetCartCount(); } } }, error: function (response) { toastr.error("Er is iets fout gegaan bij het toevoegen aan de winkelmand. " + response.Message); return false; }, }); } function SampleProductAlreadyInCartMessage() { toastr.error("The sample has already been added to the shopping cart."); } function UpdateDocumentsTabVisibility(showTab) { if (showTab === true) { $("#lblDocuments").removeClass("hide"); } else { $("#lblDocuments").addClass("hide"); } } </script> </div> </div> <div class='wrapper100 wrapper100-subfooter'> <div class='blockcontainer wrapper-content wrapper-subfooter'> <div id="websiteblok28" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 pagecfg key-next-subfooter"> <div id="websitecontentblok64" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 element"> <div id="cmscontentblok213" class="box pcw33 pcs0010 tabw33 tabs0010 mobw33 mobs0010 cmscfg"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <div id="cmscontentblok214" class="box pcw66 pcs0010 tabw66 tabs0010 mobw66 mobs0010 cmscfg"> <h4><a href="https://www.valuedshops.com/webshop/Yarnplaza-com_11972" style="text-decoration:none">We are proud of our customer rating of 9.8</a></h4> </div> </div> </div> </div> </div> <div class='wrapper100 wrapper100-footer'> <div class='blockcontainer wrapper-content wrapper-footer'> <div id="websiteblok26" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 pagecfg key-next-footer"> <div id="websitecontentblok62" class="box pcw100 pcs0010 tabw100 tabs0010 mobw100 mobs0010 element"> <div id="cmscontentblok165" class="box pcw25 pcs0010 tabw100 tabs0010 mobw100 mobs0010 linkcfg"> <div class='contentbox linkinnercontentbox'> <h4 >Popular</h4> <ul> <li><a href='/blog.html' title='Blog'><i class='fa fa-chevron-right'></i>Blog</a></li> <li><a href='/needles/crochet-hooks' title='Crochet hooks'><i class='fa fa-chevron-right'></i>Crochet hooks</a></li> <li><a href='/patterns/crochet-patterns' title='Crochet patterns'><i class='fa fa-chevron-right'></i>Crochet patterns</a></li> <li><a href='/yarn/crochet-yarn' title='Crochet yarn'><i class='fa fa-chevron-right'></i>Crochet yarn</a></li> <li><a href='/needles/knitting-needles' title='Knitting needles'><i class='fa fa-chevron-right'></i>Knitting needles</a></li> <li><a href='/patterns/knitting-patterns' title='Knitting patterns'><i class='fa fa-chevron-right'></i>Knitting patterns</a></li> </ul> </div> </div> <div id="cmscontentblok175" class="box pcw25 pcs0020 tabw100 tabs0020 mobw100 mobs0020 linkcfg"> <div class='contentbox linkinnercontentbox'> <h4 >Service & Information</h4> <ul> <li><a href='/complaints' title='Complaints'><i class='fa fa-chevron-right'></i>Complaints</a></li> <li><a href='/contact.html' title='Contact'><i class='fa fa-chevron-right'></i>Contact</a></li> <li><a href='/customer-service' title='Customer Service'><i class='fa fa-chevron-right'></i>Customer Service</a></li> <li><a href='/privacy' title='Privacy'><i class='fa fa-chevron-right'></i>Privacy</a></li> <li><a href='/cookie-policy' title='Cookies'><i class='fa fa-chevron-right'></i>Cookies</a></li> <li><a href='/return-policy' title='Return policy'><i class='fa fa-chevron-right'></i>Return policy</a></li> <li><a href='/shipping-delivery' title='Shipping & delivery'><i class='fa fa-chevron-right'></i>Shipping & delivery</a></li> <li><a href='/terms-and-conditions' title='Terms and Conditions'><i class='fa fa-chevron-right'></i>Terms and Conditions</a></li> </ul> </div> </div> <div id="cmscontentblok173" class="box pcw25 pcs0030 tabw100 tabs0030 mobw100 mobs0030 cmscfg contact"> <article class='contentbox cmsinnercontentbox'> <header><h4>Contact Information</h4></header> <div class='cms-styling'> <ul> <li>Yarnplaza.com </li><li>Doornepol 5 </li><li>5301 LV Zaltbommel </li><li>The Netherlands </li><li>+31 (0)418-721313 (Dutch phonenumber) </li><li><u><u><a href="/contact-information"><u>Contact information</u></a></u></u> </li></ul> <h3>Subscribe to our newsletter</h3><iframe style="display: none" name="iframe_form">
