Untitled
unknown
plain_text
2 years ago
39 kB
28
Indexable
/* CUSTOM CODE */
(function() {
var debug = 0;
var variation_name = "";
if (window.location.href.indexOf('qa-debug=true') > -1) {
debug = 1;
}
try {
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 live(selector, event, callback, context) {
// helper for enabling IE 8 event bindings
function addEvent(el, type, handler) {
if (el.attachEvent) el.attachEvent("on" + type, handler);
else el.addEventListener(type, handler);
}
// matches polyfill
this.Element &&
(function(ElementPrototype) {
ElementPrototype.matches =
ElementPrototype.matches ||
ElementPrototype.matchesSelector ||
ElementPrototype.webkitMatchesSelector ||
ElementPrototype.msMatchesSelector ||
function(selector) {
var node = this,
nodes = (node.parentNode || node.document).querySelectorAll(
selector
),
i = -1;
while (nodes[++i] && nodes[i] != node);
return !!nodes[i];
};
})(Element.prototype);
// live binding helper using matchesSelector
function live(selector, event, callback, context) {
addEvent(context || document, event, function(e) {
var found,
el = e.target || e.srcElement;
while (
el &&
el.matches &&
el !== context &&
!(found = el.matches(selector))
)
el = el.parentElement;
if (found) callback.call(el, e);
});
}
live(selector, event, callback, context);
}
var logoSection = `<div class="right-logo-section">
<div class="top-logo">
<div class="logo-inner-container">
<div class="logo">
<img src="https://www.wineselectors.com.au/getmedia/5c8bcfed-c406-483d-ba79-01690d857866/Pig" >
</div>
<p class="logo-discription">
<b>100%</b></br>
SATISFACTION GUARANTEE
</p>
</div>
<div class="logo-inner-container">
<div class="logo">
<img src="https://www.wineselectors.com.au/getmedia/b8a0c206-0b70-4441-8cb8-6b55c9a5f7b0/Grapes">
</div>
<p class="logo-discription">
<b>500+</b></br>
AUSTRALIAN WINERIES
</p>
</div>
<div class="logo-inner-container">
<div class="logo">
<img src="https://www.wineselectors.com.au/getmedia/1fb16233-3ea9-42ce-9084-e5dd237416c6/Wine-glasses">
</div>
<p class="logo-discription">
<b>47+yrs</b></br>
EXPERIENCE & PASSION
</p>
</div>
</div>
<div class="banner-scetion">
<div class="percent-img">
<img src="https://www.wineselectors.com.au/getmedia/a4a3e5ad-b552-4b30-ae43-7af767cbffab/Discount">
</div>
<p><b>15% off</b> when you buy 12</p>
<a><img src="https://www.wineselectors.com.au/getmedia/e543e005-795a-4a14-bbdc-ac36fed75bb5/Question"></a>
</div>
</div>`;
var accordSection = `<div class='accordin-section'>
<h3 class='wine-discription active'>Wine Description</h3>
<h3 class='wine-details'>Wine Details</h3>
</div>`;
var NewStrip = `<div class="new-strip">
<span class="opt9-saven">save 15%</span> when you buy <span class="opt9-addcount">12</span> more bottles<a><img src="https://www.wineselectors.com.au/getmedia/e543e005-795a-4a14-bbdc-ac36fed75bb5/Question"></a>
</div>
<div class="saving-strip"><span class="opt9-saving">You're saving 15%!</span></div>`;
var WineDetails = '' +
' <div class="kb-product-details">' +
' <div class="kb-inner-container">' +
' <div class="kb-left-container">' +
' <h2 class="kb-wine-discription active">Wine Description</h2>' +
' </div>' +
' <div class="kb-right-container">' +
' <h2 class="kb-wine-details">Wine Details</h2>' +
' </div>' +
' </div>' +
' </div>' +
'<div class="kb-pack-contents-container"><div class="kb-pack-contents-inner-container"><div class="kb-pack-contents-title"><h2>PACK CONTENTS</h2></div></div></div>' +
' <div class="kb-vartical-banner-conatiner">' +
' <div class="kb-vartical-banner-inner-conatiner">' +
' </div>' +
' </div>';
var Gift_Icon = '' +
' <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">' +
' <path d="M12.7695 3.78125H11.1004C11.3585 3.43825 11.5117 3.0121 11.5117 2.55078C11.5117 1.41998 10.5917 0.5 9.46094 0.5C8.77978 0.5 8.2775 0.744043 7.88022 1.268C7.54786 1.70638 7.30483 2.31844 7 3.09178C6.69517 2.31841 6.45214 1.70638 6.11978 1.268C5.7225 0.744043 5.22022 0.5 4.53906 0.5C3.40826 0.5 2.48828 1.41998 2.48828 2.55078C2.48828 3.0121 2.64149 3.43825 2.89956 3.78125H1.23047C0.551988 3.78125 0 4.33324 0 5.01172V5.83203C0 6.36674 0.342918 6.82264 0.820312 6.99195V13.2695C0.820312 13.948 1.3723 14.5 2.05078 14.5H11.9492C12.6277 14.5 13.1797 13.948 13.1797 13.2695V6.99195C13.6571 6.82264 14 6.36674 14 5.83203V5.01172C14 4.33324 13.448 3.78125 12.7695 3.78125ZM7.75288 3.41867C8.38122 1.82459 8.62009 1.32031 9.46094 1.32031C10.1394 1.32031 10.6914 1.8723 10.6914 2.55078C10.6914 3.22926 10.1394 3.78125 9.46094 3.78125H7.60941C7.65967 3.65506 7.7076 3.53357 7.75288 3.41867ZM4.53906 1.32031C5.37991 1.32031 5.61879 1.82459 6.24712 3.41867C6.2924 3.53357 6.34033 3.65506 6.39059 3.78125H4.53906C3.86058 3.78125 3.30859 3.22926 3.30859 2.55078C3.30859 1.8723 3.86058 1.32031 4.53906 1.32031ZM5.35938 13.6797H2.05078C1.82462 13.6797 1.64062 13.4957 1.64062 13.2695V7.0625H5.35938V13.6797ZM5.35938 6.24219H1.23047C1.00431 6.24219 0.820312 6.05819 0.820312 5.83203V5.01172C0.820312 4.78556 1.00431 4.60156 1.23047 4.60156H5.35938V6.24219ZM7.82031 13.6797H6.17969V4.60156C6.26563 4.60156 7.34891 4.60156 7.82031 4.60156V13.6797ZM12.3594 13.2695C12.3594 13.4957 12.1754 13.6797 11.9492 13.6797H8.64062V7.0625H12.3594V13.2695ZM13.1797 5.83203C13.1797 6.05819 12.9957 6.24219 12.7695 6.24219H8.64062V4.60156H12.7695C12.9957 4.60156 13.1797 4.78556 13.1797 5.01172V5.83203Z" fill="#B00A2C"></path>' +
' </svg>';
function init() {
if (debug) {
console.log('Inside init Function');
}
var RightSection = document.querySelector(".product-detail-row .right-column");
document.querySelector(".product-detail-row .left-column").insertAdjacentElement("beforeBegin", RightSection);
var Title = document.querySelector(".page-heading.product");
document.querySelector(".product-detail-row .right-column").insertAdjacentElement("beforeBegin", Title);
document.querySelector(".more .readmore").click()
var ATC = document.querySelector(".product-add-to-cart");
document.querySelector(".product-stats").insertAdjacentElement("beforeBegin", ATC);
document.querySelector(".price-container .opt9-addmore").insertAdjacentHTML("afterend", NewStrip)
if (!document.querySelector(".opt9-group")) {
document.body.classList.add("not-persent")
}
if (!!document.querySelector('.product-info')) {
var Bars = document.querySelector('.product-info').outerHTML;
document.querySelector(".product-stats").insertAdjacentHTML("afterend", Bars);
}
waitForElement(".input-quantity", offerBanner, 50, 15000);
}
function rightATCscetion() {
// Wrap ATC section
function wrap(el, wrapper) {
el.parentNode.insertBefore(wrapper, el);
wrapper.appendChild(el);
}
wrap(document.querySelector('.product-add-to-cart '), document.createElement('div'));
document.querySelector(".product-add-to-cart ").parentElement.classList.add("atc-outer-container");
document.querySelector(".atc-outer-container .product-add-to-cart").insertAdjacentHTML("afterend", logoSection);
var bottomlogo = document.querySelector('.opt9-group').innerHTML;
document.querySelector(".atc-outer-container .banner-scetion").insertAdjacentHTML('afterbegin', document.querySelector('.opt9-group').innerHTML);
}
function qty() {
document.querySelector('.input-quantity').insertAdjacentHTML("afterend", '<div class="qty-container"><a class="plus">+</a> <a class="minus">-</a></div>');
document.querySelector('.plus').addEventListener("click", () => {
document.querySelector(".input-quantity").setAttribute("value", parseInt(document.querySelector(".input-quantity").getAttribute('value')) + 1);
document.querySelector(".input-quantity").value = parseInt(document.querySelector(".input-quantity").getAttribute('value'));
document.querySelector('.input-quantity').dispatchEvent(new Event('change', {
'bubbles': true
}))
// change value
if (document.querySelector(".new-strip .opt9-addcount")) {
var valueminus = document.querySelector(".input-quantity").value;
var minusvalue = parseInt(valueminus);
console.log(minusvalue)
$(".new-strip .opt9-addcount").text(12 - minusvalue);
}
})
document.querySelector('.minus').addEventListener("click", () => {
if (parseInt(document.querySelector(".input-quantity").getAttribute('value')) > 0) {
document.querySelector(".input-quantity").setAttribute("value", parseInt(document.querySelector(".input-quantity").getAttribute('value')) - 1);
document.querySelector(".input-quantity").value = parseInt(document.querySelector(".input-quantity").getAttribute('value'));
document.querySelector('.input-quantity').dispatchEvent(new Event('change', {
'bubbles': true
}))
// change value
if (document.querySelector(".new-strip .opt9-addcount")) {
var valueminus = document.querySelector(".input-quantity").value;
var minusvalue = parseInt(valueminus);
console.log(minusvalue)
$(".new-strip .opt9-addcount").text(12 - minusvalue);
}
}
})
}
function iconClick() {
live(".new-strip a", "click", function() {
document.querySelector(".optpop-pophold").classList.add("optpop-pophold-active");
document.querySelector(".optpop-bg").style.display = "block";
});
}
function OTSproduct() {
document.querySelector(".price-container").insertAdjacentHTML("afterend", "<a class='new-oos-cta'>Out of stock</a>");
}
function AvgValue() {
var AvgValueSelector = document.querySelector(".grey-bar span").innerText;
var getAvgValue = AvgValueSelector.substring(
AvgValueSelector.indexOf("$") + 1,
AvgValueSelector.lastIndexOf(".")
);
document.querySelector(".product-add-to-cart .grey-bar").insertAdjacentHTML("afterend", "<p class='new-avg-value'>You're saving <span class='price-color'>$" + getAvgValue + "</span> on RRP</p>");
}
$('body').on('DOMSubtreeModified', '.product-add-to-cart .opt9-addmore .opt9-addcount', function() {
var offerval = document.querySelector(".product-add-to-cart .opt9-addmore .opt9-addcount").innerText;
document.querySelector(".new-strip .opt9-addmore").innerText = offerval;
});
$('body').on('DOMSubtreeModified', '.grey-bar span', function() {
var AvgValue = document.querySelector(".grey-bar span").innerText;
var getAvgValuee = AvgValue.substring(
AvgValue.indexOf("$") + 1,
AvgValue.lastIndexOf(".")
);
document.querySelector(".new-avg-value .price-color").innerText = "$" + getAvgValuee;
$(".input-quantity").on("change paste keyup click", function() {
var quntityval = document.querySelector(".input-quantity").value;
if (parseInt(quntityval) == 0) {
document.querySelector(".new-avg-value").style.display = "none";
} else {
document.querySelector(".new-avg-value").style.display = "block";
}
});
});
function offerBanner() {
$(".input-quantity").on("change paste keyup click", function() {
var quntity = document.querySelector(".input-quantity").value;
if (parseInt(quntity) >= 12) {
document.querySelector(".saving-strip span.opt9-saving ").style.display = "block";
document.querySelector(".new-strip").style.display = "none";
} else {
document.querySelector(".saving-strip span.opt9-saving ").style.display = "none";
document.querySelector(".new-strip").style.display = "block";
}
});
};
// Adding new wineDetaile Section
function WineDetailSection() {
var BannerSelector = document.querySelector(".product-detail ").parentElement;
BannerSelector.insertAdjacentHTML("afterend", WineDetails)
if (document.querySelector(".product-detail-intro-copy .inner >p")) {
document.querySelector('.kb-product-details').style.display = "block";
var productDetail = document.querySelector('.product-table').outerHTML;
document.querySelector(".kb-wine-details").insertAdjacentHTML("afterend", productDetail);
document.querySelector(".kb-wine-discription ").insertAdjacentElement("afterend", document.querySelector(".product-detail-intro-copy .inner >p"));
}
if (document.querySelector(".cellar-door-cta") != null) {
document.querySelector(".kb-vartical-banner-conatiner").style.display = "block";
var ctaLink = document.querySelector(".cellar-door-cta .inner .cta a").getAttribute("href");
if (document.querySelector(".cellar-door-cta .inner .lead") != null) {
var bannerText = document.querySelector(".cellar-door-cta .inner .lead").innerText;
}
document.querySelector('.kb-vartical-banner-inner-conatiner').insertAdjacentHTML("beforeend", '<div class="learn-more-section"><div class="inner-learn-more"><div class="bottel-img"><img src="https://www.wineselectors.com.au/getmedia/558fe174-db79-4d64-99b2-9e835febe35c/Group-17"></div><div class="text-more"><p>' + bannerText + '</p></div><a href="' + ctaLink + '" class="learn-more-cta">Learn more</a></a></div></div>');
}
if (document.querySelector(".product-detail-accordion.accordion .contents > div.copy > div.inner") != null) {
document.querySelector(".kb-pack-contents-container").style.display = "block";
var PackSelector = document.querySelector(".product-detail-accordion.accordion .contents > div.copy > div.inner").innerHTML;
document.querySelector(".kb-pack-contents-title").insertAdjacentHTML("afterend", PackSelector);
var Packqty = document.querySelectorAll(".kb-pack-contents-inner-container .product-tile .name");
Packqty.forEach(function(e) {
e.insertAdjacentHTML("afterend", "<p><b>QTY: 1<b></p>")
})
}
}
// function giftSection(){
// document.querySelector(".gf-creation__button .gf-creation__button_text").insertAdjacentHTML("afterend", "<p class='gift-icon'>" + Gift_Icon + "</p>");
// document.querySelector(".gf-creation__button .gf-creation__button_text >div").innerText="Send as an instant gift"
// document.querySelector(".gf-learnMore .learnMore").innerHTML="Powered by <b>gift flick</b> <span class='learn-more-text'>learn more</span>"
// }
function largeText(){
var elems = $('.kb-left-container p');
elems.each( function(){
var elem = $(this);
var textParts = elem.html().split("<");
var first = "<span class='kb-first-para'>" + textParts.shift( ) + "</span> <a class='showmore'>Show more</a>";
var test="<span class='kb-second-para'> <"+textParts.join("<")+" <a class='showless'>Show less</a></span>";
elem.html(first + test);
console.log(test)
$(".showmore").click(function(){
$(".kb-left-container p").addClass("show");
});
$(".showless").click(function(){
$(".kb-left-container p").removeClass("show");
});
});
}
waitForElement(".product-detail-row .right-column", init, 50, 15000);
waitForElement(".product-add-to-cart, .atc-outer-container .banner-scetion", rightATCscetion, 50, 15000);
waitForElement(".product-add-to-cart .quantity-row .quantity-col", qty, 50, 15000);
waitForElement(".new-strip a", iconClick, 50, 15000);
waitForElement(".stock-col .availability .stock-red", OTSproduct, 50, 15000);
waitForElement(".product-add-to-cart .grey-bar", AvgValue, 50, 15000);
waitForElement(".product-detail", WineDetailSection, 50, 15000);
// waitForElement(".gf-creation__button .gf-creation__button_text >div ", giftSection, 50, 20000);
waitForElement(".kb-left-container p br:first-of-type", largeText, 50, 15000);
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
.shop-with-confidence,
.cellar-door-cta.entertainer {
display: none;
}
.opt9-addmore {
font-size: 15px !important;
text-align: center;
padding: 12px 0;
text-transform: none !important;
display: none !important;
}
.stock-col {
width: 60% !important;
}
.quantity-col {
width: 50%;
}
span.stock-green {
font-size: 12px !important;
}
.right-column {
width: 42% !important;
}
.left-column {
width: 58% !important;
}
/* ------------------------------------ */
.top-logo {
display: flex;
flex-direction: row;
/* background: #f5f5f5; */
padding: 18px 0px;
/* flex-direction: row; */
}
.banner-scetion {
background: #f5f5f5;
margin-top: 20px;
display: flex;
text-align: center;
padding: 15px;
align-items: center;
}
.accordin-section th {
font-weight: 300;
text-align: left;
}
.accordin-section table td {
font-weight: 500;
padding-left: 20px !important;
}
.accordin-section table th,
.accordin-section table td {
padding: 3px 0;
}
.accordin-section .product-table {
padding-bottom: 20px !important;
}
.atc-outer-container {
display: flex;
}
.logo-inner-container {
text-align: center;
width: 33.333%;
display: flex;
margin-right: 10px;
}
.logo {
height: 40px;
max-width: 40px;
margin: 0 auto;
background: #f2f2f2;
border-radius: 50%;
align-items: center;
display: flex;
justify-content: center;
/* display: inline-block; */
width: 100%;
margin-top: 10px;
}
.banner-scetion p {
margin: 0 !important;
padding: 0 10px;
font-size: 13px;
font-weight: 400;
}
.percent-img {
height: 30px;
width: 30px;
background: #dddbdb;
border-radius: 50%;
text-align: center;
line-height: 54px;
align-items: center;
display: flex;
justify-content: center;
}
.product-add-to-cart .add-button {
width: 100% !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.product-stats {
display: flex;
}
.stat {
display: flex;
}
.product-stats .stat .label {
font-weight: 700;
font-size: 12px;
color: #484944;
position: relative;
}
.product-stats .stat .value {
margin-left: 20px;
color: #999;
font-weight: 500 !important;
}
.product-stats .stat .label:after {
position: absolute;
content: ":";
top: -2px;
font-weight: 700;
font-size: 13px;
color: #000;
right: -7px;
}
.product-stats .stat:nth-child(2),
.product-stats .stat:nth-child(4) {
border-left: none !important;
}
.banner-scetion a {
cursor: pointer;
}
.left-column .opt9-group {
display: none;
}
h3.wine-details:after,
h3.wine-discription:after {
position: absolute;
right: 6px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #403c3c;
content: "";
top: 6px;
border-radius: 7px;
}
h3.wine-details,
h3.wine-discription {
border-bottom: 1.5px solid #b81237;
padding-bottom: 15px;
padding-left: 8px;
margin-top: 25px;
position: relative;
}
.page-heading.product {
margin-bottom: 30px;
}
p.logo-discription b {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 14px;
font-weight: 900;
}
.banner-scetion p b {
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: 900;
}
.price-container span.opt9-addcount,
.price-container .opt9-saven {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: 900;
text-transform: uppercase !important;
}
a.readless,
.readmore {
display: none !important;
}
.product-detail .product-detail-intro-copy {
margin-bottom: 50px;
margin-top: 0 !important;
}
.product-add-to-cart.cart-add-parent {
width: 60%;
}
.product-add-to-cart {
margin-top: 0px !important;
}
/* ------------------------------------ */
.atc-outer-container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.banner-scetion p {
margin: 0 !important;
padding: 0 10px;
font-size: 13px;
font-weight: 400;
line-height: 1.2;
margin-top: 10px;
}
.percent-img {
height: 45px;
width: 45px;
background: #dddbdb;
border-radius: 50%;
text-align: center;
line-height: 54px;
align-items: center;
display: flex;
justify-content: center;
}
.product-detail-intro-copy .inner,
.product-info .product-table {
display: none;
}
.price-container span.opt9-addcount,
.price-container .opt9-saven {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: 900;
text-transform: uppercase !important;
color: #439423;
}
.product-detail .product-detail-intro-copy {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.inner-learn-more {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}
.learn-more-section {
padding: 30px 0;
/* background: #ca522c; */
/* margin-top: 30px; */
}
.bottel-img {
width: 20%;
max-width: 100px;
}
.text-more p {
color: #fff;
font-size: 18px;
margin-bottom: 0 !important;
padding-bottom: 0;
font-weight: 400;
}
a.learn-more-cta {
display: block;
padding: 10px;
text-align: center;
color: #FFF;
border: 2px solid #FFF;
border-radius: 5px;
font-weight: 400;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
transition-duration: .35s;
transition-timing-function: ease-out;
width: 34%;
height: 45px;
font-weight: 900;
font-size: 18px;
line-height: 20px;
width: 30%;
}
.text-more {
width: 47%;
}
a.learn-more-cta:hover {
background-color: #FFF;
color: transparent;
color: #464646;
}
span.stock-green {
color: #439423 !important;
}
.qty-container a {
font-size: 20px;
font-weight: 900;
background: #dadada;
width: 20px;
text-align: center;
height: 20px;
line-height: 15px;
cursor: pointer;
}
a.plus {
margin-bottom: 7px;
margin-top: 1px;
}
.qty-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
top: 0;
}
.product-add-to-cart .quantity-row .quantity-col {
position: relative;
width: 32%;
padding: 0px !important;
min-width: 50px;
margin-right: 15px;
}
input.input-quantity.max-limited {
position: relative;
}
.product-info .product-slider .bar .label-left,
.product-info .product-slider .bar .label-right {
background-color: #f2f2f2 !important;
font-size: 14px;
}
.product-info .product-slider .bar {
height: 40px;
line-height: 30px;
}
.product-info .product-slider {
height: 48px !important;
}
.product-info .product-slider .slider .slider-image {
top: 13px !important;
}
.product-detail-intro-copy .cropped-copy .outer {
height: auto !important;
}
.product-stats .stat {
width: 40% !important;
}
.product-add-to-cart .grey-bar {
margin-top: 0;
padding: 5px !important;
}
/* ------------------------------------ */
.shop-with-confidence {
display: none;
}
.right-logo-section {
/* margin-left: 20px; */
width: 60%;
}
p.logo-discription {
font-size: 10px;
margin-top: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.1;
}
.accordin-section .product-table,
.accordin-section .inner,
.accordin-section .product-info {
display: none;
}
h3.wine-details,
h3.wine-discription {
border-bottom: 1.5px solid #999;
padding-bottom: 15px;
padding-left: 8px;
margin-top: 25px;
cursor: pointer;
}
body.not-persent .banner-scetion {
display: none !important;
}
.optpop-pophold-active {
display: block;
top: 15% !important;
}
@media only screen and (max-width: 767px) {
html body .product-detail-accordion .header {
font-size: 18.2px !important;
}
p.logo-discription {
font-size: 8px;
}
.qty-container a {
height: 18px !important;
width: 18px !important
}
.left-column {
width: 100% !important
}
.product-add-to-cart.cart-add-parent {
width: 100%;
}
.right-logo-section {
display: flex;
margin-top: 20px;
margin-left: 0px !important;
width: 100% !important;
}
.not-persent .top-logo {
width: 100% !important;
}
.banner-scetion {
display: flex;
margin-top: 0;
margin-left: 10px;
}
.product-detail .product-stats {
display: flex;
flex-wrap: wrap;
margin-top: 20px !important;
}
.product-stats .stat {
width: 100% !important;
}
.cellar-door-cta.entertainer .inner {
display: none !important;
}
.text-more p br {
display: none;
}
.bottel-img,
.text-more {
width: 50%;
max-width: 100% !important;
}
a.learn-more-cta {
width: 100% !important;
margin-top: 20px;
}
.product-detail .left-column .product-image-container {
padding-bottom: 40px;
}
/* .learn-more-section {
margin-top: 30px !important;
} */
.product-add-to-cart .quantity-row .stock-col {
width: 100% !important;
}
.banner-scetion {
width: 0 !important;
display: flex;
flex-direction: column;
padding: 15px 5px;
}
.top-logo {
width: 100% !important;
padding-top: 0 !important;
}
.banner-scetion p {
font-size: 11px !important;
margin-top: 10px !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: 400;
line-height: 1.1;
padding-bottom: 5px;
}
.page-heading.product {
margin-bottom: 15px;
}
.product-add-to-cart .grey-bar {
margin-top: 10px;
}
.product-info .product-slider {
height: 48px !important;
}
.optpop-pophold {
top: -40%;
left: 0%;
width: 90%;
}
}
.new-oos-cta {
display: inline-block;
-webkit-appearance: none;
border-radius: 4px;
background-color: #b6b0b1;
color: #FFF;
padding: 0 16px;
cursor: pointer;
-webkit-transition-property: background-color, color, border-color;
transition-property: background-color, color, border-color;
transition-duration: .35s;
transition-timing-function: ease-out;
text-align: center;
text-transform: uppercase;
font-weight: 400;
width: 100%;
height: 45px;
line-height: 45px;
pointer-events: none;
}
.product-info {
max-width: 550px !important;
}
.new-strip {
font-size: 15px !important;
text-align: center;
padding: 12px 0;
text-transform: none !important;
color: #000;
font-weight: 300;
font-family: serifGothic, Arial, 'Helvetica Neue', Helvetica, sans-serif;
position: relative;
}
.new-strip a {
position: absolute;
right: 10px;
bottom: 15px;
}
.banner-scetion {
display: none;
}
@media only screen and (max-width: 375px) {
.new-strip a {
right: 3px;
bottom: 15px;
}
}
.new-strip .opt9-addcount {
color: #af1330 !important;
}
html body h3.wine-details {
margin-bottom: 0;
}
html body .product-detail-accordion.accordion {
margin-top: 0 !important;
}
html body .item.contents {
border-bottom: none !important;
}
html body .product-detail-accordion .header {
border-bottom: 1.5px solid #999;
padding-left: 8px;
margin-top: 10px;
cursor: pointer;
font-size: 23px;
padding-bottom: 15px !important;
text-transform: uppercase;
font-family: serifGothic, Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
background-color: #fff !important;
}
html body .product-detail-accordion .header:hover {
color: #484944 !important;
}
html body .accordion .icon-container .icon {
display: none !important;
}
html body .product-detail-accordion .header:after {
position: absolute;
right: 6px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #403c3c;
content: "";
top: 25px;
border-radius: 7px;
}
.product-detail-accordion .copy .inner {
padding-top: 35px !important;
}
h3.wine-discription:after {
transform: rotate(180deg);
}
h3.wine-discription.active:after {
transform: rotate(0deg);
}
h3.wine-details.active:after {
transform: rotate(180deg);
}
h3.wine-details:after {
transform: rotate(0deg);
}
.item.active .header:after {
transform: rotate(180deg);
}
html body .product-detail-accordion .item.active .star-rating .overlay {
background-image: url("https://www.wineselectors.com.au/custom/images/star-rating.png") !important;
}
html body .product-add-to-cart .grey-bar {
display: none;
}
html body .item.rating {
display: none;
}
p.new-avg-value {
text-align: center;
padding-top: 15px;
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
}
span.price-color {
color: #439423 !important;
font-weight: 700;
}
html body .saving-strip span.opt9-saving {
color: #439423 !important;
font-weight: 900;
display: none;
text-align: center;
padding: 20px 0;
}
@media screen and (min-width: 1025px) {
html body .product-add-to-cart .main-row .selector-col {
width: 55% !important;
}
html body .product-add-to-cart .main-row .price-col {
width: 45% !important;
}
}
html body .product-image>img {
max-height: 404px !important;
}
/* New WineDetail section css */
.kb-product-details,
.kb-pack-contents-container {
background: #f2f2f2;
}
.kb-inner-container,
.kb-pack-contents-inner-container {
max-width: 1220px;
margin: 0 auto;
padding: 50px 20px;
}
.kb-inner-container {
display: flex;
flex-direction: row;
}
.kb-left-container {
width: 50%;
padding-right: 100px;
}
.kb-right-container {
width: 50%;
}
.product-table table tr {
text-align: left;
padding-bottom: 8px;
max-width: 100px;
}
.product-table table td {
padding-left: 70px;
padding-bottom: 8px;
}
/* ---------------- */
.kb-vartical-banner-inner-conatiner {
max-width: 730px;
margin: 0 auto;
}
.kb-vartical-banner-conatiner {
background: cadetblue;
background: #464646;
}
.kb-pack-contents-inner-container .product-tile-list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
/* .kb-pack-contents-inner-container {
max-width: 1220px;
padding: 0 20px;
margin: 0 auto;
} */
.kb-pack-contents-inner-container .product-tile .image-container {
height: 190px;
position: initial;
left: 0;
top: 50%;
margin-top: 0;
width: auto;
padding: 0 20px;
}
.kb-pack-contents-inner-container .product-tile .dynamic-product-image {
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
position: initial;
left: 50%;
top: 13%;
z-index: 1;
-webkit-transform: none;
-ms-transform: translateX(-50%) translateY(-50%);
transform: none;
}
.kb-pack-contents-inner-container .product-tile .name {
font-size: 15px;
margin-top: 20px;
padding: 20px;
}
.kb-pack-contents-inner-container .product-tile {
width: 16.6%;
text-align: center;
}
.kb-pack-contents-inner-container .product-tile-list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.kb-pack-contents-inner-container .product-tile .top {
position: relative;
padding-left: 0 !important;
min-height: 219px;
height: 100% !important;
margin-bottom: 45px;
}
.kb-pack-contents-container,
.kb-product-details,
.product-detail-accordion {
display: none;
}
.kb-wine-discription,
.kb-wine-details {
margin-bottom: 35px;
}
.kb-pack-contents-title>h2 {
margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.kb-pack-contents-inner-container .product-tile {
width: 33.3%;
}
.kb-vartical-banner-inner-conatiner {
padding: 0 25px;
}
}
@media only screen and (max-width:767px) {
.kb-left-container {
width: 100%;
padding-right: 0px;
}
.kb-inner-container {
flex-direction: column;
padding: 50px 25px;
}
.kb-left-container {
width: 100%;
margin-bottom: 50px;
}
.kb-right-container {
width: 100%;
/* padding: 50px; */
}
.kb-wine-discription,
.kb-wine-details {
font-size: 24px !important;
}
.kb-pack-contents-inner-container .product-tile {
width: 50%;
}
.kb-right-container {
width: 100%;
}
.kb-vartical-banner-inner-conatiner {
padding: 0 25px;
}
.product-table table td {
padding-left: 30px;
}
.learn-more-section .text-more p {
font-size: 14px;
}
.kb-inner-container,
.kb-pack-contents-inner-container {
padding: 40px 20px;
}
.kb-inner-container {
flex-direction: column;
padding: 40px 25px;
}
}
/* html body .gf-creation__button button {
height: 25px!important;
line-height: 25px!important;
background-color: transparent!important;
border: none!important;
}
body .gf-creation__button .btn {
border: none!important;
}
html body .gf-learnMore .learnMore {
text-align: center!important;
}
html body p.gift-icon {
position: absolute!important;
bottom: -6px!important;
}
html body p.gift-icon {
position: absolute;
bottom: -6px;
left: 37px;
}
html body.gf-learnMore .learnMore {
font-size: 14px;
}
html body span.learn-more-text{
text-decoration: underline;
}
html body .gf-creation__button_text >div {
position: relative;
text-decoration: underline;
} */
@media only screen and (min-width: 768px) and (max-width: 979px) {
.product-add-to-cart.cart-add-parent {
width: 100%;
}
.product-detail.thin .product-detail-row .left-column, .product-detail.thin .product-detail-row .right-column{
width: 50%!important
}
.stock-col {
width: 100% !important;
}
.new-strip {
font-size: 12px !important;
}
/* html body p.gift-icon {
left: 30px!important;
} */
}
/* @media only screen and (min-width: 991px) {
html body p.gift-icon {
left: 47px!important;
}
} */
/* html body .gf-creation__button .btn {
border: none!important;
} */
html body .kb-left-container p .kb-second-para{
display: none;
}
html body .kb-left-container p.show .kb-second-para{
display:block;
}
html body .kb-left-container p.show .showmore{
display: none;
}
html body .showmore , html body .showless {
color: #484944 !important;
text-decoration: underline;
}Editor is loading...