Tuesday, November 24, 2020

The Trick To Elevating Your Winter Look In Seconds

// Do not alter this var productCollections = new Array(); // ===================================================== // ===================================================== // EDIT BELOW // ===================================================== // ===================================================== // When ready to publish, set this to true... var readyToPublish = true; var productCount = "8"; // Make edits starting here for adding product galleries // Add a new set to the page, you need to create a product carousel as well // Copy and paste this set // Then change the number in the [brakets] to one higher than previous one productCollections[0] = new Array( // Which image spot, this does not include the opener image... // Start with 0... 0, // Shopping gallery button cta "SHOP THIS STORY", // Shopping gallery title "Shop FRYE Boots", // Shopping gallery blurb "Intro about set 1", // Sponsor banner image url "https://www.apple.com", // Sponsor banner link/clicktracker "https://ift.tt/2UVtZvM" ) // ===================================================== // ===================================================== // DO NOT EDIT BELOW THIS // ===================================================== // ===================================================== var gc; var gx; var gb; var gN; var sid; var waitShow; var waitClose; function showCarousel(id) { var grabCarousel = document.getElementsByClassName("section-multi-product-container"); var grabClose = document.getElementsByClassName("tmp-close"); var grabGalleryBar = document.getElementById("tmp-gallery-bar"); var grabNav = document.getElementsByClassName("global-header"); // Setup title var grabTitle = document.getElementById("tmp-custom-title"); grabTitle.innerHTML = productCollections[id][2]; gc = grabCarousel[id]; gx = grabClose[id]; gb = grabGalleryBar; gN = grabNav[0]; gc.classList.add("tmp-products"); gc.style.opacity = "0.0"; gc.style.transform = "translateX(0)"; gc.style.transform = "translateY(300px)"; gc.style.display = "block"; gx.style.opacity = "0"; gx.style.display = "block"; gb.style.display = "block"; gN.style.transform = "translateY(0)"; waitShow = setTimeout(function(){ clearTimeout(waitShow); gc.style.opacity = "1.0"; gc.style.transition = "all 0.3s"; gc.style.WebkitTransition = "all 0.3s"; gc.style.transform = "translateY(0)"; gc.style.transition = "all 0.4s"; gc.style.WebkitTransition = "all 0.4s"; gx.style.opacity = "1.0"; gx.style.transitionDelay = "1s"; gx.style.WebkitTransitionDelay = "1s"; gx.style.transition = "all 0.5s"; gx.style.WebkitTransition = "all 0.5s"; gb.style.opacity = "1.0"; gb.style.transitionDelay = "2s"; gb.style.WebkitTransitionDelay = "2s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; gb.style.transform = "translateY(0)"; gb.style.transitionDelay = "2s"; gb.style.WebkitTransitionDelay = "2s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; if (window.innerWidth < 1220) { gN.style.transform = "translateY(-100px)"; gN.style.transitionDelay = "0s"; gN.style.WebkitTransitionDelay = "0s"; gN.style.transition = "all 0.5s"; gN.style.WebkitTransition = "all 0.5s"; } }, 50); sid = id; } function closeCarousel() { var grabCarousel = document.getElementsByClassName("section-multi-product-container"); var grabClose = document.getElementsByClassName("tmp-close"); var grabGalleryBar = document.getElementById("tmp-gallery-bar"); gc = grabCarousel[sid]; gx = grabClose[sid]; gb = grabGalleryBar; gc.style.opacity = "0.0"; gc.style.transition = "all 0.2s"; gc.style.WebkitTransition = "all 0.2s"; gc.style.transform = "translateY(300px)"; gc.style.transition = "all 0.3s"; gc.style.WebkitTransition = "all 0.3s"; gx.style.opacity = "0.0"; gx.style.transition = "all 0.3s"; gx.style.WebkitTransition = "all 0.3s"; gb.style.opacity = "0.0"; gb.style.transitionDelay = "0s"; gb.style.WebkitTransitionDelay = "0s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; gb.style.transform = "translateY(-100px)"; gb.style.transitionDelay = "0s"; gb.style.WebkitTransitionDelay = "0s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; if (window.innerWidth < 1220) { gN.style.transform = "translateY(0)"; gN.style.transitionDelay = "0.5s"; gN.style.WebkitTransitionDelay = "0.5s"; gN.style.transition = "all 0.5s"; gN.style.WebkitTransition = "all 0.5s"; } waitClose = setTimeout(function(){ clearTimeout(waitClose); gc.style.display = "none"; gx.style.display = "none"; gb.style.display = "none"; }, 500); } var grabImages; function setupShopImage() { grabImages = document.getElementsByClassName("img-container"); var i = productCollections[0][0]; // Store the spot to add button var numberSpot = grabImages[i]; // Make the button var addNumber = document.createElement("DIV"); // Add assembled html to the button var counter = [i + 1]; addNumber.innerHTML = "
" + productCount + "
"; // Add the number over the image numberSpot.insertBefore(addNumber, grabImages[i].childNodes[0]); } var waitForShop; function setup() { // Target the carousel, hide it and opengl it for smoothness var grabCarousel = document.getElementsByClassName("section-multi-product-container"); var grabCarouselCount = (grabCarousel.length - 1); grabCarousel[grabCarouselCount].style.display = "none"; grabCarousel[grabCarouselCount].classList.add("openGL"); // Add product count to the CTA image setupShopImage(); // Show the shop button var grabButton = document.getElementById("tmp-cta-button"); var grabButtonText = document.getElementById("tmp-cta-button-text"); waitForShop = setTimeout(function(){ clearTimeout(waitForShop); grabButton.style.pointerEvents = "auto"; grabButton.style.opacity = "1.0"; grabButton.style.transition = "all 0.5s"; grabButton.style.WebkitTransition = "all 0.5s"; grabButtonText.innerHTML = "SHOP HERE"; // Add click to the image grabImages[0].setAttribute("onclick", "showCarousel(0)"); grabImages[0].classList.add("tmp-shop-cta"); }, 2000); } /* Preload */ var waitForLoad; document.onmouseleave = function() { window.isReady = false } window.addEventListener("resize", function() {window.isReady = false}); function ready(fn) { if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } window.isReady = window.isReady === undefined ? false : window.isReady; ready(function () { var imagesLoadedInterval = setInterval(function(){ if(window.imagesLoaded) { imagesLoaded( '#tmp-load', { background: true }, function() { window.isReady = false clearInterval(imagesLoadedInterval) }); clearInterval(imagesLoadedInterval) } }, 100) if (window.isReady === false) { window.isReady = true } else { return } waitForLoad = setTimeout(function(){ clearTimeout(waitForLoad); setup(); }, 200); })
LOADING SHOP

