Untitled
unknown
plain_text
2 years ago
3.8 kB
5
Indexable
(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);
}
})();
Editor is loading...
Leave a Comment