การบริการลูกค้าที่ยอดเยี่ยม
ราคาที่โปร่งใสและการชำระเงินที่ปลอดภัย
มีบริการจัดส่งทั่วประเทศทุกออเดอร์
ร้านขายอุปกรณ์มุงหลังคาออนไลน์ที่ใหญ่ที่สุดในสหราชอาณาจักร
เริ่มจ่ายทันที 4 เดือน
ผ่อน 0% นาน 4 เดือน*
ดูตัวเลือกทางการเงิน
* ขึ้นอยู่กับสถานะ ต้องใช้จ่ายขั้นต่ำ เป็นไปตามข้อกำหนดและเงื่อนไข
วิธีที่ชาญฉลาดในการซื้อวัสดุก่อสร้างการค้า
ลงทะเบียนวันนี้เพื่อรับบัญชีเงินสดหรือเครดิต ส่วนลดพิเศษ ส่วนลดและรางวัลด้วยบัญชี Building Superstore
งานสร้างที่ดีเริ่มต้นที่ตัวเรา
ดูร้านค้าผู้เชี่ยวชาญของเรา
เป็นคนแรกที่รู้เกี่ยวกับข้อเสนอ ข้อตกลงผลิตภัณฑ์ ส่วนลดพิเศษ และข่าวอุตสาหกรรม
คุณต้องการล้างตะกร้าของคุณหรือไม่?
ใช่ เลขที่
'); } }); } ฟังก์ชัน callBackValidation () { var charexp = / /gi; // ใช้เพื่อตัดช่องว่างสีขาว var formError = false; $('#call-back__form').find('.call-back__input, .call-back__select').each(function () { ถ้า ($(นี้).val().replace(charexp, "") = = "") { formError = จริง } }); ถ้า (จริง === formError) { คืนค่าเท็จ; } อื่น { pushFormSubmission ('ขอโทรกลับ'); $('#js-call-back-save-btn').css('visibility', 'hidden').attr('disabled', true); grecaptcha.execute (recaptchaCallBack); } } ฟังก์ชัน callBackRecapcha(โทเค็น) { insertCallBackRequest(); } ฟังก์ชัน insertProductQuestion () { var thisForm = $("#product-question__form"); var questionsFormHeader = $("#js-product-question-header-wrapper"); var questionsHeaderWrapper = $("#js-product-question-header-wrapper"); var questionsSaveBtn = $('#js-product-question-save-btn'); $.ajax({ url: thisForm.attr('action'), ประเภท: thisForm.attr('method'), data: thisForm.serialize(), dataType: "json", cache: false, error: function () { alert('reCAPTCHA ที่มองไม่เห็นล้มเหลว โปรดลองอีกครั้ง'); grecaptcha.reset(recaptchaProductQuestion); grecaptcha.execute(recaptchaProductQuestion); questionsSaveBtn.css('visibility', '').attr('disabled', false) ; }, สำเร็จ: ฟังก์ชัน (ตอบกลับ) { ถ้า (เท็จ === ตอบกลับ['email-error']) { thisForm.hide(); questionsFormHeader.html('
ขอบคุณสำหรับคำถามเกี่ยวกับผลิตภัณฑ์
เมื่อคำถามของคุณได้รับคำตอบแล้ว จะปรากฎอยู่ด้านบน
'); QuestionHeaderWrapper.addClass('ผลิตภัณฑ์-คำถาม-สำเร็จ').removeClass('ผลิตภัณฑ์-คำถาม-ข้อผิดพลาด'); grecaptcha.reset (recaptcha ProductQuestion); } อื่น { questionsFormHeader.html('
เกิดปัญหาขึ้น
'); QuestionHeaderWrapper.addClass('Product-question-error').removeClass('Product-question-success'); grecaptcha.reset (recaptcha ProductQuestion); QuestionSaveBtn.css('การมองเห็น', '').attr('ปิดใช้งาน', เท็จ); } } }); } ฟังก์ชัน productQuestionValidation () { var charexp = / /gi; // ใช้เพื่อตัดช่องว่างสีขาว var alertMessage = ''; var formError = เท็จ; $('#product-question__form').find('.product-question__input').each(function () { if (($(this).attr('name') !== 'email_address' || $( นี้).attr('ชื่อ') === 'telephone_number') && $(นี้).val().replace(charexp, '') === '') { alertMessage ++ $(นี้).data( 'ข้อผิดพลาด') + '\n'; formError = จริง; } อื่น ถ้า ($(นี้).attr('ชื่อ') === 'email_address' && /^[\w\d_-](\.?[ \w\d_-])*@[\w\d_-]+\.([\w]{1,6}\.)?[\w]{2,20}$/g.test($( this).val()) === เท็จ) { // ตรวจสอบอีเมลไม่เว้นว่างและถูกต้อง alertMessage += $(this).data('error') + '\n'; formError = true; } อื่นถ้า ( $(นี้).attr('ชื่อ') === 'telephone_number' && /^[0-9s()-+]{6,25}$/g.test($(this.val().replace (charexp, '')) === เท็จ) { // ตรวจสอบโทรศัพท์ไม่เว้นว่างและข้อความแจ้งเตือนที่ถูกต้อง += $(this.data('error'); formError = true; } }); ถ้า (true == formError) { alert('ช่องด้านล่างมีข้อผิดพลาด: \n' + alertMessage); กลับเป็นเท็จ; } อื่น { pushFormSubmission ('คำถามเกี่ยวกับผลิตภัณฑ์'); grecaptcha.execute (recaptchaProductQuestion); } } ฟังก์ชัน contactFormSPERecaptcha (โทเค็น) { woofuCaptchaValidate (โทเค็น 'collapseOne'); grecaptcha.execute (recaptchaContactFormSPE); } ฟังก์ชัน contactFormCSERecaptcha (โทเค็น) { woofuCaptchaValidate (โทเค็น 'collapseTwo'); grecaptcha.execute (recaptchaContactFormCSE); } ฟังก์ชัน contactFormFCRecaptcha (โทเค็น) { woofuCaptchaValidate (โทเค็น 'collapseThree'); grecaptcha.execute (recaptchaContactFormFC); } ฟังก์ชัน contactFormValidation (contactFormReference, recaptchaVariable) { var charexp = / /gi; // ใช้เพื่อตัดช่องว่างสีขาว var alertMessage = ''; var formError = เท็จ; $('#'+contactFormReference).find('.js-contact-form-input').each(function () { var field = $(this).data('label'); var required = $(นี้ ).prop('required'); // ตรวจสอบเพื่อให้แน่ใจว่าฟิลด์ที่จำเป็นมีข้อมูลถ้า (จำเป็น && $(นี้).val() === '') { alertMessage ++ field + '\n'; formError = true ; } อื่นถ้า ('ที่อยู่อีเมล' === ช่อง && /^[\w\d_-](\.?[\w\d_-])*@[\w\d_-]+\.([\ w]{1,6}\.)?[\w]{2,20}$/g.test($(this).val()) === เท็จ) {/ // ตรวจสอบอีเมลว่าถูกต้องหรือไม่ alertMessage += field + '\n'; formError = true; } else if ('Telephone' === field && /^[0-9s()-+]{6,25}$/g.test($( this).val().replace(charexp, '')) === เท็จ) { // ตรวจสอบโทรศัพท์ไม่เว้นว่างและถูกต้อง alertMessage += field + '\n'; formError = true; } else if ('สอบถาม ประเภท' === ฟิลด์ && 'เลือกประเภทการสอบถาม' === $(this.val()) { alertMessage ++= field + '\n'; formError = true; } }); ถ้า (จริง === formError) { แจ้งเตือน ('ฟิลด์ด้านล่างมีข้อผิดพลาด: \n' + alertMessage); กลับเป็นเท็จ; } อื่น { grecaptcha.execute (recaptchaVariable); } } ฟังก์ชัน woofuCaptchaValidate(token, contactFormReference) { $.ajax({ url: 'https://www.roofingsuperstore.co.uk/verify-captcha' ประเภท: 'POST' ข้อมูล: { 'g-recaptcha-response ': โทเค็น }, ประเภทข้อมูล: "json", แคช: เท็จ, ข้อผิดพลาด: ฟังก์ชัน () { การแจ้งเตือน ('reCAPTCHA ที่มองไม่เห็นล้มเหลว โปรดลองอีกครั้ง'); grecaptcha.reset(recaptchaProductQuestion); grecaptcha.execute(recaptchaProductQuestion); }, สำเร็จ: ฟังก์ชัน (ตอบกลับ) { if ('success' === response.response) { $('#' + contactFormReference + ' form .recaptcha-field').remove(); $('#' + contactFormReference + ' form').submit(); } else { alert('reCAPTCHA ที่มองไม่เห็นล้มเหลว โปรดลองใหม่อีกครั้ง'); } } }); } ฟังก์ชัน whatsappSharingRecaptcha (โทเค็น) { grecaptcha.execute (recaptchaWhatsappSharing); } ฟังก์ชัน smsSharingRecaptcha (โทเค็น) { grecaptcha.execute (recaptchaSmsSharing); } ฟังก์ชัน emailSharingRecaptcha (โทเค็น) { grecaptcha.execute (recaptchaEmailSharing); } ฟังก์ชันตรวจสอบShareBasketInput (inputId) { var charexp = / /gi; // ใช้เพื่อตัดช่องว่างสีขาว var alertMessage = ''; if ($(inputId).attr('type') === 'tel' && /^[0-9+]{9,20}$/g.test($(inputId.val().replace( charexp, '')) === เท็จ) { // ตรวจสอบหมายเลขโทรศัพท์และข้อความแจ้งเตือนที่ถูกต้อง += 'หมายเลขโทรศัพท์มือถือ'; } อื่นถ้า ($(inputId).attr('type') === 'email' && /^[\w\d_-](\.?[\w\d_-])*@[\w\d_ -]+\.([\w]{1,6}\.)?[\w]{2,20}$/g.test($(inputId).val()) === เท็จ) {/ / ตรวจสอบอีเมลไม่เว้นว่างและถูกต้อง alertMessage += 'ที่อยู่อีเมล'; } ถ้า (alertMessage.length > 0) { alert(alertMessage + ' ไม่ถูกต้อง'); กลับเป็นเท็จ; } อื่น { postSharingForm($(inputId).parent().parent().parent()); } } ฟังก์ชัน postSharingForm(thisForm) { var shareBtn = thisForm.find('.share-button').first(); var thisFormId = ฟอร์มนี้[0].id; var gRecaptchaResponse = thisForm.find('.g-recaptcha-response')[0].value; var แชร์Var = ''; ถ้า (thisFormId === 'smsMobileSharing') { sharingVar = recaptchaSmsSharing; } อื่นถ้า (thisFormId === 'WhatsappMobileSharing') { sharingVar = recaptchaWhatsappSharing; } อื่นถ้า (thisFormId === 'emailSharing') { sharingVar = recaptchaEmailSharing; } var sharingInput = thisForm.find('.js-sharing-input'); ถ้า (gRecaptchaResponse === '') { alert('โปรดตรวจสอบ reCaptcha แล้วลองอีกครั้ง'); } อื่นถ้า (sharingVar !== '') { shareBtn.first().css('visibility', 'hidden').attr('disabled', true); $.ajax({ url: thisForm.data('url'), ประเภท: 'POST', data: { 'shareMethod': thisFormId, 'sharingInput': $(sharingInput).val(), 'permalink': $( '#basketPermalinkInput').val(), 'recaptcha': gRecaptchaResponse }, ข้อผิดพลาด: function () { shareBtn.first().css('visibility', '').attr('disabled', false); alert( 'การแชร์ล้มเหลว โปรดลองอีกครั้ง'); grecaptcha.reset(sharingVar); grecaptcha.execute(sharingVar); }, สำเร็จ: ฟังก์ชัน (ตอบกลับ) { ถ้า (ตอบกลับ['ตอบกลับ'] === 'สำเร็จ') { var dataLayer = window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'basketShare', 'method': thisFormId, 'permalink': $('#basketPermalinkInput').val( ) }); thisForm.hide(); $('#js-sharing-success').show(); grecaptcha.reset(sharingVar); var basketSharedViaWhatsApp = response['cookies']['basketSharedViaWhatsApp']; var basketSharedViaSms = การตอบกลับ['คุกกี้']['basketSharedViaSms']; var basketSharedViaEmail = การตอบกลับ['คุกกี้']['basketSharedViaEmail']; if (basketSharedViaWhatsApp && basketSharedViaSms && basketSharedViaEmail) { $('.allShareContainers').remove(); } อื่น { ถ้า (basketSharedViaWhatsApp) { $('#whatsappShareContainer').remove(); } ถ้า (basketSharedViaSms) { $('#smsShareContainer').remove(); } ถ้า (basketSharedViaEmail) { $('#emailShareContainer').remove(); } } if (ตอบกลับ['เพิ่มเติม'] !== ไม่ได้กำหนด) { var win = window.open(response['additional'], '_blank'); win.focus(); } } } }); } else { alert('ไม่พบ reCAPTCHA โปรดรีเฟรชแล้วลองอีกครั้ง'); } } ฟังก์ชัน productQuestionsRecapcha(โทเค็น) { $('#js-product-question-save-btn').css('visibility', 'hidden').attr('disabled', true); ใส่คำถามผลิตภัณฑ์ (); } ฟังก์ชัน subscribeFormValidation () { var formError = เท็จ; const ชื่อลูกค้า = $('#customer_name'); const customerEmail = $('#customer_email'); var alertMessage = ''; ถ้า (customerName.val().replace(/ /i, "") === "") { alertMessage += 'ชื่อของคุณ\n'; formError = จริง; } ถ้า (/^[\w\d_-](\.?[\w\d_-])*@[\w\d_-]+\.([\w]{1,6}\.)? [\w]{2,20}$/g.test(customerEmail.val()) === เท็จ) { alertMessage ++= 'ที่อยู่อีเมลที่ถูกต้อง'; formError = จริง; } if (true === formError) { alert('โปรดป้อนข้อมูลต่อไปนี้แล้วลองอีกครั้ง: \n' + alertMessage); กลับเป็นเท็จ; } อื่น { $('#js-subscribe-save-btn').css('visibility', 'hidden').attr('disabled', true); grecaptcha.execute (recaptcha สมัครสมาชิก); } } ฟังก์ชัน submitSubscribeFormData() { var thisForm = $("#js-subscribe-form"); $.ajax({ url: thisForm.attr('action'), ประเภท: thisForm.attr('method'), data: thisForm.serialize(), dataType: "json", cache: false, error: function () { alert('reCAPTCHA ที่มองไม่เห็นล้มเหลว โปรดลองอีกครั้ง'); grecaptcha.reset(recaptchaSubscribe); grecaptcha.execute(recaptchaSubscribe); }, สำเร็จ: ฟังก์ชัน (ตอบกลับ) { window.location.href = '/pages/subscribe -confirmation.html'; } }); } ฟังก์ชัน subscribeRecapcha(โทเค็น) { submitSubscribeFormData(); } var onloadCallback = function () { /* แนบกับแบบฟอร์มขอโทรกลับ */ if ($('#callBackRecapcha').length) { recaptchaCallBack = grecaptcha.render('callBackRecapcha', { 'sitekey': reCaptchaSiteKey, ' โทรกลับ': callBackRecapcha, 'ขนาด': 'มองไม่เห็น', 'ตรา': 'อินไลน์' }); } /* แนบไปกับแบบฟอร์มคำถามเกี่ยวกับผลิตภัณฑ์ */ if ($('#productQuestionsRecapcha').length) { recaptchaProductQuestion = grecaptcha.render('productQuestionsRecapcha', { 'sitekey': reCaptchaSiteKey, 'callback': productQuestionsRecapcha, 'size': 'มองไม่เห็น', 'ตรา': 'ในบรรทัด' }); } /* แนบกับแบบฟอร์มติดต่อ SPE */ if ($('#contactFormSPERecaptcha').length) { recaptchaContactFormSPE = grecaptcha.render('contactFormSPERecaptcha', { 'sitekey': reCaptchaSiteKey, 'callback': contactFormSPERecaptcha, 'size': 'มองไม่เห็น', 'ตรา': 'ในบรรทัด' }); } if ($('#contactFormCSERecaptcha').length) { recaptchaContactFormCSE = grecaptcha.render('contactFormCSERecaptcha', { 'sitekey': reCaptchaSiteKey, 'callback': contactFormCSERecaptcha, 'size': 'invisible', 'badge': ' อินไลน์' }); } if ($('#contactFormFCRecaptcha').length) { recaptchaContactFormFC = grecaptcha.render('contactFormFCRecaptcha', { 'sitekey': reCaptchaSiteKey, 'callback': contactFormFCRecaptcha, 'size': 'invisible', 'badge': ' อินไลน์' }); } if ($('#subscribeRecapcha').length) { recaptchaSubscribe = grecaptcha.render('subscribeRecapcha', { 'sitekey': reCaptchaSiteKey, 'callback': subscribeRecapcha, 'size': 'invisible', 'badge': ' อินไลน์' }); } }; $(document).ready(function () { // โหลด recaptcha JS เมื่อคำถามผลิตภัณฑ์หรือองค์ประกอบคำขอโทรกลับได้รับการโฟกัส var captchaLoaded = false; $('.product-question__input, .call-back__input, .call-back__select, .js-sharing-input, .subscribe__input, .js-contact-form-input').on('focus', function () { // โหลด JS เพียงครั้งเดียวหาก (captchaLoaded) { return; } var head = document getElementsByTagName('head')[0]; var recaptchaScript = document.createElement('script'); recaptchaScript.type = 'text/javascript'; recaptchaScript.src = 'https://www.google.com/recaptcha/api .js?onload=onloadCallback&render=explicit'; recaptchaScript.defer = true; head.appendChild(recaptchaScript); captchaLoaded = true; }); $('#js-call-back-save-btn').click(function ( ) { callBackValidation(); }); $('#js-product-question-save-btn').click(function () { productQuestionValidation(); }); $('#js-subscribe-save-btn' ).คลิก(ฟังก์ชัน (เหตุการณ์) { event.preventDefault(); subscribeFormValidation(); }); // ส่งแบบฟอร์มการติดต่อตรวจพบ $('#saveForm_SPE').คลิก(ฟังก์ชัน (เหตุการณ์) { event.preventDefault(); contactFormValidation('collapseOne', recaptchaContactFormSPE); }); $('#saveForm_CSE').click(ฟังก์ชัน (เหตุการณ์) { event.preventDefault(); contactFormValidation('collapseTwo', recaptchaContactFormCSE); }); $('#saveForm_FC').click(ฟังก์ชัน (เหตุการณ์) { event.preventDefault(); contactFormValidation('collapseThree', recaptchaContactFormFC); }); /* ตั้งค่าแถบเลื่อนหมวดหมู่/ยี่ห้อ/ราคาการค้นหา */ if ($('.js-range-slider').length) { $('head').append('
'); $.ajax({ url: "/user/themes/base/assets/js/ion.rangeSlider/js/ion.rangeSlider.min.js", บริบท: document.body }).done(function() { $( '.js-range-slider').ionRangeSlider({ skin: "round", prettify_enabled: true, prettify_separator: ',' }); }); } /* ตั้งค่า PDFObject viewer - สำหรับการฝัง PDF เดี่ยว */ if ($('.pdf-viewer-container').length) { $.ajax({ // หมายเหตุ: บรรทัดที่ 221 ของสคริปต์นี้ได้รับการแก้ไขแล้ว หากอัปเดต URL: "/user/themes/base/assets/js/PDFObject/pdfobject.min.js?v=2.2.1", บริบท: document.body }).done(function() { var pdfLink = document. querySelector('.pdf-viewer-container'); PDFObject.embed(pdfLink.dataset.src + '#view=FitH&pagemode=none', '.pdf-viewer-container'); }); } });
ขอโทษ
ดูเหมือนว่าคุณกำลังใช้ Internet Explorer เวอร์ชันเก่า ไซต์ของเราไม่รองรับเบราว์เซอร์เก่าเหล่านี้เนื่องจากไม่มีเทคโนโลยีที่ช่วยให้ไซต์ของเรามีความปลอดภัย
หากคุณต้องการเข้าถึงเว็บไซต์ของเราโปรดอย่างใดอย่างหนึ่งอัปเกรดเบราว์เซอร์ของคุณหรือดาวน์โหลดทางเลือก