Just because the frigid winter (and way-too-early sunsets) have unceremoniously arrived, doesn’t mean it’s time to resort back to a life of sweats and beat-up sneakers 24/7. Choosing the right footwear for winter is an easy way to make any outfit look put together (yes, even your pajamas-turned-WFH clothes). Our go to: the stacked range of rugged-chic (and low-key comfortable) boots from FRYE — the Americana heritage brand that’s been making boots for the last 150-plus years — that will make you look like you’re making an effort this winter, without you actually exerting yourself at all.

Built to withstand the elements and drastic swings in trends, these boots are the embodiment of anti-fast fashion while continuing to offer a plethora of styles to fit every aesthetic.

For a retro-cool look, try a modern Victorian lace-up and stacked heel bootie or brushed leather cowboy boot inspired by vintage moto jackets. Paired with your favorite slouchy jeans (or countering a cottagecore maxi-dress), both styles can take you from errand runs to fire pit hangouts with friends. Likewise, a Chelsea-cowboy hybrid bootie, a posh yet rugged equestrian tall boot, or suede ankle booties with a cool architectural heel will elevate your outfit for outdoor heat lamp-lit dinner dates or social-distanced gatherings — and prove just as functional on long walks for much-needed fresh air.

Like what you see? How about some more R29 goodness, right here?

No comments:

Post a Comment