Untitled
(function () { try { /* main variables */ var debug = 0; var variation_name = ""; var $; var stars = `<div class="eg-review-stars"> <i class="fas fa-star fa-fw"></i> <i class="fas fa-star fa-fw"></i> <i class="fas fa-star fa-fw"></i> <i class="fas fa-star fa-fw"></i> <i class="fas fa-star fa-fw"></i></div>`; function waitForElement(selector, trigger, delayInterval, delayTimeout) { var interval = setInterval(function () { if ( document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0 ) { clearInterval(interval); trigger(); } }, delayInterval); setTimeout(function () { clearInterval(interval); }, delayTimeout); } function waitForSlick(trigger) { var interval = setInterval(function () { if (window.jQuery.fn.slick !== undefined) { clearInterval(interval); trigger(); } }, 50); setTimeout(function () { clearInterval(interval); }, 15000); } function waitForjQuery(trigger) { var interval = setInterval(function () { if (window.jQuery !== undefined) { clearInterval(interval); trigger(); } }, 50); setTimeout(function () { clearInterval(interval); }, 15000); } function addScript() { var cssScript = '' + "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>"; document.querySelector('head').insertAdjacentHTML('beforeend', cssScript); var swiperScript = document.createElement('script'); swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js'; document.getElementsByTagName('head')[0].appendChild(swiperScript); } var reviewContent = ` <div class="eg-review-content"> <div class="eg-review-details"> ${stars} <p class="eg-review-para">Good job! Fast efficient, clean, and nice.</p> <p class="eg-review-name">Wendy F.</p> </div> <div class="eg-review-details"> ${stars} <p class="eg-review-para">Another great experience with this terrific company!</p> <p class="eg-review-name">Tershia D.</p> </div> <div class="eg-review-details"> ${stars} <p class="eg-review-para">They were very helpful and professional since the start.</p> <p class="eg-review-name">Avadana G.</p> </div> </div>`; function init() { if (window.innerWidth > 768 && !document.querySelector('.eg-review-content')) { document.querySelector('#hero .concave_curve').insertAdjacentHTML("afterbegin", reviewContent); } if (window.innerWidth < 768 && !document.querySelector('.eg-review-content')) { document.querySelector('#hero .concave_curve').insertAdjacentHTML("afterbegin", reviewContent); waitForjQuery(function () { $ = window.jQuery; addScript(); waitForSlick(function () { $('.concave_curve .eg-review-content').slick({ direction: 'horizontal', autoplay: true, slidesToShow: 1, slidesToScroll: 1, dot: false }); }); }); } } /* Initialize variation */ waitForElement('#hero .concave_curve', init, 50, 15000); } catch (e) { if (debug) console.log(e, "error in Test" + variation_name); } })();
Leave a Comment