ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / foreclass.com / wp-content / themes / oceanwp / assets / src / js / wp-plugins / woocommerce

class WooThumbnails {
  #elements = {
    thumbsVerticalLayout: document.querySelector(".owp-thumbs-layout-vertical"),
  };

constructor() {
    if (!!this.#elements.thumbsVerticalLayout) {
      this.#setupEventListeners();
    }
  }

#setupEventListeners = () => {
    window.addEventListener("load", this.#start);
    window.addEventListener("resize", this.#start);
  };

#start = () => {
    const thumbsNav =
      this.#elements.thumbsVerticalLayout.querySelector(".flex-control-nav");

if (!!thumbsNav) {
      if (window.innerWidth > 768) {
        const imageHeight =
          this.#elements.thumbsVerticalLayout.querySelector(
            ".flex-viewport"
          )?.offsetHeight;
        const navHeight =
          this.#elements.thumbsVerticalLayout.querySelector(
            ".flex-control-nav"
          )?.offsetHeight;

if (navHeight > imageHeight + 50) {
          thumbsNav.style.maxHeight = `${imageHeight}px`;
        }
      } else {
        thumbsNav.style.maxHeight = "";
      }
    }
  };
}

new WooThumbnails();

[-] woo-thumbnails.js [edit]
[+] custom-features
[-] woo-display-cart.js [edit]
[+] ..
[-] woo-cat-widget.js [edit]
[-] woo-multi-step-checkout.js [edit]
[-] woo-floating-bar.js [edit]
[-] woo-custom-features.js [edit]
[-] woo-mini-cart.js [edit]
[-] woo-quick-view.js [edit]
[-] woo-off-canvas.js [edit]
[-] woo-ajax-add-to-cart.js [edit]
[-] woo-hover-style.js [edit]