FileMaster

Edit File: product-review.js

(function ($) {
  window["cozyBlockProductReviewInit"] = (e) => {
    const n = e.replace(/-/gi, "_");
    const blockOptions = window[`cozyProductReview_${n}`];
    const productReviewClass = `#cozyBlock_${n}`;
    const cozyProductReview = document.querySelector(productReviewClass);

const sliderAttr = {
      init: true,
      loop: blockOptions.sliderOptions.loop,
      speed: blockOptions.sliderOptions.speed,
      centeredSlides: blockOptions.sliderOptions.centeredSlides,
      slidesPerView: blockOptions.sliderOptions.slidesPerView,
      spaceBetween: blockOptions.sliderOptions.spaceBetween,
      navigation: {
        nextEl: `${productReviewClass} .swiper-button-next.cozy-block-button-next`,
        prevEl: `${productReviewClass} .swiper-button-prev.cozy-block-button-prev`,
      },
      pagination: {
        clickable: true,
        el: `${productReviewClass} .swiper-pagination`,
      },
      breakpoints: {
        100: {
          slidesPerView: 1,
        },
        767: {
          slidesPerView:
            blockOptions.sliderOptions.slidesPerView <= 2
              ? blockOptions.sliderOptions.slidesPerView
              : 2,
        },
        1024: {
          slidesPerView:
            blockOptions.sliderOptions.slidesPerView <= 3
              ? blockOptions.sliderOptions.slidesPerView
              : 3,
        },
        1180: {
          slidesPerView: blockOptions.sliderOptions.slidesPerView,
        },
      },
    };

if (blockOptions.sliderOptions.autoplay.status) {
      sliderAttr.autoplay = { ...blockOptions.sliderOptions.autoplay };
    } else {
      delete sliderAttr.autoplay;
    }

new Swiper(
      productReviewClass +
        ".layout-carousel .cozy-product-review__swiper-container",
      sliderAttr
    );

const reviewWrapper = cozyProductReview.querySelector(
      ".woo-product-review-wrapper"
    );

const loaderButton = cozyProductReview.querySelector(
      ".cozy-dynamic-loader"
    );
    const commentIDs = [];
    let commentsToShow = [];
    if (loaderButton) {
      const initialShownReviews = cozyProductReview.querySelectorAll(
        ".woo-product-review"
      );
      initialShownReviews.forEach((review) => {
        const commentID = review.getAttribute("data-comment-id");

if (commentID) {
          // Check if the attribute value exists before pushing it to the array
          commentIDs.push(commentID);
        }
      });

const initialFilteredComments = blockOptions.woo_product_comments.filter(
        (comment) => !commentIDs.includes(comment.comment_ID)
      );

const initalShow = initialFilteredComments.slice(
        commentsToShow.length,
        commentsToShow.length + blockOptions.ajaxButton.contentLoad
      );
      if (initalShow.length <= 0) {
        loaderButton.classList.add("display-none");
      }

loaderButton.addEventListener("click", function () {
        const shownReviews = cozyProductReview.querySelectorAll(
          ".woo-product-review"
        );
        shownReviews.forEach((review) => {
          const commentID = review.getAttribute("data-comment-id");

if (commentID) {
            // Check if the attribute value exists before pushing it to the array
            commentIDs.push(commentID);
          }
        });

const filteredComments = blockOptions.woo_product_comments.filter(
          (comment) => !commentIDs.includes(comment.comment_ID)
        );

if (blockOptions.woo_product_comments.length > 0) {
          commentsToShow = filteredComments.slice(
            0,
            blockOptions.ajaxButton.contentLoad
          );

const reviewTemplate = generateReviewTemplate(
            commentsToShow,
            blockOptions,
            productReviewClass
          );
          reviewTemplate.map((template, index) => {
            const tempContainer = document.createElement("li");

// Set the HTML content of the container
            tempContainer.innerHTML = template;
            tempContainer.className = "woo-product-review visibility-hidden";
            tempContainer.setAttribute(
              "data-comment-id",
              commentsToShow[index].comment_ID
            );

reviewWrapper.appendChild(tempContainer);

setTimeout(() => {
              tempContainer.classList.remove("visibility-hidden");
              tempContainer.classList.add("visibility-visible");
            }, 230);
          });

const nextShow = filteredComments.slice(
            commentsToShow.length,
            commentsToShow.length + blockOptions.ajaxButton.contentLoad
          );
          if (nextShow.length <= 0) {
            loaderButton.classList.add("display-none");
          }
        }
      });
    }

function generateReviewTemplate(
      commentsToShow,
      blockOptions,
      productReviewClass
    ) {
      const reviewTemplateString = [];

const months = [
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December",
      ];

commentsToShow.map((review) => {
        const dateString = review.comment_date;
        const dateObject = new Date(dateString);

const day = dateObject.getDate();
        let month = months[dateObject.getMonth()];
        const year = dateObject.getFullYear();

const formattedDay = day < 10 ? "0" + day : day;

let formattedDate = "";

if (blockOptions.reviewTitle.dateAbbr) {
          month = month.slice(0, 3);
        }

if (blockOptions.reviewTitle.dateFormat === "d-m-y") {
          formattedDate = `${formattedDay} ${month}, ${year}`;
        }

if (blockOptions.reviewTitle.dateFormat === "m-d-y") {
          formattedDate = `${month} ${formattedDay}, ${year}`;
        }

reviewTemplateString.push(htmlTemplateString);
      });

return reviewTemplateString;
    }
  };
})(jQuery);

Back