Spec the latest products from your favorite manufacturers

/* header video styles */ .containerMFRVidHead { position: relative; overflow: hidden; width: 100vw; /* height: 60vh; */ display: flex; flex-direction: column; } .guestWebLink { text-align: right; margin-bottom: 0px; margin-top: 20px; font-size: 14px !important; } .vidcontain { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .video-background { width: 100%; height: 100%; z-index: -100; position: absolute; top: 0; left: 0; object-fit: cover; } .placeForText {background: rgba(0, 0, 0, 0.51);z-index: 2; } .fCol {flex-direction: column;} /* header video styles */ /* slider styles */ .thumbsRow { display: grid; grid-template-columns: repeat(auto-fill, 200px); grid-gap: 10px; justify-content: space-between; padding: 10px 20px; } .thumbsRow div {padding:7px;} .thumbsRow img.imgthumb { width: 100%; } #slideFeat {border-radius: 20px;} #slideFeat img.imgslide { max-width: 100%; width:700px; } /* #softwareShow .tns-controls {display:none} */ #slideFeat > .tns-item {padding:20px;} #slideFeat .itemWrap2 {display:flex;flex-direction: row;} #slideFeat .itemWrap2:nth-child(odd) {flex-direction: row-reverse;} .tns-nav-active { padding:5px; border: 2px solid white; border-radius:20px;} @media screen and (max-width: 1000px) { #slideFeat .itemWrap2 {flex-direction: column !important;} } /* slider styles */ /* mfr logo styles */ .containMFRSection {width:100%;background: white; border-radius: 10px; border: 1px solid #dedede;} .containMFRLogos {display:grid;grid-gap: 4rem 1rem; justify-content: space-between;grid-template-columns: repeat(auto-fill, 250px);width:100%;} .containMFRLogos img { padding: 5px; max-width: 180px !important; transform: scale(1); transition: all 0.5s ease-in-out; } .containMFRLogos img:hover { transform: scale(1.2); cursor: pointer; } .manulink {display:flex;justify-content: center;align-items: center;} .mfrHide {display:none} /* mfr logo styles */ /* switchTab */ .thumbnails .imgthumb {border-radius: 20px;} .switchTabs { grid-gap: 10px; /* border-bottom: 1px solid #d6d6d6; */ padding-left: 10px; display: flex; grid-gap: 10px; margin-bottom: -1px; cursor: pointer; height:50px; } .switch-tab {z-index: 3;} .switchTabs .tab-link { border-color: #d6d6d6 #d6d6d6 #fff; margin-bottom: -1px; background: 0 0; border: 1px solid #d6d6d6; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; display: block; padding:1rem 2rem; background:rgb(255 255 255 / 43%); border-bottom: 1px solid white; } .switchTabs .tab-link:hover { background:rgb(255 255 255 / 73%); } .switchTabs .tab-link.active { background:white; } .tab-link h4 {margin:0px} /* switchTab */ .dflex {display:flex;grid-gap:50px;flex-direction: row;} @media screen and (max-width: 1000px) { .dflex {flex-direction: column;} } /* just events tile stuff */ .shareButton {font-size:12px !important;text-align:left;padding: 0px 3px; margin: 5px !important;border-radius:50%;border:1px solid #cecece;cursor:pointer;} .itt:hover .shareButton {border:1px solid #333333;} .itt:hover {cursor: pointer;} .lightupdate { color: #cecece; } .identifiers:hover .lightupdate { color: #666666; } .dateRight {font-size:12px !important;text-align:right;padding:5px;margin:0px !important;} .yellowBar h2.smallh2.inv, .greenBar h2.smallh2.inv { margin: 0px; } h2.smallh2 { font-size: 14px !important; } .yellowBar, .greenBar { padding: 5px; position: absolute; top: 0px; z-index: 1; width: 100%; } .yellowBar {background:rgb(244 171 36 / 85%);} .greenBar {background:rgb(141 186 62 / 85%);} .itt { margin-left: auto; margin-right: auto; margin-top: 20px; max-width: 250px; display: flex; justify-content: center; align-items: center; width: 100%; } .flexEvents {display:flex;flex-direction: row;} .flexApart { display: flex; justify-content: space-between; align-items: center;} .sliderhtml { display: grid; grid-template-columns: repeat(auto-fill, 250px); grid-gap: 0.5rem; justify-content: space-between; width:100%; } .identifiers {background: #fff; -webkit-box-shadow: -7px 7px 11px -6px rgba(0,0,0,0.1); -moz-box-shadow: -7px 7px 11px -6px rgba(0,0,0,0.1); box-shadow: -7px 7px 11px -6px rgba(0,0,0,0.1); border: 1px solid #f1f1f1; position: relative; width:100%; /* height: 100%;*/ overflow: hidden;} .shelley { height: 150px; border-bottom: 1px solid #e2e2e2; } .shell2 { width: 100%; max-width: 280px; height: auto; position: relative; float: left; margin-bottom: 5px; /* width: 25%; */ overflow: hidden; } .identifiers .newsh4 { text-align: center; font-size: 14px !important; padding: 5px; margin-top: 5px; } .eventsP2 {width: 100%; padding: 40px; padding-top: 0px;} @media only screen and (max-width: 749px) { .sliderhtml {display:block;} } img.eventImg { width: 100%; height: auto; } /* just events tile stuff */ .mt0pt0 {margin-top:0px;padding-top:0px;} .site-bg { background:linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.34) 100%), url(/images/elements/manu/for-manufacturers/Banner-Site.jpg)} .light-bg{ background:linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.34) 100%), url(/images/elements/manu/for-manufacturers/Banner-Lighting.jpg)} .irrig-bg { background:linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.34) 100%), url(/images/elements/manu/for-manufacturers/Banner-Irrigation.jpg)} .selectMFR {background-size: cover !important; background-position: center center; -webkit-box-shadow: -4px 2px 19px -4px rgba(0,0,0,0.35); -moz-box-shadow: -4px 2px 19px -4px rgba(0,0,0,0.35); box-shadow: -4px 2px 19px -4px rgb(0 0 0 / 35%); height:400px; position: relative; overflow:hidden; } .selectMFR:hover {cursor:pointer !important;} .threeMFR { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } .productPlace {display:flex;width:100%} .inbuts:hover {cursor: pointer !important;} .inbuts {max-width:110px;display:inline} .squareSelect { opacity:0; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image:linear-gradient(278deg, transparent 20%, #ffffff); -webkit-transition: opacity 2000ms ease-in-out; -ms-transition: opacity 2000ms ease-in-out; transition: opacity 2000ms ease-in-out; } .bgColorChange {transition: background-color 2000ms ease; /* Smooth transition */} .transitionYellow {background-color:#ffe5b9 !important;} .transitionBlue {background-color:#5a6e76 !important;} .transitionPurple {background-color:#696678 !important;} .firstStart {display:flex;flex-direction: column;} .GridSplit {display:flex;flex-direction: row;grid-gap:20px;justify-content: space-between;} .flexX {display:flex} .GridDown {display: flex;justify-content: space-between;min-height:400px;} .maxw100 {max-width:100%} .flexOne {flex:1} .ptop0 {padding-top:0px;} .flexLabel {display:flex;justify-content: start;align-items: center;} .m950 {max-width: 950px;width:100%} .max600 {max-width:600px} .pl0pt0 {padding-left:0px;padding-top:0px;} .dinline {display:inline} .shine-overlay:before { content: ''; width: 250%; height: 250%; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); opacity: 0; background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.3), transparent); transition: opacity 0.5s ease-out; } .shine-overlay:hover::before { opacity: 1; } .activeStuff {z-index: 2;} .activepill.detailsbut { border: #a66530 2px solid !important; background: transparent !important; color: #a66530 !important; } .activepill.irrigbut { border: #2f6d78 2px solid !important; background: transparent !important; color: #2f6d78 !important; } .activepill.fxcadbut { border: #313658 2px solid !important; background: transparent !important; color: #313658 !important; } .permHover.shine-overlay:before { opacity:1; } .topSelectOne {display:block} .bottomSelectOne {display:none} .vidOff{display:none !important} @media only screen and (max-width: 850px) { .bottomSelectOne {display:block} .topSelectOne {display:none} .threeMFR { grid-template-columns: 1fr; } .GridSplit {flex-direction: column;} .GridDown {min-height:auto;} } @media only screen and (max-width: 767px) { #quickExpShow {display:block !important;} } .sliderhtml { /*display: flex;*/ /*flex-wrap: wrap;*/ /*justify-content:space-between;*/ display: grid; /* 1 */ grid-template-columns: repeat(auto-fill, 250px); /* 2 */ grid-gap: 0.5rem; /* 3 */ justify-content: space-between; /* 4 */ align-items: stretch; grid-template-rows:1fr; } @media only screen and (max-width: 749px) { .sliderhtml {display:block;} } .itt { margin-left: auto; margin-right: auto; margin-top: 20px; max-width: 250px; display: flex; justify-content: center; align-items: stretch; width: 100%; } /*.sliderhtml:after {*/ /* content: "";*/ /* -webkit-box-flex: 1;*/ /* flex: auto;*/ /*}*/ #mfrVideos .identifiers { /*padding-top: 30px;*/ display:flex; justify-content: space-between; flex-direction: column; } .lfx .vidpopover a {color: #333333} .shadow-sm { box-shadow: -7px 7px 9px 0px rgba(0,0,0,0.1);} .popover{z-index:100;position:absolute;} .mfp-iframe { padding:0!important; } .mfp-iframe-holder .mfp-content { max-width: 1200px !important; width: 100%; height: auto; } .contai {padding-top:0px !important;} /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* magnific styles */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { width:80%!important; height:auto!important; } .mfp-content { width:auto!important; max-width:1600px!important;} /* .gallerylink:focus {outline:0;} .gallerylink img {margin:0 auto;} */ figure img { width: 100%!important; max-width:1400px !important; height:auto; } /* padding-bottom and top for image */ .mfp-no-margins img.mfp-img { padding: 0; } /* position of shadow behind the image */ .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } /* padding for main container */ .mfp-no-margins .mfp-container { padding: 0; } figure { height:auto; } figcaption { display:none; } .effects {padding-left:0px !important;} .shell1{ width: 100%; max-width: 280px; height: auto; /*padding: 15px;*/ padding-bottom: 0px; } .shell2 { width: 100%; max-width: 280px; height: auto; position: relative; float: left; margin-bottom: 5px; /*width: 25%;*/ overflow: hidden; } .shell3 { width: 100%; max-height: 158px; margin: 0 auto; background-size: 280px 158px !important; } .shellimg { width: 100%; max-width: 280px; height: auto; margin: 0px auto; opacity: 1 !important; padding:0px; display:block; } .hover-img-video { -webkit-box-shadow: -4px 2px 19px -4px rgba(0,0,0,0.35); -moz-box-shadow: -4px 2px 19px -4px rgba(0,0,0,0.35); box-shadow: -4px 2px 19px -4px rgb(0 0 0 / 35%); background-color: #000; color: #fff; display: inline-block; max-width: 100%; overflow: hidden; position: relative; text-align: center; width: 100%; } .hover-img-video * { box-sizing: border-box; transition: all 0.45s ease; } .hover-img-video::before, .hover-img-video::after { background-color: rgba(0, 0, 0, 0.3); border-top: 32px solid rgba(0, 0, 0, 0.3); border-bottom: 32px solid rgba(0, 0, 0, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; transition: all 0.3s ease; z-index: 1; opacity: 0.6; transform: scaleY(2); } .hover-img-video img { vertical-align: top; max-width: 100%; backface-visibility: hidden; } .hover-img-video figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; z-index: 1; display: flex !important; flex-direction: column; justify-content: center; line-height: 1.1em; opacity: 0.9; z-index: 2; transition-delay: 0.1s; font-size: 24px; font-family: sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .hover-img-video:hover::before, .hover-img-video:hover::after { transform: scale(1); opacity: 0.6; } .hover-img-video:hover > img { opacity: 1; } .hover-img-video:hover figcaption { opacity: 1; background:rgba(0, 0, 0, 0.1) !important } figcaption {background:rgba(0, 0, 0, 0.3) !important} @media screen and (max-width: 800px) { .mfrbg { height: auto; } } .mfrbg { background: linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.34) 100%), url(/images/elements/manu/for-manufacturers/Banner-Lighting.jpg); background-position: center center; background-size: cover; min-height: 400px; display: flex; justify-content: center; align-items: center; } span.h5sub { font-size: 22px; font-family: Quicksand; line-height: 1.1; font-weight: 300; } .firstTwoInputs { display: flex; flex-direction: row; max-width: 100%; } .filterType, .filterCat { padding: 10px; /* max-width: 350px; */ } .filterType {display:flex;flex-direction: column;} .filterCat, .filterType { width: 500px; max-width: 100%; } .flexC {display:flex;justify-content: center;align-items: center;flex-direction: column;} .borderRoundy {border-radius:10px;} .firstStart {display:flex;flex-direction: column;} .GridSplit {display:flex;flex-direction: row;grid-gap:10px;justify-content: space-between;} .flexX {display:flex} .GridDown {display: flex;justify-content: space-between;min-height:400px;} .maxw100 {max-width:100%} span.purpleText { background: -webkit-linear-gradient(#9088bd, #201746); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } span.blueText { background:-webkit-linear-gradient(#65b7c9, #2a5464); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .boxxySoft {background:white;padding:20px;} .superSoftShadow {box-shadow:-5px 5px 7px -6px rgba(0,0,0,0.34);-moz-box-shadow:-5px 5px 7px -6px rgba(0,0,0,0.34);-webkit-box-shadow:-5px 5px 7px -6px rgba(0,0,0,0.34);} .designerPOV {display:grid; grid-gap:0.5em; grid-template-columns: repeat(auto-fill, 370px); justify-content: space-between;} .hover-img-video::before, .hover-img-video::after {opacity:0.1} #benefits h3.subHeady {font-size: 5rem !important;font-family: 'Ubuntu', sans-serif !important;font-weight: 700 !important;} .partRight {max-width: 600px;width: 100%;} .posRel {position:relative} .roundBottomPlace {position: absolute;width:100% !important;max-width:100% !important;bottom:0px;left:0px;} .roundTopPlace {position: absolute;width:100% !important;max-width:100% !important;top:-1px;left:0px;} .vertGridImage {display:grid;grid-template-column:1fr;grid-gap:10px;} @media screen and (max-width: 900px) { .GridSplit { flex-direction:column} .GridDown {min-height:auto !important;} } Spec the latest products from your favorite manufacturers Our database is constantly growing with site, hardscape, irrigation, and lighting products you can add directly into your plans in seconds. Recently added products Every product is entered into our system by hand to ensure quality control. Each one has accurate performance data, product imagery, material options, 2D block representation, and 3D models where applicable. Filter: Site and Hardscape Irrigation Lighting Manufacturer Webinars Ready to take it to the next level? Get expert advice in the hour-long webinars from the manufacturers who produce the products. See more guest webinars function popUpVimeoInit() { $('.popupvimeo').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }); } function listenColorHover() { $( "#selectMFRLight" ).hover( function() { $(".squareSelect").css("opacity", 0.6); $(".bgColorChange").addClass("transitionPurple"); }, function() { $(".squareSelect").css("opacity", 0); $(".bgColorChange").removeClass("transitionPurple"); } ); $( "#selectMFRIrrig" ).hover( function() { $(".squareSelect").css("opacity", 0.6); $(".bgColorChange").addClass("transitionBlue"); }, function() { $(".squareSelect").css("opacity", 0); $(".bgColorChange").removeClass("transitionBlue"); } ); $( "#selectMFRSite" ).hover( function() { $(".squareSelect").css("opacity", 0.6); $(".bgColorChange").addClass("transitionYellow"); }, function() { $(".squareSelect").css("opacity", 0); $(".bgColorChange").removeClass("transitionYellow"); } ); } $(document).ready(function() { getLatestSeriesAdditionsMFR(); let type = GetURLParameter('type'); if (type != "" || typeof type != 'undefined') { filterPWIdentifier(type); } popUpVimeoInit(); }); /** * validate if string is json * @param {string} str * @returns */ function isJson(str) { try { JSON.parse(str); } catch (e) { return false; } return true; } // isJson function sortObjectsByTimestamp(objects) { return objects.sort((a, b) => b.TIMESTAMP - a.TIMESTAMP); } function formatDate(timestamp) { const date = new Date(timestamp * 1000); const month = date.toLocaleString('en-US', { month: 'long' }); const day = date.getDate(); const year = date.getFullYear(); console.log(`${month} ${day}, ${year}`); return `${month} ${day}, ${year}`; } // create items for news and events function createNewsItemHTML(x) { console.log("createNewsItemHTML", x); var title = "New Series from " + x["MFR-NAME"] + ": " + x.SERIES; //var id = x.id; //var link = x.link; //var introtext = x.introtext; // get video image var newsImage = x.IMG; var timestamp = x.TIMESTAMP; console.log(timestamp); var formattedDate = formatDate(timestamp); //console.log(formattedDate); // Output: June 7, 2021 // get shareURL //var shareURL = x.shareURL; var identifierClasses = ""; var targetBlank = ""; // if(newpageLink == true){ // targetBlank = 'target="_blank" '; // } var html = ''; html += formattedDate; html += ''; html += title + ' '; html += ''; console.log(html); return html; // add to the array //array_push($itemVideo, $html); } // global latestSeriesOrdered Object latestSeriesOrdered = {}; latestSeriesByType = []; function getLatestSeriesByType(type) { latestSeriesByType = []; let i = 0; // reduce to 8 if (type){ // for each object in latestSeriesOrdered Object.values(latestSeriesOrdered).forEach(element => { console.log(element); if (element.TYPE == type && i totalHTML += createNewsItemHTML(element)); //console.log(totalHTML); $("#recentNewsHTML").html(totalHTML); switch(type) { case "light": $("#newsTypeText").html("Recently added lighting products"); break; case "site": $("#newsTypeText").html("Recently added site and hardscape products"); break; case "irrig": $("#newsTypeText").html("Recently added irrigation products"); break; default: // code block $("#newsTypeText").html("Recently added products"); } // call the event listeners } // connect to the new series additions to MFRs function getLatestSeriesAdditionsMFR(){ var x = 'https://aws.landfx.com/portal/portal_aws_connection.php?q=MFR_ITEMS_REPORT&key=1318aba3bbed1734bfd9&report=SERIES'; let formData = {}; // formData.mfr = mfrName; // console.log(formData); $.ajax({ url: x, data: formData, crossDomain: true, type: 'POST', async: false, success: function (result) { //console.log(result); console.log("fishing"); if(isJson(result)) { //console.log("castfornewsries", result); let latestSeries = JSON.parse(result); console.log("castfornewsries", latestSeries); console.log(latestSeries, Object.keys(latestSeries).length); if (latestSeries && Object.keys(latestSeries).length > 0){ console.log("caught a fish"); var totalHTML = ""; // sort shit into top 10 latestSeriesOrdered = sortObjectsByTimestamp(latestSeries); console.log("latestSeriesTop8", latestSeriesOrdered); // reduce to 10 // latestSeriesTop8 = latestSeriesOrdered.reduce((accumulator, currentValue, index) => { // if (index console.log("timestamp", element.TIMESTAMP)); Object.values(latestSeriesByType).forEach(element => totalHTML += createNewsItemHTML(element)); //console.log(totalHTML); $("#recentNewsHTML").html(totalHTML); $("#recentNews").show(); //reCallForEvents(); } else { console.log("err in getLatestSeriesAdditionsMFR"); $("#recentNews").hide(); } } }, error: function(XMLHttpRequest, textStatus, errorThrown) { console.log("err in getLatestSeriesAdditionsMFR"); $("#recentNews").hide(); } // success }); // ajax } var videoObjects = {}; var videosArray = []; var timer; function magnificReady() { //console.log("shape3"); jQuery('.popupvimeo').magnificPopup({ type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }); //popReady(); } jQuery(document).ready(function() { jQuery.ajax({ type: "GET", url: "https://www.landfx.com/resources/functions/website/website-api.php?q=ALL_MFR_GUEST_VIDEOS_READ", //data: dataString, cache: true, success: function(response) { //alert(response); //console.log("VIDEORESPONSE", response); response = response.split("^^^"); jQuery("#mfrVideos").html(response[0]); videoObjects = jQuery.parseJSON(response[1]); //console.log(response[1], videoObjects); videosArray = Object.values(videoObjects.Items) console.log("videosArray"); console.log(videosArray); //console.log(videoObjects.itemOrder); magnificReady(); } }); }); function scrollIntoViewIfNeeded() { console.log("fioredscrollintoview"); var target = $( "#inthesoftware" ); var abba = isElementInViewport(target); console.log(abba); if (!abba) { jQuery('html, body').animate({ scrollTop: jQuery(target).offset().top }, 1500); } } function isElementInViewport (el) { // Special bonus for those using jQuery if (typeof jQuery === "function" && el instanceof jQuery) { el = el[0]; } var rect = el.getBoundingClientRect(); console.log(rect.top); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom

Sidebar

Spec the latest products from your favorite manufacturers

Our database is constantly growing with site, hardscape, irrigation, and lighting products you can add directly into your plans in seconds.

Recently added products

Every product is entered into our system by hand to ensure quality control. Each one has accurate performance data, product imagery, material options, 2D block representation, and 3D models where applicable.

Filter:

Manufacturer Webinars

Ready to take it to the next level? Get expert advice in the hour-long webinars from the manufacturers who produce the products.

See more guest webinars

Contact

Sidebar

Spec the latest products from your favorite manufacturers

Our database is constantly growing with site, hardscape, irrigation, and lighting products you can add directly into your plans in seconds.

Recently added products

Every product is entered into our system by hand to ensure quality control. Each one has accurate performance data, product imagery, material options, 2D block representation, and 3D models where applicable.

Filter:

Manufacturer Webinars

Ready to take it to the next level? Get expert advice in the hour-long webinars from the manufacturers who produce the products.

See more guest webinars

Log in to landfx.com: