Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
11 kB
1
Indexable
Never
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    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);
    }

    function waitForSlick(trigger) {
      var interval = setInterval(function () {
        if (window.jQuery.fn.slick != undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000)
    }

    function waitForjQuery(trigger) {
      var interval = setInterval(function () {
        if (window.jQuery != undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000)
    }

    function addScript() {
      var cssScript = '' +
        "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
      document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);

      var swiperScript = document.createElement('script');
      swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
      document.getElementsByTagName('head')[0].appendChild(swiperScript);
    }

    /* Variation Init */


    function imageLoad() {

      if (document.querySelector(".mt-selector")) {
        document.querySelector(".product-details .MagicZoom").style.display = "none"
      } else {
        document.querySelector(".product-details .MagicZoom").style.display = "block";
      }

    }

    function slide() {
      document.querySelectorAll('.MagicToolboxSelectorsContainer a').forEach(function (val) {
        val.querySelector('img').src = val.getAttribute('data-image');
      });
      if (window.innerWidth < 991) {
        waitForSlick(function () {
          var $ = window.jQuery;
          $('html body div.MagicToolboxSelectorsContainer > div').slick({
            autoplay: false,
            autoplaySpeed: 3000,
            dots: true,
            infinite: false,
            speed: 300,
            slidesToShow: 1,
            centerMode: true,
          });
        });

      }

    }

    /* Initialize variation */
    waitForElement('.MagicToolboxSelectorsContainer a img', imageLoad, 50, 15000);
    if (window.innerWidth < 991) {
      waitForElement('div.MagicToolboxSelectorsContainer > div a img', slide, 50, 15000);
    }
    waitForjQuery(function () {
      addScript();
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();


.details-specification__item .collapse-toggle.collapsed {
    border-bottom: 1px solid !important;
    border-top: 1px solid !important;
}

html body #content-container div.description button>h4 {
    font-weight: 700 !important;
    font-size: 22px !important;
    font-family: 'Mallory Thin' !important;
}

html body .product-details-main+.product-details-secondary {
    padding-top: 0 !important;
}

.details-specification__item {
    float: none;
}

.details-specification__item:not(.eg_specs) {
    display: none;
}

.details-specification__item.eg_specs {
    margin-top: 25px;
}

.eg_specs .collapse-toggle.collapsed:after {
    content: "";
    font-family: "Vita-iconfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.eg_specs .collapse-toggle:after {
    content: "";
    font-family: "Vita-iconfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    position: absolute;
    right: 0;
    color: inherit;
}

.details-specification__item .collapse-toggle:not(.collapsed) {
    border-top: 1px solid;
    border-top-color: #000;
}

@media screen and (min-width: 991px) {

    html body .products-five-block.dialog h2 {
        padding-top: 0 !important;
    }

    html body .button-row {
        margin-bottom: 40px !important;
    }

    html body .product-details-main .product-details .add2cart-button-box {
        width: calc(92% - 168px) !important;
    }

    /* sticky css */
    .product-details-main .product-details {
        display: flex;
    }

    .product-details-main .product-details .details {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }

    .product-details-main .product-details .icon-links-row {
        justify-content: center !important;
        margin-top: 20px !important;
    }

    .product-details>div:nth-child(3) {
        width: 42% !important;
    }

    .MagicToolboxSelectorsContainer.eg-items-less>div {
        display: flex;
        flex-direction: column;
    }

    .egNewEle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 16px;
    }

    html body div.MagicToolboxSelectorsContainer>div {
        display: flex !important;
        flex-wrap: wrap;
    }

    html body .product-details-main .MagicToolboxSelectorsContainer>div>a {
        margin: 16px 16px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html body .product-details .image .image-box img {
        width: 285px;
        height: auto;
        object-fit: cover;
    }

    /* #content-container > div.dialog.noborder > div > div.product-details-main > div > div > div:nth-child(3) {
       width: 600px !important;
    } */

    div.MagicToolboxContainer.selectorsBottom .MagicToolboxSelectorsContainer {
        width: 650px !important;
    }

    .details-specification {
        width: 100%;
        margin-top: 40px;
        min-width: 1140px !important;
    }

    .details-specification__item {
        padding: 0 !important;
    }

    #content-container>div.dialog {
        margin-bottom: 0;
    }

    .recommended-products.products-five-block.dialog.container {
        margin-top: 0 !important;
    }

    #content-container>div.recommended-products.container>h2 {
        margin-top: 0;
        padding-top: 0;
    }
}

@media (min-width: 991px) and (max-width: 1124px) {
    html body .product-details .image .image-box img {
        width: 200px !important;
    }
}

@media (min-width: 1300px) and (max-width: 1520px) {
    .details-specification {
        min-width: 1230px !important;
    }
}

@media (min-width: 1194px) and (max-width: 1329px) {
    .details-specification {
        min-width: 1160px !important;
    }
}

@media (min-width: 994px) and (max-width: 1193px) {
    .details-specification {
        min-width: 960px !important;
    }
}

@media screen and (max-width: 991px) {
    .product-details .image .image-box img {
        margin: auto !important;
    }

    html body .details-specification {
        margin-top: 45px;
    }

    .product-details .image .image-box img {
        margin: auto !important;
        width: 300px !important;
        object-fit: cover;
        height: 200px !important;
        object-fit: cover;
    }

    html body .product-details-main+.product-details-secondary {
        padding-top: 0 !important;
    }

    html body .recommended-products.products-five-block.dialog.container {
        margin-top: 0 !important;
    }

    html body .product-details-secondary.container {
        display: none;
    }

    html body #content-container>div.dialog.noborder {
        margin-bottom: 0 !important;
    }

    .eg_specs .collapse-toggle:after {
        font-size: 20px !important;
    }

    html body #content-container div.description button>h4 {
        font-size: 18px !important;
    }
}

