(function () {
try {
/* main variables */
var debug = 0;
var variation_name = "";
var $;
/* all Pure helper functions */
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);
}
let egbadges = `
<div class="eg-capterra-badges">
<div class="eg-badge">
<img src="https://www.vanderkraken.com/wp-content/uploads/2023/09/Image2.png" alt="">
</div>
<div class="eg-badge">
<img src="https://www.vanderkraken.com/wp-content/uploads/2023/09/Image4.png" alt="">
</div>
<div class="eg-badge">
<img src="https://www.vanderkraken.com/wp-content/uploads/2023/09/Image6.png" alt="">
</div>
</div>`
/* Variation Init */
function init() {
if (!document.querySelector(".eg-capterra-badges")) {
document.querySelector("#capterra-div > h2").insertAdjacentHTML("afterend", egbadges);
}
}
/* Initialize variation */
waitForElement('#capterra-div > h2', init, 50, 15000);
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
.eg-capterra-badges {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.eg-badge>img {
width: 100%;
max-width: 100px;
}
.eg-capterra-badges>div:first-child img {
width: 100%;
max-width: 80px;
}
.eg-badge {
margin-left: 20px;
}
#capterra-div>img {
display: none !important;
}
@media only screen and (max-width:767px) {
.eg-capterra-badges>div:first-child img {
width: 100%;
max-width: 80px;
}
.eg-badge>img {
width: 100%;
max-width: 90px;
}
}
@media only screen and (min-width:767px) and (max-width:1024px) {
.eg-badge>img {
width: 100%;
max-width: 120px;
}
.eg-capterra-badges>div:first-child img {
width: 100%;
max-width: 105px;
}
}