Filter By
Compatibility
Category
Features
Rating Range
Price
Compare
You have 0 items to compare.
Compare Selected
Please select one
Subscribe And Start Saving Today!
- Save 15% by setting up auto-deliveries. Don't worry. You can cancel anytime.
- Coupon cannot be used for Subscribe & Save products.
- Lock your low price for 12 months.
Subscribe Now, Save 10% and Ships Free!
- Save 15% by setting up auto-deliveries. Don't worry. You can cancel anytime.
- Coupon cannot be used for Subscribe & Save products.
- Lock your low price for 12 months.
- Free USPS Flat Rate or UPS Ground shipping for your current and all subsequent orders
'; document.getElementById("content-main").appendChild(header_script_element); document.getElementById('content-main').appendChild(products_script_element); let content_sidebar = data.filters; let sidebar_script = ''; while ((match = regex.exec(data.filters)) !== null){ sidebar_script += match[1]; content_sidebar = content_sidebar.replace(match[1] , ''); } const sidebar_script_element = document.createElement("script"); sidebar_script_element.innerHTML = sidebar_script document.getElementById("sidebar-detail-section").innerHTML = content_sidebar; document.getElementById("sidebar-detail-section").appendChild(sidebar_script_element); bind_events_for_ajax_request(); /*document.querySelectorAll("#filter-brand, #filter-rating, #filter-feature, #filter-price, #compare-block").forEach(function (element) { element.remove(); })*/ } function remove_loading_style() { document.getElementById("content-main").classList.remove("loading"); } function before_ajax_request() { document.getElementById("content-main").scrollIntoView({behavior: "smooth"}); document.getElementById("content-main").classList.add("loading"); } function bind_events_for_ajax_request() { document.querySelectorAll("#filter-brand-options .form-check, #filter-rating-options .form-check, #filter-tag-options .form-check, #filter-compatibility-options .form-check").forEach(function (form_check) { form_check.addEventListener("click", function (event) { if(event.target.type == "checkbox"){ before_ajax_request(); let url = this.dataset.link; url += url.indexOf('?') == -1 ? "?type=product_listing_update" : "&type=product_listing_update"; fetch(url).then(data => { return data.json(); }).then(data =>{ json_result_process(data) }) change_current_url(url); } }); }); document.querySelectorAll("#filter-selction-container .remove-filter-item, #sort-container .sort-option").forEach(function (filter_item) { filter_item.addEventListener("click", function (event) { before_ajax_request(); let url = this.dataset.link; url += url.indexOf('?') == -1 ? "?type=product_listing_update" : "&type=product_listing_update"; fetch(url).then(data => { return data.json(); }).then(data =>{ json_result_process(data) }) change_current_url(url); }); }); document.querySelectorAll("nav ul li.page-item a.page-link, #filter-brand-menu a.reset-filters, #filter-rating-menu a.reset-filters, #filter-tag-menu a.reset-filters, #filter-compatibility-menu a.reset-filters, #filter-price-menu a.reset-filters").forEach(function (link_item) { link_item.addEventListener("click", function (event) { event.preventDefault(); let url = this.href; if(url){ before_ajax_request(); url += url.indexOf('?') == -1 ? "?type=product_listing_update" : "&type=product_listing_update"; fetch(url).then(data => { return data.json(); }).then(data =>{ json_result_process(data) }) change_current_url(url); } }) }) } document.addEventListener('DOMContentLoaded', function () { bind_events_for_ajax_request(); }); function change_current_url(url) { const parser_url = new URL(url); parser_url.searchParams.delete('cPath'); parser_url.searchParams.delete('type'); const remaining_params = Array.from(parser_url.searchParams.entries()); const remaining_params_str = remaining_params.map(param => param.join('=')).join('&'); const current_parser_url = new URL(window.location.origin + window.location.pathname); current_parser_url.search = remaining_params_str; const all_params = Array.from((new URL(url)).searchParams.entries()); const all_params_str = all_params.map(param => param.join('=')).join('&'); history.pushState({pre: all_params_str}, null, current_parser_url.toString()); } window.addEventListener('popstate', event => { let state = event.state; if (state === null) { window.location.reload(); } else if (state.pre) { const parser_url = new URL('https://www.respshop.com/ajax_content.php'); parser_url.search = state.pre; before_ajax_request(); fetch(parser_url.toString()).then(data => { return data.json(); }).then(data =>{ json_result_process(data) }) } })
Compare(0)
Clear Compare
Compare(0)
Clear
Compare
You can compare up to 4 items at a time.
'; document.getElementById('mobile-compare-content').innerHTML = '
'; document.getElementById('can_compare_all')?.classList.remove('d-none'); document.getElementById('can_compare')?.classList.add('d-none'); }) .catch(function (error) { console.error('There was a problem with the fetch operation:', error); }); } window.clearSingleComparedItem = function (id) { const compareOverlay = bootstrap.Offcanvas.getOrCreateInstance('#compare-overlay'); document.querySelectorAll('input[name="compare[]"]:checked').forEach(function (checkbox) { if (checkbox.value == id) { checkbox.checked = false; } }); document.getElementById('changedItem').value = id; let postData = new FormData(); postData.append('changedItem', id); fetch('https://www.respshop.com/compare.php?manufacturers_id=4&sort=6a&action=save&ajax=1', { method: 'POST', body: postData }) .then(function (response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function (text) { let response = JSON.parse(text); document.getElementById('compare_total').textContent = response.compare_total; if (response.compare_total > 0) { compareOverlay.show(); } else { compareOverlay.hide(); } if (response.compare_total >= 1) { document.getElementById('compare-block').classList.remove('d-none'); document.getElementById('can_compare').classList.remove('d-none'); document.getElementById('compare_total').classList.remove('d-none'); document.getElementById('can_compare_all')?.classList.add('d-none'); if (response.compare_total == 1) { document.querySelector('#can_compare a').style.pointerEvents = 'none'; document.querySelector('#can_compare a').style.opacity = 0.5; document.getElementById('desktop-compare-button').classList.add('disabled'); document.getElementById('mobile-compare-button').classList.add('disabled'); } else { document.querySelector('#can_compare a').style.pointerEvents = 'auto'; document.querySelector('#can_compare a').style.opacity = 1; document.getElementById('desktop-compare-button').classList.remove('disabled'); document.getElementById('mobile-compare-button').classList.remove('disabled'); } } else { document.getElementById('can_compare').classList.add('d-none'); if (document.getElementById('can_compare_all')) { document.getElementById('can_compare_all').classList.remove('d-none'); } else { document.getElementById('compare-block').classList.add('d-none'); } } const inComparisonBoxD = '#overlay-d' + id; const inComparisonBoxM = '#overlay-m' + id; document.querySelector(inComparisonBoxD).remove(); document.querySelector(inComparisonBoxM).remove(); const desktopCompareContent = document.getElementById('desktop-compare-content'); const mobileCompareContent = document.getElementById('mobile-compare-content'); const emptyBoxD = document.createElement('div'); const emptyBoxM = document.createElement('div'); emptyBoxD.classList.add('col-3', 'box-empty'); emptyBoxD.style.width = '297px'; emptyBoxM.classList.add('col-3', 'box-empty'); desktopCompareContent.appendChild(emptyBoxD); mobileCompareContent.appendChild(emptyBoxM); document.querySelector('#desktop-compare-menu > div > span').textContent = '(' + response.compare_total + ')'; document.querySelector('#mobile-compare-menu > div > span').textContent = '(' + response.compare_total + ')'; /*let overlayD = document.getElementById('overlay-d' + id); if (overlayD) { overlayD.outerHTML = '
'; } let overlayM = document.getElementById('overlay-m' + id); if (overlayM) { overlayM.outerHTML = '
'; } document.querySelector('#desktop-compare-menu > div > span').textContent = '(' + response.compare_total + ')'; document.querySelector('#mobile-compare-menu > div > span').textContent = '(' + response.compare_total + ')'; if (response.compare_total < 2) { document.getElementById('desktop-compare-button').classList.add('disabled'); document.getElementById('desktop-compare-button').querySelector('span').classList.add('disabled'); document.getElementById('mobile-compare-button').classList.add('disabled'); document.getElementById('mobile-compare-button').querySelector('a').classList.add('disabled'); document.getElementById('can_compare').querySelector('a').classList.add('disabled'); } if (response.compare_total < 1) { document.getElementById('desktop-compare').classList.add('d-none'); document.getElementById('mobile-compare').classList.add('d-none'); document.getElementById('can_compare_all').classList.remove('d-none'); document.getElementById('can_compare').classList.add('d-none'); } let emptyBoxes = document.querySelectorAll('.box-empty'); if (emptyBoxes.length !== 0) { let desktopCompareContent = document.getElementById('desktop-compare-content'); desktopCompareContent.insertBefore(emptyBoxes[0], desktopCompareContent.querySelector('.box-noempty:last-child').nextSibling); let mobileCompareContent = document.getElementById('mobile-compare-content'); mobileCompareContent.insertBefore(emptyBoxes[0], mobileCompareContent.querySelector('.box-noempty:last-child').nextSibling); }*/ }) .catch(function (error) { console.error('There was a problem with the fetch operation:', error); }); } });
