Hydromax3

.text--only { max-width: 90%; margin-left: auto; } .product-mc__heading { font-style: normal; font-weight: 900; font-size: 22px; color: #000; text-align: left; margin-bottom: 1.25rem; } .product-mc__text { text-align: left; font-size: 18px; } .product-mc__slider-wrap { display: flex; justify-content: space-between; } .product-mc__main-product { width: 49%; text-decoration: none; text-align: center; } .product-mc__slider-product { width: 49%; margin-top: .5rem; } .product-mc__main- { font-weight: 900; font-size: 1.375rem; line-height: 1.4; letter-spacing: -1px; color: #000; padding: 1rem 0; text-align: center; display: flex; justify-content: center; align-items: center; font-weight: 900; } .product-mc__main-title, .product-mc__main-price { font-weight: 400; font-size: 1.125rem; text-align: center; color: #000000; } .jsProductMCSlider .slick-slide { outline: none; } .product-mc__sec-product { text-decoration: none; position: relative; display: block; text-align: center; } .product-mc__slider-product .product-mc__main-title { background-image: linear-gradient(180deg, transparent calc(100% - 4px), #ff37df 0); background-size: 100% 100%; background-repeat: no-repeat; text-decoration: none; background-position: 0 0; transition: background .3s; border-bottom: none; display: inline; } .product-mc__main-title strong { font-weight: 900; } .product-mc__slider-product .product-mc__main-title:hover { background-size: 0 100%; } .product__arr-wrap { position: relative; } .product-next__arr, .product-prev__arr { position: absolute; top: 35%; width: 50px; height: 50px; z-index: 2; background-repeat: no-repeat; background-size: 30%; background-position: center; cursor: pointer; } .product-prev__arr { background-image: url('https://cdn2.edenfantasys.com/Images/ImageLibrary/637242616194975915.png'); } .product-next__arr { right: 0; background-image: url('https://cdn2.edenfantasys.com/Images/ImageLibrary/637242616243305342.png'); } .slick-dots { margin: 1rem 0; font-size: 0; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 5px; height: 5px; padding: 0; margin: 0 2.5px; border: 0; background: transparent; } .slick-dots .slick-active button { background-color: #ff37df; } .slick-dots .slick-active button { background: #f0c; } .slick-dots button { width: 5px; height: 5px; font-size: 0; line-height: 0; padding: 0; background-color: #1d1d1d; outline: 0; border: 0; line-height: 0; font-size: 0; } .product-mc__title-wrap { text-align: center; margin-bottom: 1rem; } .product-mc__main-prop { position: absolute; right: 11%; top: 25%; max-width: 100px; text-transform: uppercase; font-weight: 900; color: #9933FF; font-size: 12px; text-align: right; } .product-mc__main-subtitle { text-align: center; max-width: 80%; margin: .5rem auto 0 auto; } .product__img { margin: 0 auto; } .product-details__wrap { display: flex; justify-content: space-between; } .product-mc-block { max-width: 700px; } .product-mc__main-price .product-details__reg-price, .product-mc__main-price .product-details__oos-price { font-weight: 400; font-size: 1.125rem; text-align: center; color: #000000; letter-spacing: 0; min-height: 27px; } .product-mc__main-price { min-height: 27px; } $(document).ready(function () { var parentCont = $('.product-details__wrap'); var productDetails = $('.product-vibration-features'); var vibrationMapCont = $('.vibrationMapCont'); productDetails[0].firstElementChild.style.maxWidth = '700px'; $('.product-mc-block')[0].style.maxWidth = '100%'; }) var productMCContainer = $('.jsProductMCSlider'), productMCSlides = $('.jsProductMCSlider .slide'); if (productMCContainer.length && productMCSlides.length > 1) { productMCContainer.slick({ infinite: true, lazyLoad: 'progressive', dots: true, arrows: true, nextArrow: '', prevArrow: '', autoplay: false, touchThreshold: 7 }); } (function () { var ProductDetailsHandler = new (function () { return { productRequest: function (params, callback) { return $.ajax({ url: '/ajax/htabs/exec.aspx', dataType: 'json', cache: false, data: params, success: function (response) { callback && callback(response); } }); }, getProducts: function (pids, callback) { return this.productRequest({ 'op': 'vsd', 'pids': pids }, callback); } }; })(); var prodcutPriceTmpls = { defaultPrice: '{0}', reducedPrice: '{0} Compare at: {1}', salePrice: '{1} {0}', cartSalePrice: 'This product is on special Add to cart to see the price', cartSalePriceInCart: 'This product is on special', OOSHTML: '{0}', bulkpriceWrap: '', bulkprice: '' }; var McPriceBuilder = function () { return { fillPriceElem: function (el, data) { var productBlock = el, priceBlock = productBlock.find('.jsProductPrice'); var pp = new ProductPrice(priceBlock, null, null, prodcutPriceTmpls); pp.setPrice(data); priceBlock.addClass('priceReady'); } }; }; var priceBuilder = new McPriceBuilder(), pids = [], sliderEl = $('.jsProductMCSlider'); $(".jsDynamicProduct", sliderEl).each(function () { pids.push($(this).attr("data-pid")); }); ProductDetailsHandler.getProducts(pids.join(","), function (products) { _.each(products, function (product) { var productEl = $('[data-pid="' + product.pid + '"]', sliderEl); priceBuilder.fillPriceElem(productEl, product); }); }); })()