https://www.wavesfactory.com/js/wavesfactory-cart/banners.js?v=1790361800

1jQuery(($) => {
2});
3
4class BannersController {
5
6  showBanners() {
7    $.ajax({
8      url: 'php/db-api/banners-api.php',
9      dataType: 'json',
10      success: function(data) {
11        const bannerHtmlTemplate = '' +
12            '<div class="banner-container">' +
13            '  <div class="banner-product-description">{PRODUCT_DESCRIPTION}</div>' +
14            '  <div class="banner-add-button" id="add-banner-{BANNER_INDEX}">ADD</div>' +
15            '  <div class="banner-image__container">' +
16            '    <div class="banner-product-name">' +
17            '      <a id="product-name__banner-{BANNER_INDEX}" href="{PRODUCT_URL}" target="_blank" style="text-decoration: none; color: white;">{PRODUCT_NAME}</a>' +
18            '    </div>' +
19            '    <img class="banner-image" src="{IMAGE_SRC}" alt="Product Image">' +
20            '    <div class="banner-overlay"></div>' +
21            '  </div>' +
22            '</div>';
23
24        let bannersHtml = '';
25        data.forEach(function(product, index) {
26          let productBannerHtml = bannerHtmlTemplate.replaceAll('{BANNER_INDEX}', index);
27          productBannerHtml = productBannerHtml.replaceAll('{IMAGE_SRC}', product.img);
28          productBannerHtml = productBannerHtml.replaceAll('{PRODUCT_NAME}', product.productName);
29          productBannerHtml = productBannerHtml.replaceAll('{PRODUCT_DESCRIPTION}', product.description);
30          productBannerHtml = productBannerHtml.replaceAll('{PRODUCT_URL}', product.url);
31          bannersHtml += productBannerHtml;
32        });
33
34        $('#banners-container').html(bannersHtml);
35      }
36    });
37  }
38}