/******* Slick CSS ******/

@media screen and (max-width: 991px) {
    html body .product-details .slick-arrow {
        display: none !important;
    }

    html body .product-details .slick-dots li button {
        display: none;
    }

    html body .product-details .slick-dots li {
        background: #000;
        list-style: none;
        /* border: 3px solid #728287; */
        width: 100%;
        height: 8px;
        margin: 0px 2px;
        border-radius: 0;
    }

    html body .product-details .slick-dots {
        padding: 0px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    html body .product-details .slick-dots li.slick-active {
        background: #728287;
    }

    html body .mt-selector {
        opacity: 0 !important;
    }

    html body .mt-selector.slick-current {
        opacity: 1 !important;
    }

    html body .mt-selector ul.slick-dots {
        display: flex !important;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/** color changed **/

.product-details .details>*,
.icon-links-row div span,
span.stock-in,
span#save_percent,
span#save_percent>*,
.labels .label.market-price,
.mobile-product-header h1 {
    color: #000 !important;
}


.afterpay svg,
.zippay svg {
    stroke: #000 !important;
}

.buttons-row-wl .add-to-wl-button .wl-icon svg path {
    fill: #000 !important;
}

.product-price-payments__payments svg path:not(.background),
.product-price-payments__payments svg polygon:not(.background) {
    fill: #000 !important;
}

.product-price-payments .afterpay+div {
    border-color: #000 !important;
}

.product-details-main .container,
.product-details-main {
    background: #fff !important;
}

.product-details-main .MagicToolboxSelectorsContainer>div>a {
    border: none !important;
}

span.flat-rates-product,
.find-in-store.find-in-store-icon-text>span {
    color: #000 !important;
}

.nice-select.step-action.select.required-entry {
    border-bottom-color: #000 !important;
}

.product-details .engraving-block .step-action.nice-select:after,
.product-details .engraving-block .step-action.nice-select:hover,
#orderform>div.find-in-store-wrapper>div>span {
    border-color: #000 !important;
}

#engraving-examples-link,
#etiquette-link,
#engraving-toc-popup-link,
.find-in-store-wrapper .find-in-store span {
    color: #000 !important;
}

.condensed-initials dd input {
    border-bottom-color: #000 !important;
    color: #000 !important;
}