/* Add custom Js code below */ 
const body = document.querySelector('body');
if(body.classList.contains('product-single')){
  const secProducts = document.querySelector('salla-slider#similar-slider');
  secProducts.innerHTML = `
  <div class="s-products-list-wrapper s-products-list-filters-results"><custom-salla-product-card class="product-block cover" id="product_664796445">
    <div id="product-664796445" class="product-entry card-effect product-entry--vertical">

          <div class="card-border">
            <span class="top"></span>
            <span class="right"></span>
            <span class="bottom"></span>
            <span class="left"></span>
          </div>

      <div class="product-entry__image relative'">
        <a href="https://clubsstoresa.com/ar/طباعة-جميع-شعارات-الأندية/p664796445" aria-label="طباعة جميع شعارات الأندية">
          <img class="h-full w-full transition-opacity hover:opacity-90 lazy loaded" width="200" height="200" src="https://cdn.salla.sa/YQbvo/lxJy9f2V0W2rDDvUwehk8dQ0WVSDRILy0UisWr2T.jpg" data-src="https://cdn.salla.sa/YQbvo/lxJy9f2V0W2rDDvUwehk8dQ0WVSDRILy0UisWr2T.jpg" alt="طباعة جميع شعارات الأندية" loading="lazy" data-ll-status="loaded">
        </a>

        
          <salla-button shape="icon" fill="outline" color="light" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated s-button-wrap hydrated" onclick="salla.wishlist.remove(664796445)" data-id="{{ product.id }}" size="medium" width="normal"><!----><button shape="icon" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated s-button-element s-button-icon s-button-outline s-button-light-outline s-button-loader-center" data-id="{{ product.id }}" type="button"><span class="s-button-text">
              <i class="sicon-heart"></i>
            </span></button></salla-button>
      </div>

      <div class="content-wrap donating-wrap">
        <div class="product-entry__content">

          
          <div class="flex flex-col gap-1">
            <a class="product-entry__title mt-0" href="https://clubsstoresa.com/ar/طباعة-جميع-شعارات-الأندية/p664796445">طباعة جميع شعارات الأندية</a>
            
          </div>

          <div class="price-wrapper">
            <h4 class="text-gray-800 font-bold text-lg">164.4 ج.م</h4>
            
          <div class="add-to-cart-conatiner">
            <salla-add-product-button class="btn--add-to-cart hydrated" fill="outline" width="wide" product-id="664796445" product-status="sale" product-type="product"><!----><salla-button type="button" product-id="664796445" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="outline" size="medium" width="wide"><!----><button type="button" product-id="664796445" product-status="sale" product-type="product" loader-position="center" class="undefined s-button-element s-button-btn s-button-outline s-button-wide s-button-primary-outline s-button-loader-center"><span class="s-button-text">إضافة للسلة</span></button></salla-button></salla-add-product-button>

          </div>
          </div>







          



      </div></div></div></custom-salla-product-card><custom-salla-product-card class="product-block cover" id="product_1884333812">
    <div id="product-1884333812" class="product-entry card-effect product-entry--vertical">

          <div class="card-border">
            <span class="top"></span>
            <span class="right"></span>
            <span class="bottom"></span>
            <span class="left"></span>
          </div>

      <div class="product-entry__image relative'">
        <a href="https://clubsstoresa.com/ar/طباعة-اسم-ورقم/p1884333812" aria-label="طباعة اسم ورقم">
          <img class="h-full w-full transition-opacity hover:opacity-90 lazy loaded" width="200" height="200" src="https://cdn.salla.sa/YQbvo/vc0takDnXKG2R81ZnbSRmaIl3WbdqNcIvuweAh0i.png" data-src="https://cdn.salla.sa/YQbvo/vc0takDnXKG2R81ZnbSRmaIl3WbdqNcIvuweAh0i.png" alt="طباعة اسم ورقم" loading="lazy" data-ll-status="loaded">
        </a>

        
          <salla-button shape="icon" fill="outline" color="light" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated s-button-wrap hydrated" onclick="salla.wishlist.remove(1884333812)" data-id="{{ product.id }}" size="medium" width="normal"><!----><button shape="icon" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated s-button-element s-button-icon s-button-outline s-button-light-outline s-button-loader-center" data-id="{{ product.id }}" type="button"><span class="s-button-text">
              <i class="sicon-heart"></i>
            </span></button></salla-button>
      </div>

      <div class="content-wrap donating-wrap">
        <div class="product-entry__content">

          
          <div class="flex flex-col gap-1">
            <a class="product-entry__title mt-0" href="https://clubsstoresa.com/ar/طباعة-اسم-ورقم/p1884333812">طباعة اسم ورقم</a>
            
          </div>

          <div class="price-wrapper">
            <h4 class="text-gray-800 font-bold text-lg">246.6 ج.م</h4>
            
          <div class="add-to-cart-conatiner">
            <salla-add-product-button class="btn--add-to-cart hydrated" fill="outline" width="wide" product-id="1884333812" product-status="sale" product-type="product"><!----><salla-button type="button" product-id="1884333812" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="outline" size="medium" width="wide"><!----><button type="button" product-id="1884333812" product-status="sale" product-type="product" loader-position="center" class="undefined s-button-element s-button-btn s-button-outline s-button-wide s-button-primary-outline s-button-loader-center"><span class="s-button-text">إضافة للسلة</span></button></salla-button></salla-add-product-button>

          </div>
          </div>







          



      </div></div></div></custom-salla-product-card></div><div class="s-infinite-scroll-wrapper"><div class="s-infinite-scroll-status">
        <p class="s-infinite-scroll-last infinite-scroll-last"> </p>
        <p class="s-infinite-scroll-error infinite-scroll-error s-hidden">تعذر جلب المزيد😢</p>
      </div>
      <a href="#" class="s-infinite-scroll-btn s-button-btn">
        <span class="s-button-loader s-button-loader-center s-infinite-scroll-btn-loader" style="display: none;"></span>
      </a></div>
  
  
  `;
}