CINXE.COM
Magento 2 User Experience Extensions | Plumrocket Inc
<!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="en" id="top" class="no-js ie6 ie"> <![endif]--> <!--[if IE 7 ]> <html lang="en" id="top" class="no-js ie7 ie"> <![endif]--> <!--[if IE 8 ]> <html lang="en" id="top" class="no-js ie8 ie"> <![endif]--> <!--[if IE 9 ]> <html lang="en" id="top" class="no-js ie9 ie"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" id="top" class="no-js"> <!--<![endif]--> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Magento 2 User Experience Extensions | Plumrocket Inc</title> <meta name="description" content="Install Magento 2 User Experience (UX) extensions to convert more customers with better navigation, social login, and other essential features." /> <meta name="keywords" content="Magento, Plumrocket Inc, Magento extensions, Magento Themes, Magento Solutions. " /> <meta name="robots" content="INDEX,FOLLOW" /> <link rel="icon" href="https://plumrocket.com/skin/frontend/p/d/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://plumrocket.com/skin/frontend/p/d/favicon.ico" type="image/x-icon" /> <!--head-preload--> <link rel="preload" href="https://plumrocket.com/skin/frontend/p/d/fonts/Lato/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://plumrocket.com/skin/frontend/p/d/fonts/Lato/Lato-Bold.woff2" as="font" type="font/woff2" crossorigin> <style>/* CSS FILE css_dom/styles.css */ @font-face{font-family:'Lato';src:url(/skin/frontend/p/d/fonts/Lato/Lato-Regular.woff2) format("woff2"),url(/skin/frontend/p/d/fonts/Lato/Lato-Regular.ttf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url(/skin/frontend/p/d/fonts/Lato/Lato-SemiBold.woff2) format("woff2"),url(/skin/frontend/p/d/fonts/Lato/Lato-SemiBold.ttf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url(/skin/frontend/p/d/fonts/Lato/Lato-Bold.woff2) format("woff2"),url(/skin/frontend/p/d/fonts/Lato/Lato-Bold.ttf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url(/skin/frontend/p/d/fonts/Lato/Lato-ExtraBold.woff2) format("woff2"),url(/skin/frontend/p/d/fonts/Lato/Lato-ExtraBold.ttf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url(/skin/frontend/p/d/fonts/Lato/Lato-Black.woff2) format("woff2"),url(/skin/frontend/p/d/fonts/Lato/Lato-Black.ttf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url(/skin/frontend/p/d/fonts/openSans/OpenSans-Regular.woff2) format("woff2"), url(/skin/frontend/p/d/fonts/openSans/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Open Sans";src:url(/skin/frontend/p/d/fonts/openSans/OpenSans-SemiBold.woff2) format("woff2"), url(/skin/frontend/p/d/fonts/openSans/OpenSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:"Open Sans";src:url(/skin/frontend/p/d/fonts/openSans/OpenSans-Bold.woff2) format("woff2"), url(/skin/frontend/p/d/fonts/openSans/OpenSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"Inter";src:url(/skin/frontend/p/d/fonts/Inter/Inter-Regular.woff2) format("woff2"), url(/skin/frontend/p/d/fonts/Inter/Inter-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Inter";src:url(/skin/frontend/p/d/fonts/Inter/Inter-Medium.woff2) format("woff2"), url(/skin/frontend/p/d/fonts/Inter/Inter-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:"Inter";src:url(/skin/frontend/p/d/fonts/Inter/Inter-Bold.woff2) format("woff2"), url(/skin/frontend/p/d/fonts/Inter/Inter-Bold.ttf) format("truetype");font-weight:700;font-display:swap}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%;height:100%}body{margin:0;min-height:100%;font-family:'Lato',Arial,Helvetica,sans-serif;font-size:14px;color:#212429;background:#ffffff;position:relative}article,aside,footer,header,nav,section{display:block}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2f79f2;text-decoration:underline}a:active,a:hover{outline-width:0}a:hover{text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;outline:none;border:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;vertical-align:middle}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}[class*='pl-grid-']{float:left;padding:11px;width:100%}.nest{margin:0 -11px;padding:0;width:auto}.products-list.nest{margin:0 -11px}.products-list [class*='pl-grid-']{padding:11px}.clear-grid{clear:both;float:inherit}.container{margin:0 auto;padding:0 15px;width:100%;position:relative}.cf:before,.cf:after,.clearfix:before,.clearfix:after,.container:after,.container:before{display:table;clear:both;content:""}.a-right{text-align:right}.a-center{text-align:center}input.input-text{height:24px;line-height:24px;padding:0 5px}.f-left{float:left}.f-right{float:right}.show-mobile{display:inline-block}.hide-mobile{display:none}.show-tablet{display:none}.hide-tablet{display:block}.nobr{white-space:nowrap}.no-display, .pr-rev>span.no-display{display:none}input[type="text"],input[type="email"],input[type="password"],textarea{border:1px solid #b6b6b6;background:#ffffff;border-radius:3px;-webkit-appearance:none}select{border:1px solid #b6b6b6;border-radius:0;background-color:#fff}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.d-flex.al-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block-center {margin:0 auto; display:block}.imgmax100 {max-width:100%; height:auto}@media(min-width:770px){.show-mobile{display:none!important}.hide-mobile{display:inline-block!important}}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.main-container{position:relative;overflow:hidden;min-height:330px;margin-bottom:30px}.faq-index-index .main-container,.cms-page-view .main-container,.catalog-category-view .main-container,.catalog-product-view .main-container{margin-bottom:0}#outdatedbrowser{display:none}.prpop-pop-up-form,#prpop-overlay-box{display:none}@media (max-width:1023px){.catalog-product-view .main-container{margin-bottom:30px}.hide-tablet{display:none}.show-tablet{display:block}}@media (max-width:770px){.show-mobile{display:inline-block}}.unveil {opacity:0;transition:opacity .3s ease-in}.dfload {opacity:0;transition:opacity .2s ease-in}@-webkit-keyframes loader-content{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-content{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader-content{position:absolute;top:50%;z-index:2000;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes loader-fountain{0%,100%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 1px #000,66px 0 0 4px #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 1px #000,66px 0 0 4px #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}11.11%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 1px #000,88px 0 0 4px #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 1px #000,88px 0 0 4px #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}22.22%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 1px #000,110px 0 0 4px #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 1px #000,110px 0 0 4px #000,132px 0 0 0 #000,154px 0 0 0 #000}33.33%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 1px #000,132px 0 0 4px #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 1px #000,132px 0 0 4px #000,154px 0 0 0 #000}44.44%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 1px #000,154px 0 0 4px #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 1px #000,154px 0 0 4px #000}55.55%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 1px #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 1px #000}66.66%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}77.77%{-webkit-box-shadow:22px 0 0 1px #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 1px #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}88.88%{-webkit-box-shadow:22px 0 0 1px #000,44px 0 0 4px #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 1px #000,44px 0 0 4px #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}}@keyframes loader-fountain{0%,100%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 1px #000,66px 0 0 4px #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 1px #000,66px 0 0 4px #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}11.11%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 1px #000,88px 0 0 4px #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 1px #000,88px 0 0 4px #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}22.22%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 1px #000,110px 0 0 4px #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 1px #000,110px 0 0 4px #000,132px 0 0 0 #000,154px 0 0 0 #000}33.33%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 1px #000,132px 0 0 4px #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 1px #000,132px 0 0 4px #000,154px 0 0 0 #000}44.44%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 1px #000,154px 0 0 4px #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 1px #000,154px 0 0 4px #000}55.55%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 1px #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 1px #000}66.66%{-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 0 #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}77.77%{-webkit-box-shadow:22px 0 0 1px #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 1px #000,44px 0 0 0 #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}88.88%{-webkit-box-shadow:22px 0 0 1px #000,44px 0 0 4px #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000;box-shadow:22px 0 0 1px #000,44px 0 0 4px #000,66px 0 0 0 #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #000}}.loader-fountain{margin:0 160px 5px 0;width:10px;height:10px;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:loader-fountain 1.1s infinite linear;animation:loader-fountain 1.1s infinite linear;display:inline-block;-webkit-box-shadow:22px 0 0 0 #000,44px 0 0 1px #000,66px 0 0 3px #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #fff;box-shadow:22px 0 0 0 #000,44px 0 0 1px #000,66px 0 0 3px #000,88px 0 0 0 #000,110px 0 0 0 #000,132px 0 0 0 #000,154px 0 0 0 #fff}@-webkit-keyframes loader-button{0%,100%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 1px #ffffff,33px 0 0 3px #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 1px #ffffff,33px 0 0 3px #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}11.11%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 1px #ffffff,44px 0 0 3px #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 1px #ffffff,44px 0 0 3px #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}22.22%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 1px #ffffff,55px 0 0 3px #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 1px #ffffff,55px 0 0 3px #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}33.33%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 1px #fff,66px 0 0 3px #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 1px #fff,66px 0 0 3px #fff,77px 0 0 0 #fff}44.44%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 1px #fff,77px 0 0 3px #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 1px #fff,77px 0 0 3px #fff}55.55%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 1px #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 1px #fff}66.66%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}77.77%{-webkit-box-shadow:11px 0 0 1px #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 1px #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}88.88%{-webkit-box-shadow:11px 0 0 1px #ffffff,22px 0 0 3px #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 1px #ffffff,22px 0 0 3px #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}}@keyframes loader-button{0%,100%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 1px #ffffff,33px 0 0 3px #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 1px #ffffff,33px 0 0 3px #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}11.11%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 1px #ffffff,44px 0 0 3px #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 1px #ffffff,44px 0 0 3px #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}22.22%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 1px #ffffff,55px 0 0 3px #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 1px #ffffff,55px 0 0 3px #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}33.33%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 1px #fff,66px 0 0 3px #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 1px #fff,66px 0 0 3px #fff,77px 0 0 0 #fff}44.44%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 1px #fff,77px 0 0 3px #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 1px #fff,77px 0 0 3px #fff}55.55%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 1px #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 1px #fff}66.66%{-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}77.77%{-webkit-box-shadow:11px 0 0 1px #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 1px #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}88.88%{-webkit-box-shadow:11px 0 0 1px #ffffff,22px 0 0 3px #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 1px #ffffff,22px 0 0 3px #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}}.loader-button{margin:0 85px 5px 0;width:5px;height:5px;border-radius:50%;position:relative;top:2px;text-indent:-9999em;-webkit-animation:loader-button 1.1s infinite linear;animation:loader-button 1.1s infinite linear;display:inline-block;-webkit-box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff;box-shadow:11px 0 0 0 #ffffff,22px 0 0 0 #ffffff,33px 0 0 0 #ffffff,44px 0 0 0 #ffffff,55px 0 0 0 #fff,66px 0 0 0 #fff,77px 0 0 0 #fff}.new-loader-button{width:5px;height:5px;border-radius:50%;display:inline-block;position:relative;color:#FFF;-webkit-animation:animloader45 1s linear infinite alternate;animation:animloader45 1s linear infinite alternate}@-webkit-keyframes animloader45 {0% {box-shadow:-18px -5px, -7px 0, 7px 0, 18px 0}33% {box-shadow:-18px 0px, -7px -5px, 7px 0, 18px 0}66% {box-shadow:-18px 0px, -7px 0, 7px -5px, 18px 0}100% {box-shadow:-18px 0, -7px 0, 7px 0, 18px -5px}}@keyframes animloader45 {0% {box-shadow:-18px -5px, -7px 0, 7px 0, 18px 0}33% {box-shadow:-18px 0px, -7px -5px, 7px 0, 18px 0}66% {box-shadow:-18px 0px, -7px 0, 7px -5px, 18px 0}100% {box-shadow:-18px 0, -7px 0, 7px 0, 18px -5px}}@-webkit-keyframes spin{0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); }100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }}@keyframes spin{0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); }100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }}.pl-loader{width:19px;height:19px;border:3px solid #fff;display:inline-block;border-radius:50%;border-top-color:#4c4c4c;vertical-align:middle;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.anchor{display:block;position:relative;top:-65px;visibility:hidden}.sprite-icon,#homeslider .bx-prev,#homeslider .bx-next,.main .owl-carousel .owl-nav div,.nav-primary>li a.has-children:before,#side-menu .side-menu-title:after,#side-menu .side-ul-title:after,.more-views .owl-nav div,.messages .success-msg:before,#change-log-tab li:before,.cart .messages>li:before,#overview-tab .overview-row-data li:before,.block-account li a:before,.block-account li strong:before,.my-downloadable-release-item li:before,.my-downloadable-release-col3 .link:before,#top-cat-menu .side-ul-title:before,.block-account .block-title:before,#mw_helpdesk_add_uploader_button:before,.validation-advice:before,.upgrade-to-m2:before,.link-print:before,.package-extensions li:before,.messages>li:before,.cus-text-hld .col .status:after,button .demo-sprite:before,.product-img-box .product-image>.sprite-icon:before,#gallery .pswp__button--arrow--left:before,#gallery .pswp__button--arrow--right:before,.success-page p a:nth-child(2):before,.my-account .col2-set .hd-attach .box-content:before,.breadcrumbs-wrap:after,.one-step-checkout #discounts-forms #reward-credit-coupon label:before,.one-step-checkout .order-review-column #discounts-forms #discount-coupon label:before,#pac-popup-internal .options-list input[type="checkbox"]:checked ~ .label label:before,#pac-popup-internal.pac-mode-2 .pac-cart-total .pac-checkout-button:before,.tab-holder .product-tabs-shadow{background-image:url(/skin/frontend/p/d/images/sprite.png?v=5);background-image:url(/skin/frontend/p/d/images/sprite.svg?v=5),none}.png_sprite{background-image:url(/skin/frontend/p/d/images/sprite_png.png?v=5)}.red-c{color:#9e0000}.btn,.btn-cart,.button,.product-view .pac-btn-cart,.pac-button,.btn-link{display:inline-block;background-color:#1a5889;color:#fff;font-size:13px;font-family:'Open Sans',Arial,Helvetica,sans-serif;min-width:105px;padding:0 10px;text-align:center;border-radius:5px;line-height:30px;vertical-align:middle;text-decoration:none;border:0;text-transform:uppercase}.btn-link{background:none;color:#47a3dd;text-decoration:underline}.pac-btn-cart {background-color:#029eeb;padding:0 7px;line-height:32px}.btn-cart{line-height:25px}.btn:hover,.btn-cart:hover,.button:hover{background-color:#144367;cursor:pointer}.btn-link:hover{cursor:pointer;text-decoration:none;background:none}.btn,.btn-cart span{display:inline-block;vertical-align:middle}.btn .pl-loader{margin-right:5px}.btn-cart,.pac-checkout-button,.product-view .pac-btn-cart{background-color:#029eeb}.btn-cart:hover,.pac-checkout-button:hover,.product-view .pac-btn-cart:hover,.pac-button:hover{background-color:#0089cc}.btn .sprite-icon,.btn-cart .sprite-icon,.pac-btn-cart .sprite-icon{display:inline-block;width:21px;height:21px;background-position:-6px -91px;margin-top:-2px;vertical-align:middle}.products-grid .pac-btn-cart.pac-product-button .pac-icon{line-height:25px;display:inline-block;vertical-align:top;margin-top:1px;height:25px;left:0;margin-left:2px}.btn.btn-regular {line-height:44px;height:44px;padding:0 20px;font-weight:600;font-size:15px;text-transform:none}.main-container .pac-btn-cart{border-radius:5px;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;height:48px;line-height:48px;text-transform:none;padding:0 27px 0 0;text-align:left;min-width:0;color:#fff;z-index:100;position:relative}body .pac-btn-cart .pac-label{background:none;text-align:center;height:48px;line-height:48px;width:45px;position:static;display:inline-block;vertical-align:top;margin-right:3px;font-size:0}.pac-btn-cart .pac-label .pac-number,.pac-btn-cart .pac-label .pac-icon,.pac-btn-cart .pac-label .pac-loader{font-size:19px}.pac-btn-cart.pac-loading .pac-label .pac-loader{display:block}.pac-btn-cart .pac-label .pac-loader{position:absolute;display:none;width:100%;height:100%;left:0;top:0;background:#009eeb!important;z-index:9999;border-radius:5px}@media (max-width:767px){.btn,.btn-cart,.button{line-height:35px;padding:0 15px;font-weight:600}}.messages{padding:0;clear:both;max-width:1280px;margin:auto}.messages>li{display:block;position:relative;margin-bottom:10px;background-color:#fadb84;padding:10px;font-size:14px}.messages li{display:block}.messages .error-msg,.messages .success-msg{background-color:#CFFFA8;color:#3d6611;padding-left:40px}.messages .error-msg{background-color:#ffc8c8;color:#474747}.messages .error-msg:before,.messages .success-msg:before{content:"";display:inline-block;vertical-align:middle;width:25px;height:25px;background-position:-164px -262px;position:absolute;top:50%;left:10px;margin-top:-12px}.messages .error-msg:before{background-position:-195px -345px}.pl-grid-m-12{width:100%}.pl-grid-m-11{width:91.666663%}.pl-grid-m-10{width:83.33%}.pl-grid-m-9{width:74.999997%}.pl-grid-m-8{width:66.66666664%}.pl-grid-m-7{width:58.333%}.pl-grid-m-6{width:50%}.pl-grid-m-5{width:41.6665%}.pl-grid-m-4{width:33.33%}.pl-grid-m-3{width:24.99%}.pl-grid-m-2{width:16.66666%}.pl-grid-m-1{width:8.33%}@media (min-width:720px){.pl-grid-12{width:100%}.pl-grid-11{width:91.666663%}.pl-grid-10{width:83.33%}.pl-grid-9{width:74.999997%}.pl-grid-8{width:66.66666664%}.pl-grid-7{width:58.333%}.pl-grid-6{width:50%}.pl-grid-5{width:41.6665%}.pl-grid-4{width:33.33%}.pl-grid-3{width:24.99%}.pl-grid-2{width:16.66666%}.pl-grid-1{width:8.33%}.pl-grid-t-12{width:100%}.pl-grid-t-11{width:91.666663%}.pl-grid-t-10{width:83.33%}.pl-grid-t-9{width:74.999997%}.pl-grid-t-8{width:66.66666664%}.pl-grid-t-7{width:58.333%}.pl-grid-t-6{width:50%}.pl-grid-t-5{width:41.6665%}.pl-grid-t-4{width:33.33%}.pl-grid-t-3{width:24.99%}.pl-grid-t-2{width:16.66666%}.pl-grid-t-1{width:8.33%}}@media (min-width:1024px){.pl-grid-tl-12{width:100%}.pl-grid-tl-11{width:91.666663%}.pl-grid-tl-10{width:83.33%}.pl-grid-tl-9{width:74.999997%}.pl-grid-tl-8{width:66.66666664%}.pl-grid-tl-7{width:58.333%}.pl-grid-tl-6{width:50%}.pl-grid-tl-5{width:41.6665%}.pl-grid-tl-4{width:33.33%}.pl-grid-tl-3{width:24.9%}.pl-grid-tl-2{width:16.66666%}.pl-grid-tl-1{width:8.33%}.products-list [class*='pl-grid-']{padding:11px}}@media (min-width:1200px){.container,.pr-container,.bottom-banner-long{max-width:1280px;margin:0 auto}.container-fluid{max-width:90%;margin:0 5%}.pl-grid-d-12{width:100%}.pl-grid-d-11{width:91.666663%}.pl-grid-d-10{width:83.33%}.pl-grid-d-9{width:74.999997%}.pl-grid-d-8{width:66.66666664%}.pl-grid-d-7{width:58.333%}.pl-grid-d-6{width:50%}.pl-grid-d-5{width:41.6665%}.pl-grid-d-4{width:33%}.pl-grid-d-3{width:24.99%}.pl-grid-d-2{width:16.66666%}.pl-grid-d-1{width:8.33%}}@media (min-width:1270px){.nest{margin:0 -22px}[class*='pl-grid-']{padding:22px}}@media (max-width:770px){.products-grid.nest{margin:0 -4px}.products-grid [class*='pl-grid-']{padding:4px}}h1,h2,h3,h4 {font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:700;color:#333d52}h1{font-size:30px;margin-bottom:20px}h1:after {content:"";display:block;max-width:45px;border-top:3px solid #72b621;margin-top:12px}h2{font-size:24px}@media (max-width:1024px){h1{font-size:28px;line-height:32px}h2{font-size:22px}h1:after{margin-top:8px}}@media (max-width:770px){h1{font-size:22px;line-height:28px}h1:after{margin-top:5px}h2{font-size:18px}}.header{padding:20px 0 15px}.header .logo{margin:0;display:inline-block;float:left}.header .logo img{max-width:235px;height:auto}.header .logo strong{position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;line-height:0;text-indent:-999em;overflow:hidden}.header .header-block{text-align:right;margin-top:8px}.header-block .myaccount-menu-holder{display:none;position:absolute;top:47px;padding:0;line-height:12px;z-index:2000;min-width:210px;left:-1px}.header-block .myaccount-menu-holder .arrow_box{display:none}.header-block .myaccount-menu-holder .arrow_box:before,.header-block .myaccount-menu-holder .arrow_box:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.header-block .myaccount-menu-holder .arrow_box:before{content:"";border-color:rgba(204,204,204,0);border-bottom-color:#ccc;border-width:9px;margin-left:-1px}.header-block .myaccount-menu-holder .arrow_box:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:8px;margin-left:0;top:2px}.header-block .myaccount-menu-holder ul{margin:0}.header-block .myaccount-menu-holder li{display:block;line-height:28px;float:none;font-size:13px;margin:0 7px;padding:0 15px}.header-block .myaccount-menu-holder li.myaccount-menu-register{border-bottom:1px solid #ccc;margin-bottom:5px}.header-block .myaccount-menu-holder .myaccount-menu-register span{font-size:12px}.header-block .myaccount-menu-holder li a{color:#2F4c81;white-space:nowrap;text-decoration:none}.header-block .myaccount-menu-holder li a:hover{text-decoration:underline}.header-block .myaccount-menu-holder li .myaccount-menu-login{color:#fff;background:#1a5889;display:block;margin-top:7px;text-align:center;line-height:33px;border-radius:5px}.header-block .myaccount-menu-holder li .myaccount-menu-login:hover{background:#144367;text-decoration:none}.header-block .myaccount-menu{background-color:#fff;border:solid 1px #ebebeb;-webkit-box-shadow:-2px 3px 5px 0 rgba(79,79,79,0.31);box-shadow:-2px 3px 5px 0 rgba(79,79,79,0.31);padding:5px 0 7px 0;-webkit-transition:.5s all;transition:.5s all;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box}@media (max-width:1023px){.header{padding:12px 0 6px}.header .header-block{margin-top:4px}}@media (max-width:770px){.header {border-bottom:1px solid #d7d7d7}.header .container{padding:0}.header .header-block {float:right;margin:0 5px}.header .header-block:before,.header .header-block:after{content:"";display:block;clear:both}.header .logo{margin-left:7px}.header .logo img{max-width:200px}.header-block .myaccount-menu-holder{left:auto;width:100%;right:1px}.header-block .myaccount-menu{padding-top:7px}.header-block .myaccount-menu-holder .arrow_box{right:37px;left:auto}.header-block .myaccount-menu-holder .myaccount-menu-register span{font-size:13px}.header-block .myaccount-menu-holder li{line-height:35px;font-size:15px;margin:0 7px}}@media (max-width:530px){.header .logo img{margin-top:5px}}@media (max-width:420px){.header .logo img{max-width:160px}}.header .logo.logo_15_years{margin-top:-20px}@media (max-width:1023px){.header .logo.logo_15_years{margin-top:-12px}}@media (max-width:530px){.header .logo.logo_15_years{margin-top:-7px}.header .logo.logo_15_years img{margin-top:0}}@media (min-width:780px){.header .logo.logo_15_years img{max-width:270px}}.header .logo.xmas{width:235px;height:60px;overflow:visible;margin:0}.header .logo.xmas a{position:relative;top:-20px;display:block}@media (max-width:1023px) {.header .logo.xmas img {max-height:80px;width:auto;max-width:none}.header .logo.xmas a{top:-15px}}@media (max-width:770px) {.header .logo.xmas img{max-height:75px}}@media (max-width:530px) {.header .logo.xmas img{max-height:67px}}@media (max-width:420px) {.header .logo.xmas{width:170px}}@media (max-width:350px) {.header .logo.xmas img{max-width:190px;margin-top:0}.header .logo.xmas a {top:-7px}}.header #pas-mini-form{max-width:370px;width:100%;margin-left:125px;float:left}.header #pas-mini-form img{display:none}.header #pas-mini-form.show-mini-form{display:block!important}.header .pas-form-search{border:1px solid #e2e2e2;background:#f4f4f4;border-radius:5px;padding:5px 5px 3px 5px}.header #pas-mini-form .pas-nav-right{position:relative;float:left;width:40px;display:inline-block}.header #pas-mini-form .pas-nav-right .pas-button{padding:0;background-color:transparent;width:100%}.header #pas-mini-form .pas-nav-right .pas-button .sprite-icon{display:inline-block;width:100%;height:35px;background-position:-246px 0}.header #pas-mini-form .pas-button span span{display:none}.header #pas-mini-form .pas-nav-center .pas-search-field{background:none;border:0;position:relative;height:35px}.header #pas-mini-form .pas-nav-center #pas-input{border:0;background:none;font-size:16px;line-height:34px;padding:0 34px 0 0;text-indent:8px}#pas-mini-form .pas-nav-left,#pas-mini-form .pas-nav-center,#pas-mini-form .pas-nav-right{position:relative;height:35px;line-height:35px;display:inline-block}#top-cat-menu {display:none;background:#6fb51b}#top-cat-menu.open-toplinks-cat {display:block}#top-cat-menu .top-cat-title {display:none}#top-cat-menu ul {margin:0;padding:0 10px;border:0;border-bottom:1px solid #6ba924}#top-cat-menu ul:last-child {border:0}#top-cat-menu .side-ul-title {display:block;position:relative;border:0}#top-cat-menu .open-s-block li {display:block}#top-cat-menu li {display:none;line-height:37px;height:37px;color:#fff;font-size:14px;position:relative}#top-cat-menu li a {line-height:37px;display:block;height:37px;padding:0 15px;color:#fff;font-size:13px;text-decoration:none}#top-cat-menu li:before {content:"";display:block;width:5px;height:5px;background-color:#fff;border-radius:50%;position:absolute;left:0;margin-top:-3px;top:50%}#top-cat-menu .side-ul-title:before {content:"";background-color:transparent;width:20px;height:20px;vertical-align:middle;background-position:-76px -321px;position:relative;float:right;margin-top:10px;border-radius:0;left:auto;top:0}#top-cat-menu .open-s-block .side-ul-title:before {-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width:1270px){.header #pas-mini-form{float:right;margin-right:40px;margin-left:0}}@media (max-width:1130px){.header #pas-mini-form{max-width:300px;margin-right:25px}}@media (max-width:1023px){.page .header #pas-mini-form{display:none;width:100%;clear:both;max-width:800px;margin:0 auto;padding:12px 0;float:none}}@media (max-width:770px){.page .header #pas-mini-form{width:auto;margin:0;padding:12px 10px}}@media (max-width:530px){.page .header #pas-mini-form{background-color:#6fb51b}}.header-toplinks{float:right;position:relative;top:-2px}.header-toplinks li{display:inline-block;position:relative;font-family:'Open Sans',Arial,Helvetica,sans-serif;cursor:pointer;text-align:left;line-height:50px}.header-toplinks li.header-toplinks-search{display:none}.header-toplinks>li>a,.header-toplinks li .label{text-decoration:none;color:#394253;font-weight:600;font-size:14px;display:inline-block;line-height:50px;padding:0 3px 0 0;position:relative}.header-toplinks li .label{padding:0}.header-toplinks li .sprite-icon{display:inline-block;width:28px;height:28px;vertical-align:middle}.header-toplinks .header-toplinks-search .sprite-icon{background-position:-187px -88px;position:relative;top:-1px}.header-toplinks .header-toplinks-support .sprite-icon{background-position:-183px -3px}.header-toplinks .header-toplinks-user .sprite-icon{background-position:-149px -4px;position:relative;top:0}#pac-mini-cart{display:none}.header-toplinks .header-toplinks-user{margin-right:-10px;padding-right:15px}.header-toplinks .header-toplinks-user,.header-toplinks .minicart_head_holder>a{position:relative;display:inline-block;text-decoration:none;background:#fff;border:1px solid #fff;padding:0 15px}.header-toplinks .header-toplinks-user.active:after{content:"";display:block;width:100%;height:6px;bottom:1px;position:absolute;z-index:4000;left:0;background:#fff}.header-toplinks .header-toplinks-user.active,.header-toplinks .minicart_head_holder>a.pac-active{border:1px solid #ebebeb;-webkit-box-shadow:-2px 3px 5px 0 rgba(79, 79, 79, 0.31);box-shadow:-2px 3px 5px 0 rgba(79, 79, 79, 0.31);z-index:4000}.header-toplinks .minicart_head_holder>a.pac-active + #pac-mini-cart,.header-toplinks .header-toplinks-user.active .myaccount-menu-holder{z-index:4000}.header-toplinks .minicart_head_holder>a:after{content:"";display:inline-block;position:relative;margin-left:6px;width:0;height:0;border-style:solid;border-width:4px 4.5px 0;border-color:#395da4 transparent transparent;vertical-align:middle;top:-1px}.header-toplinks .header-toplinks-cart .count{display:none;background-color:#f61218;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;border-radius:50%;font-size:10px;vertical-align:middle;position:absolute;top:6px;margin-left:2px;left:26px}.header-toplinks .header-toplinks-cart .sprite-icon{background-position:-216px -3px;position:relative;top:-2px}.header-toplinks .user-menu-wrap{display:inline-block}.header-toplinks .user-menu-wrap .label{position:relative;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none; user-select:none}.header-toplinks .user-menu-wrap .label:after{content:"";display:inline-block;position:relative;margin-left:10px;width:0;height:0;border-style:solid;border-width:4px 4.5px 0 4.5px;border-color:#395da4 transparent transparent transparent;vertical-align:middle}.header-toplinks .user-menu-wrap .welcome-msg img {display:none}.header-toplinks .user-menu-wrap .welcome-msg span{height:auto;line-height:normal;float:none;display:inline-block;margin:0;color:#b8c0d1;font-size:11px;position:absolute;white-space:nowrap;top:3px;width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:48px}.header-toplinks-user{position:relative}.myaccount-menu-holder{display:none;position:absolute;top:36px;padding:4px 0 0;line-height:12px}.header-toplinks-user.show-mini-form.touch .myaccount-menu-holder,.header-toplinks-user.active .myaccount-menu-holder{display:block}.header-toplinks-user.touch .myaccount-menu-holder{display:none}@media (min-width:1025px){.header-toplinks>li>a:hover:before{content:"";display:block;position:absolute;width:100%;border-top:1px solid #445489;bottom:9px}}@media (max-width:1023px){.header-toplinks li.header-toplinks-search{display:inline-block;margin-right:17px}.header-toplinks .header-toplinks-user .sprite-icon{top:-1px}}@media (max-width:770px){.header-block .header-toplinks{position:static;margin:0}.header-toplinks li .label,.header-toplinks .user-menu-wrap .welcome-msg span{display:none}.header-toplinks li{margin:0 0 0 7px;position:static}.header-toplinks li.header-toplinks-search{margin-right:5px}.header-toplinks .minicart_head_holder>a:after{display:none}.header-toplinks .header-toplinks-user,.header-toplinks .minicart_head_holder>a{padding:0 5px}.header-toplinks .header-toplinks-cart .count{top:5px;margin-left:0;left:22px}}@media (max-width:530px){.header-toplinks li.header-toplinks-search{display:none}}@media (max-width:480px){.header-toplinks .header-toplinks-user{position:static}.header-toplinks .header-toplinks-user:after{display:none}.header-toplinks .header-toplinks-user.active:after{display:none}}.main-menu-wrap{background-color:#66a719;position:relative}.main-menu-wrap .container{padding:0 5px;position:static}.nav-primary{font-family:'Open Sans',Arial,Helvetica,sans-serif;margin-left:-20px;font-weight:600;display:flex}.nav-primary>.parent>ul{display:none}.nav-primary>li{display:block}.nav-primary .contact-nav{display:none}.nav-primary>li>a{display:inline-block;line-height:52px;color:#fff;text-decoration:none;padding:0 30px;position:relative;font-size:16px}.nav-primary .sprite-icon{display:inline-block;width:28px;height:28px;background-position:-62px -89px;vertical-align:middle}.nav-primary>.parent ul{list-style:none;margin:0}.main-menu-wrap .nav-primary .view-all{display:none}.level0_wrapper .level0>.first.parent,.level0_wrapper .bannerWrapper{grid-row:1/4}.level0_wrapper .level0>.parent.nav-3-2{grid-row:1/2}.level0_wrapper .level0>.parent.nav-3-3{grid-row:2/3}.level0_wrapper li.parent>a,.level0_wrapper li.parent>span{color:#303030;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;padding-bottom:12px;position:relative;display:block;cursor:default}.level0_wrapper .level2 a,.level0_wrapper .level2 span{text-decoration:none;color:#494949;font-size:15px;font-style:normal;font-weight:400;line-height:1.2;display:inline-block;padding:9px 0}.level0_wrapper .level2 span{cursor:default}.level0_wrapper .nav-more_link-wrp.active a{text-decoration:none}.level0_wrapper .level2 a:hover,.navBanner-link:hover{text-decoration:underline}.mobile-header-line{background:#66a719;padding:0;clear:both;display:none}.header-menu-button{width:38px;height:38px;display:inline-block;float:none;text-align:left;line-height:32px;border-radius:0;margin-left:0;padding-left:5px}.mobile-header-line .header-menu-button{height:45px;line-height:45px;width:auto;padding-left:10px}.mobile-header-line .header-menu-button.hmb-active{background-color:#6fb51b}.header-menu-button .header-menu-text{display:inline-block;line-height:38px;padding:0 10px 0 7px;color:#fff;font-size:15px;font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:700;vertical-align:middle}.header-menu-button-wrap {display:none;float:left;background:#fff;border:1px solid #b9bccb;border-radius:3px;margin-top:7px;margin-left:15px;text-align:center;padding-left:3px;margin-right:4px}.header-menu-bline{width:25px;height:3px;background-color:#43538e;display:inline-block;-webkit-box-shadow:0 -7px 0 0 #43538e,0 7px 0 0 #43538e;box-shadow:0 -7px 0 0 #43538e,0 7px 0 0 #43538e}.mobile-header-line .header-menu-bline{background-color:#ffffff;-webkit-box-shadow:0 -7px 0 0 #ffffff,0 7px 0 0 #ffffff;box-shadow:0 -7px 0 0 #ffffff,0 7px 0 0 #ffffff;vertical-align:middle}.header-toplinks-cat,.mobile-header-line .header-toplinks-search{width:45px;height:45px;float:right;text-align:center;border-left:1px solid #8cd832;display:none}.mobile-header-line .header-toplinks-search.open-toplinks-cat{border-left:1px solid #6fb51b}.header-toplinks-cat.open-toplinks-cat{border-right:1px solid #6fb51b;border-left:1px solid #6fb51b;background-color:#6fb51b}.mobile-header-line .header-toplinks-search.tls-active{background-color:#6fb51b;border-left:1px solid #6fb51b}.header-toplinks-cat .sprite-icon,.header-toplinks-search .sprite-icon{display:inline-block;width:28px;height:28px;vertical-align:middle;background-position:-217px -89px;position:relative;top:10px}.header-toplinks-cat .sprite-icon{background-position:-47px -317px}.level0_wrapper .bannerWrapper{position:relative}.navBanner{padding:16px 32px 32px;border-radius:8px;background:#fff;border:1px solid #E2E2E2;margin-top:35px;max-width:288px}.navBanner>img{margin-bottom:15px}.navBanner-text{color:#212429;font-size:15px;font-style:normal;font-weight:400;line-height:1.6;margin-bottom:25px}.navBanner-link{color:#2F79F2;font-size:14px;font-style:normal;font-weight:600;text-decoration:underline;display:inline-flex;gap:10px;align-items:center;position:relative}.navBanner-link:hover {text-decoration:none}.level0_wrapper .nav-label_wrapper{display:inline-flex;align-items:center;width:100%}.nav-label_wrapper .label{padding:6px;line-height:1;color:#FFF;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:700;border-radius:4px;margin-left:7px;background:#83BE4F}.nav-label_wrapper .label--top{background:#83BE4F}.nav-label_wrapper .label--new{background:#F48A0C}@media (min-width:771px){[data-accordion]>.has-children:after{content:'';right:15px;position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;transition:all .3s ease;background:url('/skin/frontend/p/d/images/caret_white.svg') no-repeat center;background-size:contain}.navOpen[data-accordion]>.has-children:after{transform:translateY(-50%) rotate(180deg)}.nav-primary .level0_wrapper .level0{max-width:1250px;padding:40px 0;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 20px}.nav-primary>.parent:not(.navOpen)>.level0_wrapper{height:0;width:0;overflow:hidden;opacity:0;transform:scale(0.8)}.main-menu-wrap .parent>.level0_wrapper{position:absolute;top:100%;left:0;right:0;z-index:3001;box-shadow:0 22px 61px 0 rgba(0, 0, 0, 0.16);backdrop-filter:blur(31px);color:#494949;transition:all .3s ease;padding:0 15px;background:#fff}.level0_wrapper li.parent>a,.level0_wrapper li.parent>span{margin-bottom:16px}.level0_wrapper li.parent>a:after,.level0_wrapper li.parent>span:after{content:'';position:absolute;bottom:0;left:0;width:30px;height:3px;background:#66A719}.nav-primary>li>a:hover{background:#4f870a}.nav-primary>.level0.active>a{background:#4f870a;color:#ffe55f}.level0_wrapper .nav-more_link-wrp a{color:#2F79F2;font-size:14px;font-style:normal;font-weight:600;line-height:33px;background:url('/skin/frontend/p/d/images/nav_arrow_right.svg') center right no-repeat;text-decoration:underline;padding:0 30px 0 0}.level0_wrapper .nav-more_link-wrp a:hover{text-decoration:none}}@media (min-width:1300px){.level0_wrapper .level0{grid-template-columns:repeat(3, auto);gap:40px 120px}.nav-3 .level0_wrapper .level0{grid-template-columns:.6fr .6fr 1fr;gap:24px 70px}.level0_wrapper .bannerWrapper:before{content:'';position:absolute;top:0;bottom:0;left:-80px;width:1px;background:#EBEBEB}.level0_wrapper .level0>.parent:nth-child(3){}}@media (min-width:771px) and (max-width:1040px) {.nav-primary>li>a {font-size:15px}}@media (max-width:1300px){.main-menu-wrap .container{padding:0 20px}}@media (max-width:1080px){.nav-primary{margin-left:-20px}}@media (max-width:1023px){.main-menu-wrap .container {padding:0}.nav-primary {margin:0;display:-ms-flexbox;display:-webkit-box;display:flex}.nav-primary>li {flex-grow:1}.nav-primary>li>a {display:block;text-align:center;line-height:47px;padding:0 5px}.nav-primary>li[data-accordion]>a {padding-right:15px}}@media (max-width:770px){.main-menu-wrap {display:none}.main-menu-wrap.open-main-menu {display:block;background:#6fb51b}.nav-primary {display:block;transition:all .3s ease}.header-menu-button-wrap {display:inline-block}.nav-primary>li {float:none}.nav-primary>li>a {text-align:left;padding:0 10px;border-top:1px solid rgba(255, 255, 255, 0.3);position:relative;line-height:42px}.level0_wrapper .level2 a,.level0_wrapper .level2 span{padding:11px 0}.nav-more_link-wrp a{text-transform:uppercase}.nav-primary .contact-nav {display:block}.level0_wrapper{padding:10px 25px 25px 25px;background:#fff}.level0.parent>.has-children{position:relative}[data-accordion]>.has-children:after,.level0 .parent>.has-children:after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;transition:all .3s ease}.level0_wrapper li.parent>a,.level0_wrapper li.parent>span{padding:14px 0;border-bottom:1px solid #E1E8F1}[data-accordion]>.has-children:after{right:15px;background:url('/skin/frontend/p/d/images/caret_white.svg') no-repeat center}.level0 .parent>.has-children:after{background:url('/skin/frontend/p/d/images/caret_black.svg') no-repeat center;right:0}.parent.open>.has-children:after{transform:translateY(-50%) rotate(180deg)}.parent>ul,.parent .level0_wrapper{transition:all .3s ease}.parent>ul{padding:5px 0 10px 0}.parent:not(.open)>ul,.parent:not(.open)>.level0_wrapper{position:absolute;z-index:-1;height:0;width:100%;overflow:hidden;opacity:0;transform:translateX(-100px)}.navBanner{display:none}}@media (max-width:530px){.header{padding-bottom:0;border:0;padding-top:7px}.header .logo{margin-bottom:5px}.mobile-header-line{display:block}.header-toplinks-cat,.mobile-header-line .header-toplinks-search{display:block}.header-menu-button-wrap{display:none}}.breadcrumbs{max-width:1280px;margin:0 auto;white-space:nowrap;padding:10px 0;overflow-x:auto}.breadcrumbs-wrap:after{content:"";position:absolute;display:block;width:40px;height:30px;background-position:-105px -376px;right:9px;top:7px}.wrapper .breadcrumbs ul{margin:0;margin-right:50px}.breadcrumbs li{display:inline;color:#2f79f2;font-size:16px}.breadcrumbs li strong,.breadcrumbs li a{color:#2f79f2;text-decoration:none;font-size:15px;font-weight:400}.breadcrumbs li strong{color:#5a6a85}.breadcrumbs li a:hover,.breadcrumbs li a:hover span{text-decoration:underline}.breadcrumbs li span{display:inline-block;font-size:15px;margin:0 5px}.breadcrumbs li a span{margin:0}@media (max-width:770px){.breadcrumbs li strong,.breadcrumbs li a,.breadcrumbs li span{font-size:13px}.breadcrumbs li>span{margin:0}}.footer,.bottom-footer{visibility:hidden}.reason-fieldset,#unsubscribe-reason-form ul{margin:10px 0}#unsubscribe-reason-form li{display:block;margin:6px 0}#unsubscribe-reason-form input,#unsubscribe-reason-form button,#unsubscribe-reason-form .unsubscribe-all-hld{display:inline-block;vertical-align:middle}#unsubscribe-reason-form input{margin-top:-1px}#unsubscribe-reason-form .submit-buttons{margin:15px 0}#unsubscribe-reason-form .unsub-socila-block div{margin:3px 0 10px 0}#unsubscribe-reason-form .unsub-socila-block div>a{display:inline-block;margin-right:5px}#unsubscribe-reason-form .back-link a{display:inline-block;background:#1a5889;color:#fff;padding:0 15px;line-height:35px;text-decoration:none;border-radius:5px}#unsubscribe-reason-form .back-link a:hover{background:#144367}#unsubscribe-reason-form .back-link a small{display:none}#sender_a_s {display:none}#pslogin_link_popup_container>div{display:none} /* CSS FILE css_dom/product-grid.css */ :root{--grid-cols:1fr}.products-grid,.products-list {display:grid;gap:25px;grid-template-columns:var(--grid-cols)}.mini-products-list.products-grid{gap:8px;margin:0}.products-grid li,.products-list li {list-style:none}.products-grid li>input{display:none}.products-grid li .splitter{background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;position:relative;transition:all 0.2s;padding:15px;width:100%;box-shadow:5px 5px 8px 0 rgba(133, 133, 133, 0.07)}.products-list li .splitter{background-color:#fff;border:1px solid #e1e1e1;position:relative;transition:all 0.2s;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.products-grid .grid-primg-wrap{float:left;width:30%;max-width:105px;position:relative;overflow:hidden;text-align:center;border-radius:6px}.products-grid .product-shop{float:left;width:70%;padding-left:12px;margin:0}.products-grid .product-shop button{display:none}.products-list .grid-primg-wrap,.products-list .grid-prdata-wrap{width:49.8%;float:left}.products-list .grid-primg-wrap{position:relative;overflow:hidden;padding-right:12px;max-width:195px;text-align:center}.products-list .grid-prdata-wrap{text-align:center;flex-grow:1}.products-list .grid-primg-wrap a,.products-grid .grid-primg-wrap a{display:block}.products-grid .grid-primg-wrap .product-image,.products-list .grid-primg-wrap .product-image{position:relative;border-radius:6.5px;overflow:hidden}.product-image .m1-label{position:absolute;right:0;top:0;padding:6px;background:linear-gradient(135deg, #172842 -187.96%, #5280C6 552.2%);border-radius:0 6.5px 0 6.5px;color:#B6CAE8;font:700 10px/1 'Open Sans', sans-serif;text-decoration:none}.products-list .grid-primg-wrap img,.products-grid .grid-primg-wrap img{display:block;max-width:200px;margin:auto;height:auto;border-radius:6px;width:100%}.catalog-product-view .block-related .products-grid .grid-primg-wrap img{max-width:130px}.products-grid .grid-primg-wrap img {max-width:130px}.splitter .off-hld,.splitter .new-hld {display:inline-block;background-color:#f70c0c;color:#fff;font-size:12px;font-weight:700;padding:3px 5px;vertical-align:top;margin-right:10px;margin-left:-6px;position:absolute;z-index:100;left:0;top:5px;border-radius:4px}.splitter .off-hld + .new-hld{top:31px}.splitter .new-hld{background-color:#f87311;text-transform:uppercase}.products-list .splitter .new-hld{top:-20px;right:-10px}.products-list .grid-pr-desc,.products-grid .grid-pr-desc{position:absolute;color:#1b1b1b;text-decoration:none;background:#fff;background:rgba(255,255,255,0.95);font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:12px;left:0;width:100%;bottom:0;transform:translateY(100%);display:block;transition:transform .3s ease-out;text-align:left;padding:15px 10px}.products-list .grid-primg-wrap:hover .grid-pr-desc,.products-grid .grid-primg-wrap:hover .grid-pr-desc{transform:translateY(0);display:none}.title-rate-hld {text-align:left;margin:0}.products-list .title-rate-hld{margin:0}.products-list .ratings{padding-bottom:15px}.products-list .product-name a,.products-grid .product-name a{font-family:'Open Sans',Arial,Helvetica,sans-serif;text-decoration:none;color:#303030;font-size:18px;font-weight:600;display:block;line-height:1.2}.products-list .product-name a{font-size:20px;line-height:24px}.products-list .product-name a:hover,.products-grid .product-name a:hover{text-decoration:underline}.summary-short_wrapper{text-align:left}.rating-stars_wrapper{display:flex;align-items:center;line-height:1}.rating-stars_wrapper .rating-summary{color:#303030;font:600 13px/1.2 'Open Sans',Arial,Helvetica,sans-serif;margin-right:5px}.summary-short_wrapper .amount a{color:#2F79F2;font:600 13px/1.3 'Open Sans',Arial,Helvetica,sans-serif}.summary-short_wrapper.no-review .amount a{color:#ACACAC}.summary-short_wrapper .amount a:hover{color:#1861da}.products-list .prs-hld .pr-price{border-top:1px solid #e1e1e1;padding-top:17px;max-width:230px;margin:auto}.products-grid .price-box{display:flex;flex-direction:column;text-align:left}.products-grid .price-box .price-label,.products-grid .price-box .percent{display:none}.save-price{display:none}.products-grid .pr-price button{float:right}.products-list .price-box p{display:inline-block;vertical-align:top;margin:0 3px}.price-box .price-txt{display:none}.old-price{color:#8a8a8a;display:inline-block;position:relative;font-size:13px;text-transform:lowercase}.products-grid .old-price{order:-1;display:flex;align-items:center;margin-right:5px}.old-price .percent {color:#000}.old-price .price{position:relative}.old-price .price:before{content:"";display:block;width:100%;border-top:1px solid #a2a2a2;position:absolute;left:0;top:8px}.products-grid .special-price,.products-grid .regular-price{margin:0}.products-grid .special-price{color:#E81F1F}.products-grid .regular-price{color:#303030}.special-price, .regular-price{color:#9e0000;font-size:18px;line-height:22px;display:block;font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:600}.products-grid .prs-hld .req-btn{margin:auto;display:none}.prs-hld .availability {display:inline-block;background:#8F8F8F;border-radius:4px;padding:0 10px;line-height:25px;color:#FFF;margin-left:auto;font-size:13px;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-transform:none}@media (min-width:680px){:root{--grid-cols:repeat(2, 1fr)}.products-grid--4col{--grid-cols:repeat(2, 1fr)}.products-grid li,.products-list li {flex-grow:1;display:flex}#related-tab .products-grid,#related-tab .products-list {justify-content:flex-start}}@media (min-width:771px){.products-grid li .splitter {padding:20px;display:flex;flex-direction:column}.mini-products-list.products-grid .grid-primg-wrap{margin-top:24px}.splitter .off-hld,.splitter .new-hld{font-size:14px;padding:5px 12px;top:8px;left:8px;bottom:auto;margin:0}.splitter .off-hld + .new-hld{top:41px}.products-grid .grid-primg-wrap{display:flex;flex-direction:column;align-items:center;min-height:130px;margin-top:40px;flex-shrink:0;float:none;width:100%;max-width:100%}.products-grid .grid-pr-desc{height:100%;padding:10px 0 0 0;align-items:center}.products-list .grid-primg-wrap:hover .grid-pr-desc,.products-grid .grid-primg-wrap:hover .grid-pr-desc{display:flex}.products-grid .product-shop{float:none;width:100%;height:100%;padding-left:0;padding-right:0;display:flex;flex-direction:column}.title-rate-hld{text-align:center;padding:24px 0;width:100%;margin:auto 0}.products-grid .product-name{max-width:205px;margin:0 auto;min-height:43px;display:flex;align-items:center;justify-content:center}.products-grid .summary-short_wrapper{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #EEEEEE;text-align:center}.rating-stars_wrapper{justify-content:center}.products-grid .price-box{max-height:32px;justify-content:center}.products-grid .product-shop button {margin-left:auto;display:flex;align-items:center;justify-content:center;border:1px solid #CBDDF6;background:#fff;padding:5px;max-width:105px;width:100%;min-width:auto;height:38px;font:600 13px/1.2 'Open Sans',Arial,Helvetica,sans-serif;text-align:center;text-transform:none;color:#495982;transition:all .2s ease}.products-grid .product-shop button:hover{background:#029EEB;color:#fff}.products-grid .product-shop button.req-btn{padding-left:10px}.products-grid .product-shop button .pac-label{position:absolute;top:0;right:0;left:0;bottom:0;width:auto;height:auto;margin:0}.products-grid .pac-btn-cart.pac-loading .pac-loader{display:flex;align-items:center;justify-content:center}.products-grid .prs-hld .req-btn{display:block;min-width:138px}.products-grid .prs-hld{display:flex;flex-wrap:wrap;align-items:center;min-height:0;text-align:left}}@media (min-width:1024px){.products-grid--4col{--grid-cols:repeat(4, 1fr)}}@media (min-width:680px) and (max-width:1149px){.mini-products-list.products-grid--4col{--grid-cols:repeat(2, 1fr)}}@media (min-width:1200px){:root{--grid-cols:repeat(3, 1fr)}}@media (min-width:1150px) and (max-width:1279px){.mini-products-list.products-grid li .splitter{padding-left:10px;padding-right:10px}}@media (max-width:770px){.products-grid,.products-list {gap:10px}.products-grid .product-name,.products-list .product-name{margin-bottom:10px}.products-list .product-name a,.products-grid .product-name a{font-size:16px}.products-grid li .splitter{padding:8px;display:flex;align-items:center}.products-grid .summary-short_wrapper{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center}.products-grid .rating-stars_wrapper{margin-right:10px}.summary-short_wrapper .amount{line-height:1}.products-grid .price-box{flex-direction:row;flex-wrap:wrap}.special-price{display:inline-block;margin:0 3px 0 0;vertical-align:middle}.old-price{vertical-align:middle}.prs-hld .availability{position:static;transform:none;margin-top:10px}}@media (max-width:460px){.products-list li .splitter{padding:20px 12px}} /* CSS FILE css_dom/category.css */ .category-text-wrap{border:1px solid #ebebeb;max-width:1290px;margin:0 auto;background-image:url(/skin/frontend/p/d/images/category-img.jpg);background-position:top right;background-repeat:no-repeat;font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:400;font-size:16px;padding:23px;margin-bottom:-50px;background-color:#fff;position:relative;z-index:10}.category-text-wrap .show-more,.category-text-wrap .show-less {display:none}.category-text-wrap:before{content:"";display:block;border-top:3px solid #ea4817;position:absolute;width:100%;left:0;top:0}.category-text-wrap h1{font-family:'Lato',Arial,Helvetica,sans-serif;font-size:30px;margin:0}.category-text-wrap h1:after{display:none}.category-text-wrap h1 .sprite-icon{display:inline-block;width:50px;height:50px;border:0;margin-right:7px;-webkit-transition:none;transition:none;background-position:-239px -34px;vertical-align:middle}.category-magento-extensions .category-text-wrap h1 .sprite-icon {background-position:-60px -34px}.category-magento-1-extensions .category-text-wrap h1 .sprite-icon {background-position:-3px -34px}.category-magento-extensions .category-text-wrap:before{border-top:3px solid #f4a314}.category-magento-extensions .category-text-wrap {background-image:url(/skin/frontend/p/d/images/magento1-img.jpg)}.category-magento-2-extensions .category-text-wrap:before{border-top:3px solid #ea4817}.category-magento-services .category-text-wrap {background-image:url(/skin/frontend/p/d/images/service-img.jpg)}.category-magento-services .category-text-wrap h1 .sprite-icon{background-position:-118px -34px}.category-magento-2-extensions .category-text-wrap {background-image:url(/skin/frontend/p/d/images/magento2-img.jpg)}.category-magento-services .category-text-wrap {background-image:url(/skin/frontend/p/d/images/service-img.jpg)}.category-solutions .category-text-wrap {background-image:url(/skin/frontend/p/d/images/package-img.jpg)}.category-special-offers .category-text-wrap {background-image:url(/skin/frontend/p/d/images/offer-img.jpg)}.category-magento-services .category-text-wrap:before{border-top:3px solid #9794c6}.category-description{max-width:740px;padding-top:12px;line-height:21px}h2.platform-title {padding-bottom:8px; margin-bottom:22px; border-bottom:1px solid #c5c5c5; margin-top:18px}@media (max-width:1340px){.category-text-wrap{max-width:100%;margin:0 0 -50px 0}}@media (max-width:1024px){.category-text-wrap{padding:15px}.category-text-wrap h1{font-size:22px}.breadcrumbs li{font-size:14px}}@media (max-width:770px){.category-magento-extensions .category-text-wrap,.category-magento-2-extensions .category-text-wrap,.category-solutions .category-text-wrap,.category-magento-services .category-text-wrap,.category-special-offers .category-text-wrap, .category-text-wrap {background-image:none;max-height:178px;overflow:hidden;position:relative;padding-bottom:30px}.category-text-wrap.text-hover {max-height:none}.category-text-wrap .show-more,.category-text-wrap .show-less {display:block;width:100%;position:absolute;height:30px;line-height:30px;background:#fff;bottom:-1px;right:0;text-align:center;font-size:13px;color:#a4a4a4;cursor:pointer}.category-text-wrap .show-more i,.category-text-wrap .show-less i {display:inline-block;width:14px;height:13px;background-position:-86px -130px;opacity:0.4;vertical-align:middle}.category-text-wrap .show-less {display:none}.category-text-wrap .show-less i {-webkit-transform:rotate(180deg);transform:rotate(180deg)}.category-text-wrap.text-hover .show-less {display:block}.category-text-wrap.text-hover .show-more {display:none} .category-text-wrap h1{font-size:18px}.category-text-wrap h1 .sprite-icon{margin-right:3px;width:37px;height:35px;background-size:212px auto}.category-text-wrap h1 .sprite-icon{background-position:-168px -24px}.category-magento-extensions .category-text-wrap h1 .sprite-icon{background-position:-42px -24px}.category-magento-1-extensions .category-text-wrap h1 .sprite-icon {background-position:-2px -25px}.category-magento-services .category-text-wrap h1 .sprite-icon {background-position:-82px -24px}}.category-products{padding-top:68px;background-color:#f3f3f3;-webkit-box-shadow:-500px 0 0 0 #f3f3f3, 500px 0 0 0 #f3f3f3;box-shadow:-500px 0 0 0 #f3f3f3, 500px 0 0 0 #f3f3f3}.category-products.mod-grid{padding:70px 0 30px 0}.category-products.mod-list .container{max-width:1150px}.category-products .container{padding:0}.category-2-cols{display:grid;gap:32px}.catalog-category-view .main-container{min-height:0}.catalog-category-view .col-main .pac-button .loader-button {transform:scale(0.8)}@media (min-width:1024px){.category-2-cols{grid-template-columns:1fr 2.6fr}}@media (min-width:1200px){.category-products .products-grid li:nth-child(3n+1){clear:left}}@media (max-width:720px){.products-list .prs-hld .pr-price{max-width:200px;margin:auto}}@media (max-width:720px){.category-products .products-grid li:nth-child(2n+1){clear:left}}@media (max-width:550px){.category-products{-webkit-box-shadow:-100px 0 0 0 #f3f3f3, 100px 0 0 0 #f3f3f3;box-shadow:-100px 0 0 0 #f3f3f3, 100px 0 0 0 #f3f3f3}}@media (max-width:460px){.products-list .grid-primg-wrap,.products-list .grid-prdata-wrap{width:100%;float:none}.products-list .grid-primg-wrap{padding:0;margin:0 auto 10px auto}}.col-left.sidebar{display:none}#side-menu{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:14px}#side-menu .side-menu-title{font-size:18px;color:#505050;margin-bottom:17px}#side-menu ul{border-radius:6px;border:1px solid #E2E2E2;margin-bottom:15px;padding:15px 20px 20px 20px;background:#fff}#side-menu li{display:block;line-height:40px}#side-menu li:last-child{border:0}#side-menu .side-ul-title{font-size:14px;border-bottom:1px solid #E1E1E1;color:#A6A6A6;font-weight:700;margin-bottom:20px}#side-menu a{text-decoration:underline;display:block}#side-menu a:hover{color:#212429;text-decoration:none}#side-menu .sprite-icon{display:inline-block;width:9px;height:17px;vertical-align:middle;margin-right:14px;background-position:-161px -95px}#side-menu a:hover .sprite-icon{background-position:-175px -95px}.label-enable .label-wrap{display:inline-block}#side-menu .label-enable>a{display:inline-flex;align-items:center}.label-enable .new-hld{background-color:#f87311;color:#fff;font-size:10px;font-weight:700;padding:6px;border-radius:4px;margin-left:6px;display:inline-block;text-decoration:none;line-height:1;position:relative;top:-2px}@media (min-width:531px){.col-left.sidebar{display:block}.category-products.mod-grid{padding:80px 0 50px 0}}@media (max-width:1023px){#side-menu .side-menu-title{position:relative;margin-bottom:0;background:#dcdcdc;padding:8px 15px}#side-menu .side-menu-wrap{display:none;background:#ffffff;padding:12px 12px 1px 12px}#side-menu .side-menu-title:after{content:"";display:block;width:19px;height:13px;background-position:-108px -130px;top:15px;right:12px;position:absolute}#side-menu .side-menu-title.open-sidebar:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:14px}#side-menu .side-menu-wrap.open-sidebar{display:block }#side-menu .side-ul-title{display:block;position:relative;border:0} #side-menu .side-ul-title:after{content:"";display:block;width:19px;height:13px;background-position:-84px -130px;top:15px;right:3px;position:absolute}#side-menu ul{margin:0 0 10px 0;padding:0;border:0}#side-menu li{display:none}#side-menu .open-s-block li{display:block}#side-menu .open-s-block .side-ul-title:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:13px}}.category-bottom-banner{padding-top:60px;display:none}.category-bottom-banner>div{max-width:970px;margin:0 auto;padding:0 0 55px 0;text-align:right}.category-bottom-banner .banner-content-wrap {margin:auto;width:980px;border-top:1px solid #ccc;padding-top:15px}.category-bottom-banner .banner-element{position:relative}@media (min-width:660px){.category-bottom-banner{display:block}} </style> <!--[if lte IE 9]> <link rel="stylesheet" type="text/css" href="https://plumrocket.com/skin/frontend/p/d/css/styles-ie.css" media="all" /> <![endif]--> <link rel="canonical" href="https://plumrocket.com/magento-user-experience-extensions" /> <meta name="viewport" content="initial-scale=1.0, width=device-width" /> <!-- Facebook Ads Extension for Magento --> <!-- Facebook Pixel Code --> <!-- End Facebook Pixel Code --> <!-- Google tag (gtag.js) --> <!-- Gene_Braintree (My4xLjM=) --> <style> .banner-main.td-bg { width: 100%; background: #222222; } .banner-main.td-bg .banner-wrap { position: relative; max-width: 1296px; margin: 0 auto; padding: 5px 0; min-height: 32px; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.72px; display: flex; justify-content: center; align-items: center; } .banner-main.td-bg .banner_link{ text-decoration: underline; } .banner-main.td-bg .banner_link:hover{ text-decoration: none; } .banner-main.td-bg .banner-wrap .td-m2{ font-size: 12px; color: #fff; text-decoration: none; font-weight: 600; letter-spacing: 0.72px; text-align: center; display: flex; justify-content: center; align-items: center; } .banner-main.td-bg .banner-wrap .td-m2:hover{ text-decoration: none; } .banner-main.td-bg .banner-wrap img { max-width: 100%; height: auto; display: block; margin-right: 5px; margin-left: 5px; } @media (max-width: 960px) { .banner-main.td-bg { display: none; } } </style><style> .banner_mobile { width: 100%; background: #222; text-align: center; font-size: 12px; } .tm-bg_img{ padding: 5px 10px; min-height: 32px; display: flex; align-items: center; } .banner_mobile .banner-wrap { position: relative; max-width: 1296px; margin: 0 auto; font-size: 12px; line-height: 1; letter-spacing: 0.72px; } .banner_mobile .td-m2{ text-decoration: none; text-align: center; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 12px; letter-spacing: 0.72px; } .banner_mobile .td-m2:hover{ text-decoration: none; } .banner_mobile .banner-wrap img { max-width: 100%; height: auto; display: inline-block; margin-right: 5px; vertical-align: middle; } .banner_mobile .banner-wrap span{ color: #FFF; margin-right: 5px; } @media (min-width:960px) { .banner_mobile { display: none; } } </style> <link rel="amphtml" href="https://plumrocket.com/magento-user-experience-extensions?amp=1"> <meta property="og:title" content="Magento 2 User Experience Extensions | Plumrocket Inc"/> <meta property="og:url" content="https://plumrocket.com/magento-user-experience-extensions"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://plumrocket.com/media/wysiwyg/og_img/default_new.png"/> <meta property="og:description" content="Install Magento 2 User Experience (UX) extensions to convert more customers with better navigation, social login, and other essential features."/> <meta property="fb:app_id" content="511488628904994"/> <meta property="og:locale" content="en_US"/> </head> <body class=" catalog-category-view categorypath-magento-user-experience-extensions category-magento-user-experience-extensions"> <div class="pac-overlay" id="pac_notifications"></div> <div id="turpentine-esi-block-f274fb17a2820733eabe163d2185f826ace8e60b70010a3d39f8bb341783dafa" style="display: none"> </div> <div class=""> <div class="bannerpro-placeholder-over-header bannerpro-over_header_banner"> <div > <div style="display:block;" class="banner-element _bannerpro-1006" id="bannerpro_1006"> <div class="banner-html"><div class="banner-main td-bg"> <div class="td-bg_img"> <div class="banner-wrap"> <a href="https://plumrocket.com/bannerpro/tracking/go/to/1006-111-112-14/" class="td-m2" target="_blank"> <span> BLACK FRIDAY SALE: <span style="color: #FFF68F;">40% Off ALL Extensions + Free Installation <span class="banner_link">shop now</span> </span> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""> <div class="bannerpro-placeholder-over-header-mobile bannerpro-over_header_mobile_banner"> <div > <div style="display:block;" class="banner-element _bannerpro-1007" id="bannerpro_1007"> <div class="banner-html"><div class="banner_mobile tm-bg"> <div class="tm-bg_img"> <div class="banner-wrap"> <a href="https://plumrocket.com/bannerpro/tracking/go/to/1007-111-112-15/" class="td-m2" target="_blank"> Black Friday! <span style="color: #FFF68F;"> 40% Off Extensions + Free Install </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <!-- ESI START DUMMY COMMENT [] --> <!-- ESI URL DUMMY COMMENT --> <div id="prpop-addedoverlay"></div> <div class="prpop-pop-up-form" id="prpop-popup-id-form"> <div id="prpop-pop-up-bg" class="prpop-cf simple-form-logo fadeInDownBig"> <div id="prpop-for_messages_popup" class="prpop-popup_messages" style="display: none;"> </div> <ul style="display:none;"> <li id="prpop-pop-up-button" style="display: none;"> <a title="pop-up-button" role="button" href="javascript:void(0);" class="hide-message">Close</a> </li> </ul> <div class="prpop-splash-container"> <div id="prop-wrap_login" class="prpop-account-login prpop-cf"> <form action="https://plumrocket.com/customer/account/loginPost/" method="post" id="prpop-login-form"> <input type="hidden" name="form_key" value="Oj6wLqIkoHs74xYf" /> <div class="prpop-col2-set fleft left-block prpop-desktop"> <div class="prpop-new-users prpop-formholder "> <div class="prpop-form-title">New Customers</div> <p> <p>Sign Up Today and Save Big!</p> <p> </p> <p>Create a profile now to take advantage of express checkout and other convenient features. It only takes a minute!</p> </p> </div> </div> <div class="form-top-logo"> </div> <div class="prpop-col2-set fleft right-block"> <a href="#" onclick="return closePopupLogin();" class="prpop-close-btn">✕</a> <div class="prpop-registered-users prpop-formholder"> <div class="prpop-form-title">Sign in:</div> <ul class="prpop-form-list"> <li> <label for="email" class="prpop-required">Email Address<em>*</em></label> <div class="prpop-input-box"> <input type="email" name="login[username]" value="" id="email" placeholder="Email Address" class="input-text required-entry validate-email splash-inputs" title="Email Address" /> </div> </li> <li> <label for="pass" class="prpop-required">Password<em>*</em></label> <div class="prpop-input-box"> <input type="password" name="login[password]" class="input-text splash-inputs required-entry validate-password_disabled" placeholder="Password" " id="pass" title="Password" /> </div> </li> </ul> <p class="prpop-required">* Required Fields</p> <p class="prpop-forgot-password"> <a href="https://plumrocket.com/customer/account/forgotpassword/" class="prpop-forgotpass prpop-show_forgot">Forgot Your Password?</a> </p> <div class="prpop-buttons-set prpop-cf"> <div class="prpop-ajax-loader-wrapper"> <div class="prpop-ajax-loader" style="background: url(https://plumrocket.com/skin/frontend/base/default/images/plumrocket/popuplogin/ajax-loader-h-sf.gif); height: 14px;"></div> </div> <button type="submit" class="prpop-button btn-proceed-checkout" title="Sign In" name="send" id="send2" data-popup="yes">Sign In</button> </div> <div class="col-or-row-circle"><span>OR</span></div> </div> <div class="prpop-col-2 prpop-registered-users"> <div class="prpop-form-title">Sign in with: </div> <div class="prpop-buttons-set prpop-buttons-set-top prpop-cf"> <div class="facebook_login_button"> </div> <div class="pslogin-block pslogin-login"> <div class="pslogin-spacer pslogin-clearfix"> <span class="pslogin-title" style="display: none;">Login with your social account</span> </div> <div class="pslogin-buttons pslogin-buttons-showfull"> <ul class="pslogin-clearfix"> <li class="pslogin-button google pslogin-visible" title="Login with Google"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/google/', '450', '450');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Login with Google</span> </span> </a> </li> <li class="pslogin-button facebook pslogin-visible" title="Login with Facebook"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/facebook/', '650', '350');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Login with Facebook</span> </span> </a> </li> <li class="pslogin-button twitter pslogin-visible" title="Login with Twitter"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/twitter/', '630', '650');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Login with Twitter</span> </span> </a> </li> <li class="pslogin-button live pslogin-visible" title="Login with MS Live"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/live/', '650', '500');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Login with MS Live</span> </span> </a> </li> <li class="pslogin-button amazon pslogin-visible" title="Login with Amazon"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/amazon/', '720', '500');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Login with Amazon</span> </span> </a> </li> <li class="pslogin-button paypal pslogin-visible" title="Login with PayPal"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/paypal/', '450', '520');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Login with PayPal</span> </span> </a> </li> </ul> </div> </div> <div style="clear: both;"></div> </div> </div> <div class="prpop-buttons-set prpop-buttons-set-bottom prpop-mobile prpop-cf prpop-forgot-password"> <span class="simple-form-logo-text">Don't have an account?</span> <a href="javascript: void(0)" class="prpop-button prpop-btn-new-member prpop-show_registration">Create an Account</a> </div> </div> </form> </div> <div class="prpop-account-create" style="display: none;"> <a href="#" onclick="return closePopupLogin();" class="prpop-close-btn">✕</a> <form action="https://plumrocket.com/popuplogin/index/register/" method="post" id="prpop-register-form"> <div class="prpop-formholder prpop-cf"> <input type="hidden" name="success_url" value="" /> <input type="hidden" name="error_url" value="" /> <div class="form-top-logo"> </div> <div class="prpop-col-1"> <div class="prpop-form-title">Register with email:</div> <div class="prpop-cf prpop-columb"> <ul class="prpop-form-list"> <li class="prpop-fields"> <label for="prpop-firstname" class="prpop-required"> <em>*</em> First Name</label> <div class="prpop-input-box"> <input type="text" id="prpop-firstname" name="firstname" value="" placeholder="First Name" title="First Name" class="input-text required-entry"> </div> </li><li class="prpop-fields"> <label for="prpop-lastname" class="prpop-required"> <em>*</em> Last Name</label> <div class="prpop-input-box"> <input type="text" id="prpop-lastname" name="lastname" value="" placeholder="Last Name" title="Last Name" class="input-text required-entry"> </div> </li><li class="row-special"></li><li class="prpop-fields"> <label for="prpop-email_address" class="prpop-required"><em>*</em>Email Addrress</label> <div class="prpop-input-box"> <input type="email" name="email" id="prpop-email_address" value="" placeholder="Email Addrress" title="Email Addrress" class="input-text validate-email required-entry" /> </div> </li><li class="prpop-fields"> <div class="prpop-field"> <label for="prpop-password" class="prpop-required"><em>*</em>Password</label> <div class="prop-input-box"> <input type="password" name="password" id="prpop-password" title="Password" placeholder="Password" class="input-text required-entry validate-password" /> </div> </div> </li><li class="row-special"></li></ul> </div> <div class="prpop-rowline"> <input type="checkbox" name="is_subscribed" title="Receive product updates and special discounts" value="1" id="prpop-is-subscribed" class="checkbox" /> <label for="prpop-is-subscribed">Receive product updates and special discounts</label> </div> <input type="hidden" name="prgdpr_location" value="register"> <ul class="prgdpr-checkbox-wrapper"> </ul> <div class="field"> <div style="padding-top:15px;margin-bottom: -15px;"> <div class="g-recaptcha" id="grecaptcha1" style="transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"></div><script nofooterjs> function recaptchaOnloadCallback() { var els = document.getElementsByClassName("g-recaptcha"); var id; for (var i=0;i<els.length;i++){ id = els[i].id; if (id) { grecaptcha.render(id, { "sitekey" : "6Le2HiIbAAAAALCpT3vl4__0oVPF11dnXJI2uID4" }); } } var event = new Event("recaptcha-api-load"); document.body.dispatchEvent(event); } window.recaptchaIncludeFlag = false; function recaptchaInclude() { if (window.recaptchaIncludeFlag) { return; } window.recaptchaIncludeFlag = true; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://www.google.com/recaptcha/api.js?onload=recaptchaOnloadCallback&render=explicit"; js.async=1; js.defer=1; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'recaptcha-api')); } </script> </div> </div> <p></p> <div class="prpop-buttons-set prpop-cf"> <button type="submit" title="Submit Now" class="prpop-button prpop-btn-proceed-checkout">Submit</button> <div class="prpop-ajax-loader-wrapper"> <div class="prpop-ajax-loader" style="background: url(https://plumrocket.com/skin/frontend/base/default/images/plumrocket/popuplogin/ajax-loader-h-sf.gif); height: 14px;"></div> </div> <div class="prpop-back-hld prpop-desktop"> <a href="#" class="prpop-backtologin">Back to login page</a> </div> </div> <div class="col-or-row-circle"><span>OR</span></div> </div> <div class="prpop-col-2"> <div class="prpop-form-title">Quick registration with:</div> <div class="pslogin-block pslogin-register"> <div class="pslogin-buttons pslogin-buttons-showfull"> <ul> <li class="pslogin-button google" title="Register with Google"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/google/', '450', '450');" > <span class="pslogin-button-auto"> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Register with Google</span> </span> </a> </li> <li class="pslogin-button facebook" title="Register with Facebook"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/facebook/', '650', '350');" > <span class="pslogin-button-auto"> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Register with Facebook</span> </span> </a> </li> <li class="pslogin-button twitter" title="Register with Twitter"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/twitter/', '630', '650');" > <span class="pslogin-button-auto"> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Register with Twitter</span> </span> </a> </li> <li class="pslogin-button live" title="Register with MS Live"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/live/', '650', '500');" > <span class="pslogin-button-auto"> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Register with MS Live</span> </span> </a> </li> <li class="pslogin-button amazon" title="Register with Amazon"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/amazon/', '720', '500');" > <span class="pslogin-button-auto"> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Register with Amazon</span> </span> </a> </li> <li class="pslogin-button paypal" title="Register with PayPal"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/paypal/', '450', '520');" > <span class="pslogin-button-auto"> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Register with PayPal</span> </span> </a> </li> </ul> </div> </div> <div style="clear: both;"></div> </div> <div class="prpop-backtologin prpop-mobile prpop-cf"> <a href="#" class="prpop-backtologin">Back to login page</a> </div> </div> </form> <!-- form end here --> </div> <!-- Success blocks --> <div class="prpop-reg-success prpop-succes-block" style="display: none;"> <div class="prpop-formholder"> <div class="form-top-logo"> </div> <div class="prpop-form-title">YOUR REQUEST HAS BEEN SUBMITTED</div> <a href="#" onclick="return closePopupLogin();" class="prpop-close-btn">✕</a> <p>Thank you for you interest in our store.</p> <p>We will notify you by email regarding your request for membership.</p> <div class="prpop-backtologin prpop-mobile prpop-cf"><a href="#" class="prpop-backtologin">Back to login page</a></div> </div> </div> <div class="prpop-account-forgot" style="display: none;"> <form action="https://plumrocket.com/customer/account/forgotpasswordpost/" method="post" id="prpop-forgot-form"> <div class="prpop-formholder"> <div class="form-top-logo"> </div> <div class="prpop-form-title">Retrieve your password here</div> <a href="#" onclick="return closePopupLogin();" class="prpop-close-btn">✕</a> <p>Please enter your email address below. You will receive a link to reset your password.</p> <div class="prpop-cf"> <div class="prpop-columb"> <ul class="prpop-form-list"> <li> <label for="prpop-email-address" class="prpop-required"><em>*</em>Email Address</label> <div class="prpop-input-box"> <input type="email" name="email" alt="email" id="prpop-email-address" class="input-text required-entry validate-email" placeholder="Email Address" value="" /> </div> </li> </ul> </div> </div> </div> <div class="prpop-buttons-set prpop-cf"> <button type="submit" title="Submit" class="prpop-button prpop-btn-proceed-checkout">Submit</button> <div class="prpop-ajax-loader-wrapper"> <div class="prpop-ajax-loader" style="background: url(https://plumrocket.com/skin/frontend/base/default/images/plumrocket/popuplogin/ajax-loader-h-sf.gif); height: 14px;"></div> </div> <div class="prpop-back-hld prpop-desktop"> <a href="#" class="prpop-backtologin">Back to login page</a> </div> <div class="prpop-backtologin prpop-mobile prpop-cf"> <a href="#" class="prpop-backtologin">Back to login page</a> </div> </div> </form> </div> <!--success forgot--> <div class="prpop-forgot-success prpop-succes-block" style="display: none;"> <div class="prpop-formholder"> <div class="form-top-logo"> </div> <div class="prpop-form-title">New password has been sent</div> <a href="#" onclick="return closePopupLogin();" class="prpop-close-btn">✕</a> <p id="prpop-forgot-text">An e-mail with your new password has been sent to %email%<br /><br /> </p> <div><a href="#" class="prpop-backtologin">Back to login page</a></div> </div> </div></div> </div> </div> <script type="text/javascript">if(typeof pfj_js=="undefined")pfj_js={};pfj_js["2149127d2293ec5db44505b5368cab0b"]="<script type=\"text\/javascript\">\npopupLoginSettings = {\nbaseUrlForRedirect: '',\nregisterUrlForRedirect: '',\npopupLoginMode: 4,\nloginSuccessPage: '__stay__',\nregisterSuccessPage: '__stay__',\nshowEventTracking: 1,\nconf_req: 0}\npjQuery_1_9(document).ready(function(){\ninitPopupLogin(popupLoginSettings);\n});\n<\/script><script type=\"text\/javascript\">\n \/\/<![CDATA[\n var showFullButtonsAfterViewMore = true;\n \/\/]]>\n <\/script><script type=\"text\/javascript\">\n\/\/<![CDATA[\nvar dataLoginForm = new VarienForm('login-form', true);\n\/\/]]>\n<\/script><script type=\"text\/javascript\">\n\/\/<![CDATA[\nvar dataRegisterForm = new VarienForm('register-form', true);\n\/\/]]>\n<\/script><script type=\"text\/javascript\">\n\/\/<![CDATA[\nvar dataForgotForm = new VarienForm('forgot-form', true);\n\/\/]]>\n<\/script>"</script> <!-- ESI END DUMMY COMMENT [] --> <div id="pslogin_link_popup_container" style="display: none"> <div class="pslogin-addedoverlay"></div> <div class="pslogin-pop-up-form pslogin-block"> <div id="pslogin-pop-up-bg" class="pslogin-cf fadeInDownBig"> <div class="pslogin-share"> <h2>Connect new account</h2> <a href="#" class="prpop-close-btn">✕</a> <p>If you have multiple social networks accounts (like Facebook, Twitter, Google) - you can link your social accounts with your account at our store. This will allow you to access the website more conveniently!</p> <div class="pslogin-unlinked-buttons pslogin-buttons pslogin-buttons-showfull"> <ul class="pslogin-clearfix"> <li class="pslogin-button google pslogin-visible " title="Link Google account"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/google/call/pslogin.account.link/', '450', '450');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Link Google account</span> </span> </a> </li> <li class="pslogin-button facebook pslogin-visible " title="Link Facebook account"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/facebook/call/pslogin.account.link/', '650', '350');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Link Facebook account</span> </span> </a> </li> <li class="pslogin-button twitter pslogin-visible " title="Link Twitter account"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/twitter/call/pslogin.account.link/', '630', '650');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Link Twitter account</span> </span> </a> </li> <li class="pslogin-button live pslogin-visible " title="Link MS Live account"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/live/call/pslogin.account.link/', '650', '500');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Link MS Live account</span> </span> </a> </li> <li class="pslogin-button amazon pslogin-visible " title="Link Amazon account"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/amazon/call/pslogin.account.link/', '720', '500');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Link Amazon account</span> </span> </a> </li> <li class="pslogin-button paypal pslogin-visible " title="Link PayPal account"> <a class="pslogin-button-link" rel="nofollow" href="javascript:void(0);" onclick="psLogin('https://plumrocket.com/pslogin/account/use/type/paypal/call/pslogin.account.link/', '450', '520');" > <span class="pslogin-button-auto "> <span class="pslogin-button-icon"> </span> <span class="pslogin-button-text">Link PayPal account</span> </span> </a> </li> </ul> <div style="clear: both;"></div> </div> </div> </div> </div> </div> <div class="wrapper"> <noscript> <div class="global-site-notice noscript"> <div class="notice-inner"> <p> <strong>JavaScript seems to be disabled in your browser.</strong><br /> You must have JavaScript enabled in your browser to utilize the functionality of this website. </p> </div> </div> </noscript> <div class="page"> <!-- ESI START DUMMY COMMENT [] --> <!-- ESI URL DUMMY COMMENT --> <div class="header"> <div class="container"> <div class="header-menu-button-wrap"> <div class="header-menu-button"> <span class="header-menu-bline"></span> </div> </div> <a href="https://plumrocket.com" title="Plumrocket Magento Extensions Store" class="logo"> <strong>Plumrocket Magento Extensions Store</strong> <img srcset="https://plumrocket.com/skin/frontend/p/d/images/plumrocket-logo_s.png, https://plumrocket.com/skin/frontend/p/d/images/plumrocket-logo.png 2x" src="https://plumrocket.com/skin/frontend/p/d/images/plumrocket-logo_s.png" width="235" height="60" alt="Plumrocket Magento Extensions Store" /> </a> <div class="header-block"> <ul class="header-toplinks"> <li class="header-toplinks-search"> <span class="sprite-icon"></span> <span class="label">Search</span> </li> <li class="header-toplinks-support"> <a href="/contacts" rel="nofollow"><span class="sprite-icon"></span> <span class="label">Support</span></a> </li> <li class="header-toplinks-user"> <span class="sprite-icon"></span> <span class="user-menu-wrap"> <p class="welcome-msg"> <span class="pslogin-welcome-msg"> Welcome, Guest!</span> </p> <span class="label">My account</span> <div class="myaccount-menu-holder"> <div class="arrow_box"></div> <div class="myaccount-menu"> <ul class="links"> <li> <a href="https://plumrocket.com/customer/account/login" rel="nofollow" class="myaccount-menu-login show_popup_login_form popuplogin-link noaction">Sign In</a> </li> <li class="myaccount-menu-register"> <span>New customer?</span> <a href="https://plumrocket.com/customer/account/create" rel="nofollow" class="show_popup_register_form popuplogin-link noaction">Sign Up</a> </li> <li><a href="/downloadable/customer/products" rel="nofollow">My Downloads</a></li> <li><a href="/customer/account" rel="nofollow">Account Information</a></li> <li><a href="/sales/order/history" rel="nofollow">My Orders</a></li> <li><a href="/helpdesk/account/show" rel="nofollow">My Support Tickets</a></li> <li><a href="/timetracking" rel="nofollow">Development Hours</a></li> <li><a href="/rewards" rel="nofollow">Reward Points </a></li> </ul> </div> </div> </span> </li> <li class="header-toplinks-cart"> <!-- ESI START DUMMY COMMENT [] --> <!-- ESI URL DUMMY COMMENT --> <div class="minicart_head_holder"> <a href="javascript: void(0);" onclick="ajaxCart.controlMinicart();" rel="nofollow" class="minicart_link skip-link skip-cart no-count"> <span class="sprite-icon"></span> <span class="label">My cart</span> <span class="count">0</span> </a> <div id="pac-mini-cart" class="p-border-box"> <div class="arrow_box"></div> <div> <div class="pac-minicart-wrapper"> <p class="empty">You have no items in your shopping cart.</p> </div> </div> </div></div><script type="text/javascript">if(typeof pfj_js=="undefined")pfj_js={};pfj_js["91ecfedd5f5166945d43f5faf5471726"]="<script type=\"text\/javascript\">\n ajaxCart.items = {};\n<\/script>"</script> <!-- ESI END DUMMY COMMENT [] --> </li> </ul> </div> <div class="mobile-header-line"> <div class="header-menu-button"> <span class="header-menu-bline"></span><span class="header-menu-text">Menu</span> </div> <div class="header-toplinks-search"> <span class="sprite-icon"></span> </div> </div> <form id="pas-mini-form" action="https://plumrocket.com/catalogsearch/result/" method="get"> <div class="pas-input-bg"></div> <div class="pas-form-search"> <div class="pas-nav-right"> <button type="submit" title="Search" class="pas-button"><span class="sprite-icon"><span>Search</span></span></button> </div> <div class="pas-nav-center"> <div class="pas-search-field"> <input id="pas-input" type="text" name="q" placeholder="Search here..." value="" class="pas-input-text" maxlength="128" autocomplete="off" tabindex="1" /> <div class="pas-loader"></div> </div> </div> <div id="pas-tooltip"></div> </div> </form> </div> </div> <div class="main-menu-wrap"> <div class="container"> <nav id="nav"> <ol class="nav-primary"> <li class="level0 nav-1 first parent"><a href="https://plumrocket.com/magento-extensions" class="level0 has-children">Magento 2 Extensions</a><ul class="level0"><li class="level1 view-all"><a class="level1" href="https://plumrocket.com/magento-extensions">View All Magento 2 Extensions</a></li><li class="level1 nav-1-1 first"><a href="https://plumrocket.com/magento-marketing-tools-extensions" class="level1 ">Marketing & Sales Motivation</a></li><li class="level1 nav-1-2"><a href="https://plumrocket.com/magento-seo-extensions" class="level1 ">Performance & SEO Optimization</a></li><li class="level1 nav-1-3"><a href="https://plumrocket.com/magento-product-page-extensions" class="level1 ">Product Page Improvement</a></li><li class="level1 nav-1-4"><a href="https://plumrocket.com/magento-cart-checkout-extensions" class="level1 ">Shopping Cart & Checkout</a></li><li class="level1 nav-1-5"><a href="https://plumrocket.com/magento-user-experience-extensions" class="level1 ">User Experience</a></li><li class="level1 nav-1-6"><a href="https://plumrocket.com/magento-navigation-search-extensions" class="level1 ">Navigation & Search</a></li><li class="level1 nav-1-7"><a href="https://plumrocket.com/magento-social-media-extensions" class="level1 ">Social Network Integrations</a></li><li class="level1 nav-1-8"><a href="https://plumrocket.com/magento-admin-tools-extensions" class="level1 ">Admin Tools</a></li><li class="level1 nav-1-9"><a href="https://plumrocket.com/magento-shipping-extensions" class="level1 ">Shipping & Fulfillment</a></li><li class="level1 nav-1-10"><a href="https://plumrocket.com/magento-data-privacy-extensions" class="level1 ">Data Privacy</a></li><li class="level1 nav-1-11 last"><a href="https://plumrocket.com/magento-hyva-extensions" class="level1 ">Hyvä Theme Extensions</a></li></ul></li><li class="level0 nav-2 parent"><a href="https://plumrocket.com/magento-1-extensions" class="level0 has-children">Magento 1 Extensions</a><ul class="level0"><li class="level1 view-all"><a class="level1" href="https://plumrocket.com/magento-1-extensions">View All Magento 1 Extensions</a></li><li class="level1 nav-2-1 first"><a href="https://plumrocket.com/magento-1-marketing-sales-extensions" class="level1 ">Marketing & Sales Motivation</a></li><li class="level1 nav-2-2"><a href="https://plumrocket.com/magento-1-product-page-extensions" class="level1 ">Product Page Improvement</a></li><li class="level1 nav-2-3"><a href="https://plumrocket.com/magento-1-shopping-cart-checkout-extensions" class="level1 ">Shopping Cart & Checkout</a></li><li class="level1 nav-2-4"><a href="https://plumrocket.com/magento-1-user-experience-extensions" class="level1 ">User Experience</a></li><li class="level1 nav-2-5"><a href="https://plumrocket.com/magento-1-navigation-search-extensions" class="level1 ">Navigation & Search</a></li><li class="level1 nav-2-6"><a href="https://plumrocket.com/magento-1-social-media-extensions" class="level1 ">Social Networking Integration</a></li><li class="level1 nav-2-7"><a href="https://plumrocket.com/magento-1-admin-tools-extensions" class="level1 ">Admin Tools</a></li><li class="level1 nav-2-8"><a href="https://plumrocket.com/magento-1-rich-content-extensions" class="level1 ">Rich Content</a></li><li class="level1 nav-2-9"><a href="https://plumrocket.com/magento-1-shipping-extensions" class="level1 ">Shipping</a></li><li class="level1 nav-2-10 last"><a href="https://plumrocket.com/magento-1-free-extensions" class="level1 ">Free Magento 1 Extensions</a></li></ul></li><li data-accordion class="level0 nav-3 parent"><a href="https://plumrocket.com/magento-services" class="level0 has-children">Services</a><ul class="level0"><li class="level1 view-all"><a class="level1" href="https://plumrocket.com/magento-services">View All Services</a></li><li class="level1 nav-3-1 first"><a href="https://plumrocket.com/magento-development" class="level1 ">Magento Development Services</a></li><li class="level1 nav-3-2"><a href="https://plumrocket.com/magento-development-company" class="level1 ">Magento Development Company</a></li><li class="level1 nav-3-3 parent"><a href="https://plumrocket.com/magento-migration" class="level1 has-children">Magento 2 Migration Services</a><ul class="level1"><li class="level2 view-all"><a class="level2" href="https://plumrocket.com/magento-migration">View All Magento 2 Migration Services</a></li><li class="level2 nav-3-3-1 first last"><a href="https://plumrocket.com/magento-shopify-migration" class="level2 ">Magento to Shopify Migration Service</a></li></ul></li><li class="level1 nav-3-4"><a href="https://plumrocket.com/hire-magento-developers" class="level1 ">Hire Magento Developers</a></li><li class="level1 nav-3-5"><a href="https://plumrocket.com/magento-salesforce-integration" class="level1 ">Magento Salesforce Integration Service</a></li><li class="level1 nav-3-6"><a href="https://plumrocket.com/hyva-theme-development" class="level1 ">Magento Hyvä Theme Development Services</a></li><li class="level1 nav-3-7"><a href="https://plumrocket.com/salesforce-development" class="level1 ">Salesforce Development Services</a></li><li class="level1 nav-3-8"><a href="https://plumrocket.com/shopify-development" class="level1 ">Shopify Development Services</a></li><li class="level1 nav-3-9 last"><a href="https://plumrocket.com/ecommerce-catalog-management" class="level1 ">Magento Catalog Management Service</a></li></ul><div class="level0_wrapper"> <ul class="level0"> <li class="level1 nav-3-1 first parent"> <span class="level1 has-children">Magento (Adobe Commerce)</span> <ul class="level1"> <li class="level2 nav-3-1-1 first"> <a href="/magento-development" class="level2">Magento Development</a> </li> <li class="level2 nav-3-1-2 nav-label_wrapper"> <a href="/magento-performance-optimization" class="level2">Magento Speed Optimization</a> <div class="label label--top">Top</div> </li> <li class="level2 nav-3-1-3 nav-label_wrapper"> <a href="/hyva-theme-development" class="level2">Hyvä Theme Development</a> <div class="label label--new">New</div> </li> <li class="level2 nav-3-1-4"> <a href="/magento-1-to-2-migration" class="level2">Magento 1 to Magento 2 Migration</a> </li> <li class="level2 nav-3-1-5 nav-label_wrapper"> <a href="/magento-upgrade" class="level2">Magento Upgrade</a> <div class="label label--top">Top</div> </li> <li class="level2 nav-3-1-6"> <a href="/magento-amp-development" class="level2">Magento AMP Development</a> </li> <li class="level2 nav-3-1-7"> <a href="/magento-extension-installation" class="level2">Magento Extension Installation</a> </li> <li class="level2 nav-3-1-8"> <a href="/hire-magento-developers" class="level2">Hire Magento Developers</a> </li> <li class="level2 nav-more_link-wrp"> <a class="level2" href="/magento-services">View All Magento Services</a> </li> </ul> </li> <li class="level1 nav-3-2 parent"> <span class="level1 has-children">Shopify</span> <ul class="level1"> <li class="level2 nav-3-2-1 first nav-label_wrapper"> <a href="/shopify-development" class="level2">Shopify Development</a> <div class="label label--new">New</div> </li> <li class="level2 nav-3-2-2 last"> <a href="/magento-shopify-migration" class="level2">Magento to Shopify Migration</a> </li> </ul> </li> <li class="level1 nav-3-3 parent"> <span class="level1 has-children">Salesforce</span> <ul class="level1"> <li class="level2 nav-3-3-1 first"> <a href="/salesforce-development" class="level2">Salesforce Development</a> </li> <li class="level2 nav-3-3-2 last"> <a href="/magento-salesforce-integration" class="level2">Magento Salesforce Integration</a> </li> </ul> </li> <li class="level1 nav-3-4 parent"> <span class="level1 has-children">Ecommerce</span> <ul class="level1"> <li class="level2 nav-3-4-1 first nav-label_wrapper"> <a href="/ecommerce-catalog-management" class="level2">Catalog Management</a> <div class="label label--new">New</div> </li> </ul> </li> <li class="level1 nav-3-4 last parent bannerWrapper"> <div class="navBanner" style="margin-top: 0;"> <img src="https://plumrocket.com/skin/frontend/p/d/images/nav_banner_icon.svg" alt="banner icon" width="63" height="51" role="presentation"> <div class="navBanner-text"> Looking for custom solutions for your business? We've got you covered. </div> <a class="navBanner-link" href="/contacts"> Start a project <img src="https://plumrocket.com/skin/frontend/p/d/images/nav_arrow_right.svg" alt="arrow right" width="20" height="21" role="presentation"> </a> </div> </li> </ul> </div> </li><li class="level0 nav-4"><a href="https://plumrocket.com/magento-packages" class="level0 ">Packages</a></li><li class="level0 nav-5 last"><a href="https://plumrocket.com/special-offers" class="level0 " rel="nofollow"><span class="sprite-icon"></span> Special Offers</a></li> <li class="level0 nav-4"><a href="/blog" class="level0 ">Blog</a></li> <li class="level0 nav-4 contact-nav"><a href="https://plumrocket.com/contacts/" class="level0 ">Contact Us</a></li> </ol> </nav> </div> </div> <script type="text/javascript">if(typeof pfj_js=="undefined")pfj_js={};pfj_js["bf2c1244a7ff30c38141e0bcd7482210"]="<script type=\"text\/javascript\">pfjRun(\"91ecfedd5f5166945d43f5faf5471726\");<\/script><script type=\"text\/javascript\">\npjQuery_1_10_2(document).ready(function() {\nvar psearch = new Plumrocket_Search({\npath: 'https:\/\/plumrocket.com\/psearch\/',\ndelay: 400,\nqueryLenghtMin: 1});\n\npsearch.run();\n});\n<\/script><script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const Navigation = {\n navigation: document.getElementById('nav'),\n navParent: document.querySelectorAll('.nav-primary > .parent'),\n\n mouseEnterAction(parent) {\n parent.classList.add('navOpen');\n },\n\n mouseLeaveAction(parent) {\n parent.classList.remove('navOpen');\n },\n\n eventListeners(parent) {\n parent.addEventListener('mouseenter', () => this.mouseEnterAction(parent));\n parent.addEventListener('mouseleave', () => this.mouseLeaveAction(parent));\n },\n\n checkMobileResolution() {\n return \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent) && window.screen.width < 771;\n },\n\n accordion() {\n this.navigation.addEventListener('click', (e) => {\n const targetEl = e.target;\n const accordionTitle = targetEl.closest('.has-children');\n if (accordionTitle) {\n const accordionRoot = accordionTitle.closest('li.level0');\n if(accordionRoot.hasAttribute('data-accordion')){\n e.preventDefault();\n const accordionWrapper = accordionTitle.closest('.parent');\n accordionWrapper.classList.toggle('open');\n }\n }\n });\n },\n\n init() {\n this.navParent.forEach((parent) => {\n this.eventListeners(parent);\n });\n\n this.accordion();\n },\n };\n\n (events => {\n const loadNavigation = () => {\n events.forEach(type => window.removeEventListener(type, loadNavigation));\n\n Navigation.init();\n };\n events.forEach(type => window.addEventListener(type, loadNavigation, {once: true, passive: true}))\n })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']);\n });\n<\/script><script type=\"text\/javascript\">\n var _CUSTOMER_IS_LOGGED_IN = 0;\n<\/script>"</script> <!-- ESI END DUMMY COMMENT [] --> <div class="main-container col1-layout"> <div class="main container"> <div class="breadcrumbs-wrap"> <div class="breadcrumbs"> <ul itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://plumrocket.com" title="Go to Home Page" itemprop="item"> <span itemprop="name"> Home </span> </a> <meta itemprop="position" content="1" /> <span>/ </span> </li> <li class="category28" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://plumrocket.com/magento-extensions" title="" itemprop="item"> <span itemprop="name"> Magento 2 Extensions </span> </a> <meta itemprop="position" content="2" /> <span>/ </span> </li> <li class="category35" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong itemprop="name">User Experience</strong> <meta itemprop="position" content="3" /> </li> </ul> </div> </div> <div class="col-main"> <div id="turpentine-esi-block-3fe732c692ac780bca1a671f8dc8fe4982a2bb28e830994d6d6b46a6116ecda4" style="display: none"> </div> <div class="category-text-wrap"> <div class="page-title category-title"> <h1><span class="sprite-icon"></span> Magento 2 User Experience Extensions</h1> </div> <div id="turpentine-esi-block-a6ed212e3d91e1f280653cec3bcef2800683cf9877dddf8505f5a89abc38bf0f" style="display: none"> </div> <div class="category-description std"> Create a seamless shopping experience that keeps your customers engaged and coming back for more. This Magento 2 user experience category offers a range of extensions designed to optimize every touchpoint within your online store, at every step of the customer journey, so your business grows and prospers. </div> <span class="show-more">Show More <i class="sprite-icon"></i></span> <span class="show-less">Show Less <i class="sprite-icon"></i></span> </div> <div class="category-products mod-grid"> <div class="container"> <div class="category-2-cols"> <div class="col-left sidebar"> <div id="side-menu"> <div class="side-menu-title">Navigation</div> <div class="side-menu-wrap"> <ul> <li class="side-ul-title">Platform</li> <li><a href="/magento-extensions"><span class="sprite-icon"></span>Magento 2</a></li> <li><a href="/magento-1-extensions"><span class="sprite-icon"></span>Magento 1</a></li> </ul> <ul> <li class="side-ul-title">Price</li> <li><a href="/magento-1-free-extensions"><span class="sprite-icon"></span>Free</a></li> <li><a href="?order=paid"><span class="sprite-icon"></span>Paid</a></li> </ul> <ul> <li class="side-ul-title">Type</li> <li > <a href="https://plumrocket.com/magento-marketing-tools-extensions" title="Marketing & Sales Motivation"> <span class="sprite-icon"></span>Marketing & Sales Motivation </a> </li> <li > <a href="https://plumrocket.com/magento-seo-extensions" title="Performance & SEO Optimization"> <span class="sprite-icon"></span>Performance & SEO Optimization </a> </li> <li > <a href="https://plumrocket.com/magento-product-page-extensions" title="Product Page Improvement"> <span class="sprite-icon"></span>Product Page Improvement </a> </li> <li > <a href="https://plumrocket.com/magento-cart-checkout-extensions" title="Shopping Cart & Checkout"> <span class="sprite-icon"></span>Shopping Cart & Checkout </a> </li> <li > <a href="https://plumrocket.com/magento-user-experience-extensions" title="User Experience"> <span class="sprite-icon"></span>User Experience </a> </li> <li > <a href="https://plumrocket.com/magento-navigation-search-extensions" title="Navigation & Search"> <span class="sprite-icon"></span>Navigation & Search </a> </li> <li > <a href="https://plumrocket.com/magento-social-media-extensions" title="Social Network Integrations"> <span class="sprite-icon"></span>Social Network Integrations </a> </li> <li > <a href="https://plumrocket.com/magento-admin-tools-extensions" title="Admin Tools"> <span class="sprite-icon"></span>Admin Tools </a> </li> <li > <a href="https://plumrocket.com/magento-shipping-extensions" title="Shipping & Fulfillment"> <span class="sprite-icon"></span>Shipping & Fulfillment </a> </li> <li > <a href="https://plumrocket.com/magento-data-privacy-extensions" title="Data Privacy"> <span class="sprite-icon"></span>Data Privacy </a> </li> <li class="label-enable"> <a href="https://plumrocket.com/magento-hyva-extensions" title="Hyvä Theme Extensions"> <span class="sprite-icon"></span>Hyvä Theme Extensions <span class="label-wrap"> <span class="new-hld"><span>New</span></span> </span> </a> </li> <li > <a href="https://plumrocket.com/magento-free-extensions" title="Free Magento 2 Extensions"> <span class="sprite-icon"></span>Free Magento 2 Extensions </a> </li> </ul> </div> </div> </div> <div class="col-right"> <ul class="products-grid "> <li onclick="dWindowLocation('https://plumrocket.com/magento-social-login-pro')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-social-login-pro" title="Magento 2 Social Login Extension" class="product-image"> <img src="https://plumrocket.com/media/catalog/product/cache/1/small_image/130x130/9df78eab33525d08d6e5fb8d27136e95/s/o/social_login_pro_1.png" width="130" height="130" alt="Magento 2 Social Login Extension" /> </a> <a href="https://plumrocket.com/magento-social-login-pro" class="grid-pr-desc"> Let your customers choose from 50 social networks for quick access to your store. Login process can’t be more comfortable than this! </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-social-login-pro" title="Social Login Pro Extension for Magento 2"> <span>Social Login Pro</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 4.9 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="currentColor" stroke="#FFC93D" stroke-linecap="round" stroke-linejoin="round" > <defs> <linearGradient id="partialFill94"> <stop offset="0%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#fff"/> <stop offset="100%" stop-color="#fff"/> </linearGradient> </defs> <g fill="url(#partialFill94)"> <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </g> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-social-login-pro#reviews" rel="nofollow"> 43 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-94"> $107<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-94">$179<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-94" onclick="ajaxCart.addProductById(94);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-splash-page')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-splash-page" title="Magento 2 Splash Page Extension" class="product-image"> <img src="https://plumrocket.com/media/catalog/product/cache/1/small_image/130x130/9df78eab33525d08d6e5fb8d27136e95/s/p/splash_page_2.png" width="130" height="130" alt="Magento 2 Splash Page Extension" /> </a> <a href="https://plumrocket.com/magento-splash-page" class="grid-pr-desc"> Restrict access to your Magento store by greeting your customers with beautiful Splash Plage. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-splash-page" title="Splash Page Extension for Magento 2"> <span>Splash Page</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-splash-page#reviews" rel="nofollow"> 4 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-153"> $71<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-153">$119<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-153" onclick="ajaxCart.addProductById(153);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-product-labels')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-product-labels" title=" Magento 2 Product Labels Extension" class="product-image"> <img src="https://plumrocket.com/media/catalog/product/cache/1/small_image/130x130/9df78eab33525d08d6e5fb8d27136e95/p/r/product_labels_1.png" width="130" height="130" alt=" Magento 2 Product Labels Extension" /> </a> <a href="https://plumrocket.com/magento-product-labels" class="grid-pr-desc"> Grab customer’s attention by showing “New arrival”, “Sale”, “Bestseller”, “Free Shipping”, “Featured” and 50+ other product labels. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-product-labels" title="Product Labels Extension for Magento 2"> <span>Product Labels</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-product-labels#reviews" rel="nofollow"> 4 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-151"> $89<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-151">$149<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-151" onclick="ajaxCart.addProductById(151);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-search-autocomplete-suggest')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-search-autocomplete-suggest" title="Magento 2 Ajax Search Autocomplete & Suggest Extension" class="product-image"> <img src="https://plumrocket.com/media/catalog/product/cache/1/small_image/130x130/9df78eab33525d08d6e5fb8d27136e95/s/e/search_autocomplete_suggest_1.png" width="130" height="130" alt="Magento 2 Ajax Search Autocomplete & Suggest Extension" /> </a> <a href="https://plumrocket.com/magento-search-autocomplete-suggest" class="grid-pr-desc"> Improve your search results and increase sales with Magento 2 ajax search autocomplete and suggest extension. Help you customers to find exactly the products they've been looking for. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-search-autocomplete-suggest" title="Search Autocomplete & Suggest Extension for Magento 2"> <span>Search Autocomplete & Suggest</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 4.9 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="currentColor" stroke="#FFC93D" stroke-linecap="round" stroke-linejoin="round" > <defs> <linearGradient id="partialFill128"> <stop offset="0%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#fff"/> <stop offset="100%" stop-color="#fff"/> </linearGradient> </defs> <g fill="url(#partialFill128)"> <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </g> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-search-autocomplete-suggest#reviews" rel="nofollow"> 32 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-128"> $59<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-128">$99<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-128" onclick="ajaxCart.addProductById(128);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-order-status-shipping-tracking-lite')" class="item" > <div class="splitter cf"> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-order-status-shipping-tracking-lite" title="Magento 2 Order Status & Magento 2 Shipping Tracking Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/o/r/order_status_shipping_tracking_lite_1.png" alt="Magento 2 Order Status & Magento 2 Shipping Tracking Extension" /> </a> <a href="https://plumrocket.com/magento-order-status-shipping-tracking-lite" class="grid-pr-desc"> This free extension boosts your customers’ post-purchase experience and loyalty by letting them track their orders directly from your store, without extra clicks and third-party websites. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-order-status-shipping-tracking-lite" title="Order Status & Shipping Tracking Lite Extension for Magento 2"> <span>Order Status & Shipping Tracking Lite</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 4.9 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="currentColor" stroke="#FFC93D" stroke-linecap="round" stroke-linejoin="round" > <defs> <linearGradient id="partialFill125"> <stop offset="0%" stop-color="#FFC93D"/> <stop offset="87.5%" stop-color="#FFC93D"/> <stop offset="87.5%" stop-color="#fff"/> <stop offset="100%" stop-color="#fff"/> </linearGradient> </defs> <g fill="url(#partialFill125)"> <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </g> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-order-status-shipping-tracking-lite#reviews" rel="nofollow"> 49 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <span class="regular-price" id="product-price-125"> <span class="price">Free</span> </span> <span style="display:none;">$0.00</span> <span class="free-price" style="display:none;">free</span> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-125" onclick="ajaxCart.addProductById(125);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-rma')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-rma" title="Returns and Exchanges (RMA) Extension for Magento 2" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/r/m/rma.png" alt="Returns and Exchanges (RMA) Extension for Magento 2" /> </a> <a href="https://plumrocket.com/magento-rma" class="grid-pr-desc"> Increase customer satisfaction and confidence in your store by offering hassle-free product returns and exchanges available through the easy to use returns management interface. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-rma" title="RMA Extension for Magento 2"> <span>RMA</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-rma#reviews" rel="nofollow"> 16 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-116"> $71<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-116">$119<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-116" onclick="ajaxCart.addProductById(116);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-amp')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-amp" title="Magento 2 Accelerated Mobile Pages (AMP) Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/a/m/amp_1.png" alt="Magento 2 Accelerated Mobile Pages (AMP) Extension" /> </a> <a href="https://plumrocket.com/magento-amp" class="grid-pr-desc"> Get the top ranks in mobile Google Search Results, impress your clients with page load speed by extending your store functionality with Magento 2 AMP plugin. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-amp" title="AMP Extension for Magento 2"> <span>AMP</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="currentColor" stroke="#FFC93D" stroke-linecap="round" stroke-linejoin="round" > <defs> <linearGradient id="partialFill109"> <stop offset="0%" stop-color="#FFC93D"/> <stop offset="95%" stop-color="#FFC93D"/> <stop offset="95%" stop-color="#fff"/> <stop offset="100%" stop-color="#fff"/> </linearGradient> </defs> <g fill="url(#partialFill109)"> <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </g> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-amp#reviews" rel="nofollow"> 97 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-109"> $119<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-109">$199<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-109" onclick="ajaxCart.addProductById(109);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-layered-navigation')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-layered-navigation" title="Layered Navigation Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/l/a/layered_navigation_pro_2.png" alt="Layered Navigation Extension" /> </a> <a href="https://plumrocket.com/magento-layered-navigation" class="grid-pr-desc"> Magento 2 Layered Navigation is designed to save time for your customers on manually searching for the desired product. Just choose product attributes and you will get results that exactly match your request! </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-layered-navigation" title="Layered Navigation Extension for Magento 2"> <span>Layered Navigation</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 4.9 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="currentColor" stroke="#FFC93D" stroke-linecap="round" stroke-linejoin="round" > <defs> <linearGradient id="partialFill108"> <stop offset="0%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#fff"/> <stop offset="100%" stop-color="#fff"/> </linearGradient> </defs> <g fill="url(#partialFill108)"> <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </g> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-layered-navigation#reviews" rel="nofollow"> 35 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-108"> $89<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-108">$149<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-108" onclick="ajaxCart.addProductById(108);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-popup-login')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-popup-login" title="Magento 2 Popup Login Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/p/o/popup_login_2.png" alt="Magento 2 Popup Login Extension" /> </a> <a href="https://plumrocket.com/magento-popup-login" class="grid-pr-desc"> Popup Login is a unique Ajax Login Magento 2 extension designed to increase the number of Magento customer registrations </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-popup-login" title="Popup Login Extension for Magento 2"> <span>Popup Login</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 4.9 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="currentColor" stroke="#FFC93D" stroke-linecap="round" stroke-linejoin="round" > <defs> <linearGradient id="partialFill95"> <stop offset="0%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#FFC93D"/> <stop offset="92.5%" stop-color="#fff"/> <stop offset="100%" stop-color="#fff"/> </linearGradient> </defs> <g fill="url(#partialFill95)"> <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </g> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-popup-login#reviews" rel="nofollow"> 38 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-95"> $59<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-95">$99<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-95" onclick="ajaxCart.addProductById(95);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-google-customer-reviews')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-google-customer-reviews" title="Magento 2 Google Customer Reviews Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/g/o/google_customer_reviews.png" alt="Magento 2 Google Customer Reviews Extension" /> </a> <a href="https://plumrocket.com/magento-google-customer-reviews" class="grid-pr-desc"> Easily integrate the Magento 2 Google Customer Reviews program to collect more Google reviews, display the seller rating on your website pages, and gain customer trust, resulting in increased sales and revenue. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-google-customer-reviews" title="Google Customer Reviews Extension for Magento 2"> <span>Google Customer Reviews</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-google-customer-reviews#reviews" rel="nofollow"> 3 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-212"> $59<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-212">$99<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-212" onclick="ajaxCart.addProductById(212);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-custom-order-number')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-custom-order-number" title="Magento 2 Custom Order Number Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/c/u/custom_order_number.png" alt="Magento 2 Custom Order Number Extension" /> </a> <a href="https://plumrocket.com/magento-custom-order-number" class="grid-pr-desc"> Increase document accuracy and keep your sales information safe: set a custom format for order, invoice, shipment, and credit memo numbers using different variables, letters, symbols, and more. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-custom-order-number" title="Custom Order Number Extension for Magento 2"> <span>Custom Order Number</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-custom-order-number#reviews" rel="nofollow"> 3 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-234"> $89<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-234">$149<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-234" onclick="ajaxCart.addProductById(234);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-layered-navigation-lite')" class="item" > <div class="splitter cf"> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-layered-navigation-lite" title="Magento 2 Layered Navigation Lite Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/l/a/layered_navigation_lite_3.png" alt="Magento 2 Layered Navigation Lite Extension" /> </a> <a href="https://plumrocket.com/magento-layered-navigation-lite" class="grid-pr-desc"> Expand your store's product filtering capabilities with the Magento 2 Layered Navigation extension free of charge. As a result, increase conversions and sales by offering customers a much easier and faster way to find the products they want. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-layered-navigation-lite" title="Layered Navigation Lite Extension for Magento 2"> <span>Layered Navigation Lite</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-layered-navigation-lite#reviews" rel="nofollow"> 10 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <span class="regular-price" id="product-price-245"> <span class="price">Free</span> </span> <span style="display:none;">$0.00</span> <span class="free-price" style="display:none;">free</span> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-245" onclick="ajaxCart.addProductById(245);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-order-status-shipping-tracking')" class="item" > <div class="splitter cf"> <span class="off-hld">40% OFF</span> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-order-status-shipping-tracking" title="Magento 2 Order Status & Shipping Tracking Pro" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/o/r/order_status_shipping_tracking_pro.png" alt="Magento 2 Order Status & Shipping Tracking Pro" /> </a> <a href="https://plumrocket.com/magento-order-status-shipping-tracking" class="grid-pr-desc"> Boost sales and customer post-purchase experience by letting both registered and guest customers track their orders from one place and always be aware of every single detail of the delivery. </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-order-status-shipping-tracking" title="Order Status & Shipping Tracking Pro Extension for Magento 2"> <span>Order Status & Shipping Tracking Pro</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-order-status-shipping-tracking#reviews" rel="nofollow"> 4 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <p class="special-price"> <span class="price" id="old-price-247"> $77<span class="cents">.40</span> </span> </p> <p class="old-price"> <span class="price-label">was:</span> <span class="price" id="product-price-247">$129<span class="cents">.00</span></span> <span class="percent">(40% off)</span> </p> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-247" onclick="ajaxCart.addProductById(247);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> <li onclick="dWindowLocation('https://plumrocket.com/magento-lazy-load')" class="item" > <div class="splitter cf"> <div class="grid-primg-wrap"> <a href="https://plumrocket.com/magento-lazy-load" title="Magento 2 Lazy Load Extension" class="product-image"> <img class="unveil" src="https://plumrocket.com/skin/frontend/p/d/images/w195.png" width="130" height="130" data-src="https://plumrocket.com/media/catalog/product/cache/1/small_image/190x190/9df78eab33525d08d6e5fb8d27136e95/l/a/lazy_load_1.png" alt="Magento 2 Lazy Load Extension" /> </a> <a href="https://plumrocket.com/magento-lazy-load" class="grid-pr-desc"> <p>Save time on the initial page load and provide an instant browsing experience on your store by lazy-loading images only when users scroll down. Boost your site ranking with high performance!</p> </a> </div> <div class="product-shop"> <div class="title-rate-hld"> <h2 class="product-name"> <a href="https://plumrocket.com/magento-lazy-load" title="Lazy Load Extension for Magento 2"> <span>Lazy Load</span> </a> </h2> </div> <div class="ratings summary-short_wrapper "> <div class="rating-stars_wrapper"> <div class="rating-summary"> 5.0 </div> <div class="rating-stars"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" stroke-linecap="round" stroke-linejoin="round" fill="#FFC93D" stroke="#FFC93D" > <path d="M6.97297 1L8.81862 4.62929L12.9459 5.21485L9.95945 8.03828L10.6643 12.027L6.97297 10.1428L3.28167 12.027L3.98648 8.03828L1 5.21485L5.12732 4.62929L6.97297 1Z"/> </svg> </div> </div> <span class="amount"> <a href="https://plumrocket.com/magento-lazy-load#reviews" rel="nofollow"> 3 Review(s) </a> </span> </div> <div class="prs-hld"> <div class="pr-price"> <div class="price-box"> <span class="regular-price" id="product-price-270"> <span class="price">Free</span> </span> <span style="display:none;">$0.00</span> <span class="free-price" style="display:none;">free</span> </div> </div> <button type="button" title="Add to Cart" class="pac-button pac-product-button p-border-box ajaxcart-el pac-btn-cart pac-btn-cart-270" onclick="ajaxCart.addProductById(270);"> <span class="pac-label"> <span class="pac-loader"> <span class="new-loader-button"></span> </span> </span> Add to Cart </button> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="page-content-bottom-container"><div class="widget widget-static-block"><div class="category-desc"> <div class="category-desc-sect"> <div class="sect-container"> <h2 class="category-desc-title">How to personalize user experience with Magento 2 extensions?</h2> <p class="category-desc-text">In the age of online shopping, a seamless and personalized user experience is crucial for attracting and retaining customers. Magento 2 offers a robust platform, and our User Experience Extensions category equips you with powerful tools to elevate your store's UX.</p> <h3 class="category-desc-subtitle">Simplify Login</h3> <p class="category-desc-text">Streamline the login process with <a href="/magento-social-login-pro">Social Login Pro</a>, allowing customers to log in using their existing social media accounts. This reduces friction and encourages faster checkouts. Also, allow users to log in to your store via a convenient <a href="/magento-popup-login">login popup</a>, eliminating the need for cumbersome form filling.</p> <h3 class="category-desc-subtitle">First Impressions Matter</h3> <p class="category-desc-text">Grab attention and showcase promotions with a captivating <a href="/magento-splash-page">Splash Page</a>. This extension lets you create a visually appealing introduction to your store, setting the tone for a positive shopping experience.</p> <h3 class="category-desc-subtitle">Simplify Product Discovery</h3> <p class="category-desc-text">Boost product discoverability with <a href="/magento-search-autocomplete-suggest">Search Autocomplete & Suggest</a>. As customers type, relevant suggestions appear, guiding them to the products they seek with minimal effort.</p> <p class="category-desc-text">Another important part of the product discovery stage is product filtering. <a href="/magento-layered-navigation">Advanced Layered Navigation</a> empowers customers to navigate your store more efficiently. Users can filter products by various attributes, select multiple filter options at once, use more convenient price slider, and many other features that enable them to refine products with ease.</p> <h3 class="category-desc-subtitle">Built Trust and Transparency</h3> <p class="category-desc-text">Enhance customer confidence with <a href="/magento-order-status-shipping-tracking">Order Status & Shipping Tracking</a>. This extension empowers customers to stay informed about their orders, fostering trust and reducing inquiries.</p> <h3 class="category-desc-subtitle">Speed Up Page Load Time</h3> <p class="category-desc-text">Provide a smooth browsing experience with <a href="/magento-amp">AMP</a> (Accelerated Mobile Pages). This extension optimizes your store for mobile devices, ensuring fast loading times and a frustration-free experience for mobile shoppers. Additionally, you can significantly optimize page load times with <a href="/magento-lazy-load">Lazy Load</a>. This technology delays the loading of images until they are scrolled into view, resulting in a faster initial page load and a smoother browsing experience.</p> <h3 class="category-desc-subtitle">Establish Social Proof</h3> <p class="category-desc-text">Leverage the power of social proof with <a href="/magento-google-customer-reviews">Google Customer Reviews</a>. This extension displays the seller rating on a Google Reviews badge across your website, building trust and influencing purchase decisions. It also provides the functionality to easily collect Google reviews. On the Checkout Success Page, customers will be asked to opt in for a one-minute survey.</p> <h3 class="category-desc-subtitle">Customize Order Management</h3> <p class="category-desc-text">Maintain control over order numbering with <a href="/magento-custom-order-number">Custom Order Number</a>. This extension allows you to define custom order number formats, streamlining your internal processes.</p> </div> </div> <div class="category-desc-sect"> <div class="sect-container"> <h2 class="category-desc-title">Best Magento 2 B2B extensions for user experience</h2> <p class="category-desc-text">While many extensions cater to the general user experience, some within this category can specifically benefit B2B businesses:</p> <ul class="category-desc_list"> <ul class="category-desc_list"> <li style="font-size: 20px;">Social Login Pro Extension</li> </ul> </ul> <p class="category-desc-text"><a href="/magento-social-login-pro">Social Login Pro</a> can be highly beneficial for B2B businesses. It allows website customers to register and place orders in a few clicks by signing in with their existing social network credentials. This eliminates the need for lengthy registration forms, streamlining the onboarding process for new B2B customers.</p> <p class="category-desc-text">Beyond simplified registration, Social Login Pro can also collect verified and reliable profile data from social accounts, such as email address, full name, birth date, gender, etc. With access to social data (when permitted by the user), B2B businesses can gain valuable insights into their customer base. This can inform targeted marketing campaigns and personalized communication strategies.</p> <ul class="category-desc_list"> <ul class="category-desc_list"> <li style="font-size: 20px;">Order Status & Shipping Tracking</li> </ul> </ul> <p class="category-desc-text">B2B orders frequently involve complex structures with multiple items and potentially split shipments. <a href="/magento-order-status-shipping-tracking">Order Status & Shipping Tracking</a> provides a vital tool for your B2B customers. They can track the progress of individual shipments within an order, ensuring all components arrive as expected and minimizing communication gaps. This transparency fosters trust and reduces inquiries to your customer service team.</p> <ul class="category-desc_list"> <ul class="category-desc_list"> <li style="font-size: 20px;">Custom Order Number</li> </ul> </ul> <p class="category-desc-text">B2B businesses often have specific order numbering requirements that integrate with their internal systems. <a href="/magento-custom-order-number">Custom Order Number</a> empowers you to define order number formats that align with your ERP or other back-office software. This eliminates manual data manipulation and streamlines order processing, saving your B2B customers valuable time.</p> <p class="category-desc-text">These are just a few examples of how our Magento 2 User Experience Extensions can elevate your store. By implementing these extensions, you can create a user-friendly and personalized shopping experience that keeps customers coming back for more.</p> </div> </div> </div></div></div> <div class="footer-wrap"> <div class="footer"> <div class="container"> <div class="nest"> <div class="pl-grid-tl-2 pl-grid-4 pl-grid-m-6"> <div class="f-header">Company</div> <ul> <li><a title="Plumrocket Homepage" href="/" rel="nofollow">Home</a></li> <li><a title="About Plumrocket" href="https://plumrocket.com/about" rel="nofollow">About Plumrocket Inc.</a></li> <li><a title="Customer Stories" href="/customer-stories" rel="nofollow">Customer Stories</a></li> <li><a title="Programs & Promotions" href="https://plumrocket.com/programs-and-promotions" rel="nofollow">Programs & Promotions</a></li> <li><a title="Plumrocket Careers" href="/careers" rel="nofollow">Careers</a></li> <li><a title="Contact Us" href="https://plumrocket.com/contacts" rel="nofollow">Contact Us</a></li> </ul> </div> <div class="pl-grid-tl-2 pl-grid-4 pl-grid-m-6"> <div class="f-header">Legal</div> <ul> <li><a title="Terms of Service" href="https://plumrocket.com/terms-of-service" rel="nofollow">Terms of Service</a></li> <li><a title="Privacy Policy" href="https://plumrocket.com/privacy-policy" rel="nofollow">Privacy Policy</a></li> <li><a title="Refund Policy" href="https://plumrocket.com/refund-policy" rel="nofollow">Refund Policy</a></li> <li><a title="Cookie Policy" href="https://plumrocket.com/cookie-policy" rel="nofollow">Cookie Policy</a></li> <li><a title="Support Policy" href="https://plumrocket.com/updates-and-support-policy" rel="nofollow">Support Policy</a></li> <li><a title="Privacy Center" href="https://plumrocket.com/privacy-center/account" rel="nofollow">Privacy Center</a></li> </ul> </div> <div class="pl-grid-tl-2 pl-grid-4 pl-grid-m-6 footer-col3"> <div class="f-header">Resources</div> <ul> <li><a title="Plumrocket Blog" href="/blog">Blog</a></li> <li><a title="FAQ" href="https://plumrocket.com/faq">FAQ</a></li> <li><a title="Documentation" href="/docs">Documentation</a></li> <li><a title="Tutorials" href="/learn">Tutorials</a></li> </ul> </div> <div class="pl-grid-tl-2 pl-grid-4 pl-grid-m-6 footer-col4"> <div class="f-header">Partners</div> <ul> <li><a title="Partner Program" href="https://plumrocket.com/partner-program" rel="nofollow">Partner Program</a></li> <li><a title="Affiliate Program" href="https://plumrocket.com/affiliate-program" rel="nofollow">Affiliate Program</a></li> <li><a title="Official Partners" href="https://plumrocket.com/partner-program/official-partners" rel="nofollow">Official Partners</a></li> </ul> </div> <div class="pl-grid-tl-4 pl-grid-8"> <div class="footer_subscribe-section"> <div class="f-header">Newsletter</div> <p>Sign up for our news, special offers, product updates and get $10 OFF coupon for your first order</p> <a href="#" rel="nofollow" id="subscribe_popup-btn" class="btn">Subscribe</a> </div> </div> </div> </div> </div> <div class="footer_product-list"> <div class="container"> <div class="footer_product-list_wrapper footer_product-list_wrapper-1"> <span class="f-header">Magento 2 Extensions</span> <div class="footer_product-list_category"> <span class="link-box"> <a href="/magento-newsletter-popup" title="Magento 2 Newsletter Popup">Magento 2 Newsletter Popup</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-advanced-reviews-reminders" title="Magento 2 Advanced Reviews & Reminders">Magento 2 Advanced Reviews & Reminders</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-social-login-pro" title="Magento 2 Social Login Pro">Magento 2 Social Login Pro</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-cart-reservation" title="Magento 2 Cart Reservation">Magento 2 Cart Reservation</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-call-for-price" title="Magento 2 Call For Price">Magento 2 Call For Price</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-ajax-cart" title="Magento 2 Ajax Cart">Magento 2 Ajax Cart</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-rma" title="Magento 2 Returns and Exchanges (RMA)">Magento 2 Returns and Exchanges (RMA)</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-estimated-delivery-date" title="Magento 2 Estimated Delivery Date">Magento 2 Estimated Delivery Date</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-affiliate-programs" title="Magento 2 Affiliate Programs">Magento 2 Affiliate Programs</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-private-sales-flash-sales" title="Magento 2 Private Sales & Flash Sales">Magento 2 Private Sales & Flash Sales</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-us-privacy-laws" title="Magento 2 US Privacy Laws">Magento 2 US Privacy Laws</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-gdpr" title="Magento 2 GDPR">Magento 2 GDPR</a> </span> </div> </div> </div> <div class="container"> <div class="footer_product-list_wrapper footer_product-list_wrapper-2"> <span class="f-header">Magento 2 Services</span> <div class="footer_product-list_category"> <span class="link-box"> <a href="/magento-performance-optimization" title="Magento Speed Optimization Service">Magento Speed Optimization Service</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-development" title="Magento Development Service">Magento Development Service</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/hyva-theme-development" title="Hyvä Theme Development Service">Hyvä Theme Development Service</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/salesforce-development" title="Salesforce Development Service">Salesforce Development Service</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-upgrade" title="Magento 2 Upgrade Service">Magento 2 Upgrade Service</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-shopify-migration" title="Magento to Shopify Migration Service">Magento to Shopify Migration Service</a> <span class="spacer">/</span> </span> <span class="link-box"> <a href="/magento-subscription-development" title="Magento Subscription Development">Magento Subscription Development</a> </span> </div> </div> </div> </div> <div class="bottom-footer"> <div class="container"> <ul class="soc-links"> <li>Follow Us:</li> <li class="fcbk"><a title="Plumrocket on Facebook" href="https://www.facebook.com/plumrocket" rel="noreferrer nofollow" target="_blank"><span class="sprite-icon">Facebook</span></a></li> <li class="twtr"><a title="Plumrocket on Twitter" href="https://twitter.com/plumrocket" rel="noreferrer nofollow" target="_blank"><span class="sprite-icon">Twitter</span></a></li> <li class="lnkdn"><a title="Plumrocket on LinkedIn" href="https://www.linkedin.com/company/plumrocket-inc" rel="noreferrer nofollow" target="_blank"><span class="sprite-icon">LinkedIn</span></a></li> <li class="ytb"><a title="Plumrocket YouTube Channel" href="https://www.youtube.com/plumrocket" rel="noreferrer nofollow" target="_blank"><span class="sprite-icon">YouTube</span></a></li> </ul> <span class="footer-icons"> <a href="javascript: verifyPayPal()" rel="nofollow"> <img class="unveil" data-src="https://plumrocket.com/skin/frontend/p/d/images/paypal_sec_footer.jpg" width="123" height="32" alt="Secured by PayPal" /> </a> </span> <span class="plr-footer">Plumrocket Inc. © 2008 - 2024</span> </div> </div> <div class="global-site-notice notice-cookie prgdpr-notice" id="notice-cookie-block" style="display: none;"> <div class="notice-inner prgdpr-notice__content"> <div class="notice-text prgdpr-notice__text"><p>This website requires cookies to provide all of its features. For more information on what data is contained in the cookies, please see our <a href="https://plumrocket.com/cookie-policy/" target="_blank">Cookie Policy</a> page. To accept cookies from this site, please click the Allow button below.</p></div> <div class="actions prgdpr-notice__actions"> <button class="button prgdpr-notice__button" onclick="allowSaveCookie()"> <span><span>Accept</span></span> </button> <button class="button prgdpr-notice__button second" onclick="declineCookie()"> <span><span>Decline</span></span> </button> </div> </div> </div> <div id="mc_aholder" style="display:none;"> <!-- ESI START DUMMY COMMENT [] --> <!-- ESI URL DUMMY COMMENT --> <div class="minicart_head_holder"> <a href="javascript: void(0);" onclick="ajaxCart.controlMinicart();" rel="nofollow" class="minicart_link skip-link skip-cart no-count"> <span class="sprite-icon"></span> <span class="label">My cart</span> <span class="count">0</span> </a> <div id="pac-mini-cart" class="p-border-box"> <div class="arrow_box"></div> <div> <div class="pac-minicart-wrapper"> <p class="empty">You have no items in your shopping cart.</p> </div> </div> </div></div><script type="text/javascript">if(typeof pfj_js=="undefined")pfj_js={};pfj_js["dcf74d904eca3ea6654d58308fb0079f"]="<script type=\"text\/javascript\">\n ajaxCart.items = {};\n<\/script>"</script> <!-- ESI END DUMMY COMMENT [] --> </div> </div> </div> </div> <!-- open popup login --> <!-- Accessibility Code for "plumrocket.com" --> <script type="text/javascript"> function pfjRun(key){ if (typeof pfj_js[key]!=="undefined"){ jQuery("body").append(pfj_js[key]); } else { } } </script><!--[if lt IE 7]> <script type="text/javascript"> //<![CDATA[ var BLANK_URL = 'https://plumrocket.com/js/blank.html'; var BLANK_IMG = 'https://plumrocket.com/js/spacer.gif'; //]]> </script> <![endif]--><script type="text/javascript"> BASE_URL = 'https://plumrocket.com/'; </script><script type="text/javascript" src="https://plumrocket.com/media/js/0fc8a919019f14f92e83914ac471a1e9-1704872059.js"></script><script type="text/javascript"> //<![CDATA[ Mage.Cookies.path = '/'; Mage.Cookies.domain = '.plumrocket.com'; //]]> </script><script type="text/javascript"> //<![CDATA[ optionalZipCountries = ["HK","IE","MO","PA"]; //]]> </script><script> setTimeout(function() { !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '337310743796709', {}, {agent: 'exmagento-1.8.1.0-2.6.0' }); fbq('track', 'PageView', { source: 'magento', version: "1.8.1.0", pluginVersion: "2.6.0" }); }, 4000); </script><script async src="https://www.googletagmanager.com/gtag/js?id=G-KMF6R9SSNT"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} function ga(){console.warn('ga() call');} gtag('js', new Date()); gtag('config', 'G-KMF6R9SSNT'); </script><script type="text/javascript"> var _prBanner = new prBanner("https://plumrocket.com/bannerpro/tracking/views/"); </script><script> PR_GDPR.setOptions({ declineCookieName: 'prgdpr_consent_cookie_decline' }); PR_GDPR.setUrls({ updateList: 'https://plumrocket.com/privacy-center/consent/list/', consent: 'https://plumrocket.com/privacy-center/consent/add/', pageContent: 'https://plumrocket.com/privacy-center/consent/page/', later: 'https://plumrocket.com/privacy-center/consent/later/', allowedCookie: 'https://plumrocket.com/privacy-center/consent/cookie/', consentCookie: 'https://plumrocket.com/privacy-center/consent/consentcookie/', declineCookie: 'https://plumrocket.com/privacy-center/consent/declinecookie/' }); PR_GDPR.showUpdates(); </script><script type="text/javascript"> newsletterPopup = new newsletterPopupClass({ enable_analytics: 1, area: 'category', cmsPage: '', categoryId: 35, productId: 0, action_url: 'https://plumrocket.com/newsletterpopup/index/subscribe/', cancel_url: 'https://plumrocket.com/newsletterpopup/index/cancel/', block_url: 'https://plumrocket.com/newsletterpopup/index/block/', history_url: 'https://plumrocket.com/newsletterpopup/index/history/' }); </script><script type="text/javascript">//<![CDATA[ var Translator = new Translate({"continent_name":"Continent Name","continent_code":"Continent Code","country_name":"Country Name","country_code":"Country Code","is_in_european_union":"Is In European Union","subdivision_1_name":"State","subdivision_1_iso_code":"State Code","subdivision_2_name":"Subdivision 2 Name","subdivision_2_iso_code":"Subdivision 2 Code","city_name":"City Name","postal_code":"Postal Code","time_zone":"Time Zone","metro_code":"Metro Code","latitude":"Latitude","longitude":"Longitude","database_name":"Database Name"}); //]]></script><script type="text/javascript"> setLinksToBody = function (linksString) { function createTag(type, url) { var element = document.createElement(type); if (type === 'script') { element.src = url; element.type = 'text/javascript'; } else if (type === 'link') { element.href = url; element.rel = 'stylesheet'; } return element; } (function () { var regExpUrl = /[-a-zA-Z0-9@:%_\+.~#?&\/=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&\/=]*)?/gi; var regExpComment = /<!--.*?-->/gs; if (linksString != '') { var documentFragment = document.createDocumentFragment(); if (regExpComment.test(linksString)) { var newLinksString = linksString.replace(regExpComment, ''); var linksForIe = linksString.match(regExpComment).join(''); var text = document.createComment(linksForIe); documentFragment.appendChild(text); } else { var newLinksString = linksString; } var linksList = newLinksString.match(regExpUrl); var len = linksList.length; for (var i = 0; i < len; i++) { if (linksList[i].indexOf('.css') != -1) { documentFragment.appendChild(createTag('link', linksList[i])); } else if (linksList[i].indexOf('.js') != -1) { documentFragment.appendChild(createTag('script', linksList[i])); } } document.body.appendChild(documentFragment); } else return ''; })() } </script><script type="text/javascript"> //<![CDATA[ if (window.Translator) { Translator.add('Qty','Qty'); Translator.add('Edit','Edit'); Translator.add('Edit item parameters','Edit item parameters'); Translator.add('Close','Close'); } var minicartTemplate = 0; var successNotificationAction = ( minicartTemplate == '1' ) ? 'javascript: ajaxCart.showMinicart()' : 'https://plumrocket.com/checkout/cart/'; var successNotificationTemplate = '<div class="pac-cf">' +'<div class="plumajaxcart-notification pac-short">' +'<span class="pac-desktop-close" onclick="ajaxCart.hideMessages();">✕</span>' +'<div>' +'<div class="pac-product">' +'<table>' +'<tr>' +'<td class="pac-amount pac-added-qty">' +'<span>{qty}</span>' +'</td>' +'<td class="pac-img"><img src="{image}" width="40" height="40"></td>' +'<td class="pac-text">{text}</td>' +'</tr>' +'</table>' +'</div>' +'<div class="pac-button-hld">' +'<a href="' + successNotificationAction + '" class="pac-button">View cart & Checkout</a>' +'<a href="javascript: void(0);" onclick="ajaxCart.hideMessages();" class="pac-button pac-mobile-close" style="margin-top: 5px;">Close</a>' +'</div>' +'</div>' +'</div>' +'</div>'; var warningNotificationTemplate = '<div class="plumajaxcart-notification pac-{type}">' +'<span class="pac-desktop-close" onclick="ajaxCart.hideMessages();">✕</span>' +'<div>' +'<div class="pac-message">' +'{text}' +'</div>' +'<div class="pac-button-hld pac-mobile-close"><a href="javascript: void(0);" onclick="ajaxCart.hideMessages();" class="pac-button">Close</a></div>' +'</div>' +'</div>'; ajaxCart = new _plAjaxCart({ cartUrl:'https://plumrocket.com/checkout/cart/',wishlistUrl:'https://plumrocket.com/wishlist/',addToCartUrl:'https://plumrocket.com/ajaxcart/cart/add/',deleteFromCartUrl:'https://plumrocket.com/ajaxcart/cart/delete/',configureUrl:'https://plumrocket.com/ajaxcart/cart/configure/',configureWishlistUrl:'https://plumrocket.com/ajaxcart/cart/wishlistconfigure/',updateQtytUrl:'https://plumrocket.com/ajaxcart/cart/updateQty/',updateItemUrl:'https://plumrocket.com/ajaxcart/cart/updateItemOptions/',addToCartFromWishlistUrl:'https://plumrocket.com/ajaxcart/cart/addFromWishlist/',applyDiscountCodeUrl:'https://plumrocket.com/ajaxcart/cart/couponPost/',applyRewardPointsUrl:'https://plumrocket.com/ajaxcart/cart/activatePoints/',deactivateRewardPointsUrl:'https://plumrocket.com/ajaxcart/cart/deactivatePoints/', showQtyOnAddButton: 1, afterAddShow : 0, unexpectedError : 'Unexpected Error. Please try again later or <a href="https://plumrocket.com/contacts/">contact us.</a>', isCartPage : 0, isConfigurePage : 0, isCheckoutPage : 0, dinamicDefaultBlocks : ['minicart_head'], categoryId : 35, isWishlistPage : 0, isCategoryPage : 1, //dinamicCartPageBlocks : ['checkout.cart.totals', 'checkout.cart.items'], dinamicCartPageBlocks : ['content'], micartTemplate : minicartTemplate, popupWidth : 670, successNotificationTemplate : successNotificationTemplate, warningNotificationTemplate : warningNotificationTemplate }); ajaxCart.parseAddToCartButtons = function(){ }; pjQuery_1_10_2(document).ready(function(){ ajaxCart.onReady['minicart'] = function(){ ajaxCart.parseAddToCartButtons(); pjQuery_1_10_2('#header .skip-link,.header-container .skip-link').click(function(){ if (pjQuery_1_10_2(this).hasClass('minicart_link')) return; ajaxCart.hideMinicart(); }); pjQuery_1_10_2('.pac-minicart-wrapper .details').mouseover(function(){ pjQuery_1_10_2(this).prev().find('.item-options').show().parent().addClass('show'); }).mouseleave(function(){ pjQuery_1_10_2(this).prev().find('.item-options').hide().parent().removeClass('show'); }); }; }); //]]> </script><script> var loadPlumrocketDeferredStyles = function() { setLinksToBody('<li'+'nk rel="stylesheet" type="text/css" href="https://plumrocket.com/media/css/9e5ef6e6e4453c27ff2869901162414e-1-SSL-1731940575.css" media="all" /><!--[if lt IE 9]><li'+'nk rel="stylesheet" type="text/css" href="https://plumrocket.com/media/css/b06ace6bd88c4ce51c7673969bfb1996-1-SSL-1621439924.css" media="all" /><![endif]-->'); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadPlumrocketDeferredStyles, 0); }); else window.addEventListener('load', loadPlumrocketDeferredStyles); </script><script type="text/javascript"> (function() { var blockTag = "turpentine-esi-block-f274fb17a2820733eabe163d2185f826ace8e60b70010a3d39f8bb341783dafa", esiUrl = "https:\/\/plumrocket.com\/turpentine\/esi\/getBlock\/method\/ajax\/access\/private\/ttl\/0\/hmac\/3f25ff6602da8eeec45562da94dda82eac1d5ceb918fce6249ab626bf23533a4\/data\/9g5wmBXh3VrZoa3.Gjp1NIxWiuSNmdrwO1XFW3fxMQRkbUyrO8JI-.2t.VEfAJm74ckVG7YzvVIrwmrsMFyCQ1K0exEAeGYPjPFZ83Hc8zXSV7K.wJthKxCMlTNDw3M3kPUtur7MRTzhAVNM.jyABl0arNiGR.Ig2.2VsH-c.HF87zDqwUjHZvE-ekaecO84d5rRrZSz8vqCTjzV3rEzoKRqrzxKeYeCtWAXfpoMPy1kFJr9aoA2JBOWSvY1eqH4KQ.-z4deXJc1mls.JyVmacAvgTByHg.45wby-Cb1QkvKoT5gOrz7I-d5t44Pt4igmVyXIhZa2V92nnEq87YsQdG6GfwO-lEixh4kxDfAf0E=\/"; if (typeof Ajax === 'object' && typeof Ajax.Updater === 'function' && typeof Event === 'function' ) { Event.observe( window, "load", function() { setTimeout( function() { new Ajax.Updater( blockTag, esiUrl, { method: "get", evalScripts: true, onSuccess: function() { $(blockTag).appear({ duration: 0.3 }); } } ); }, 10 ); } ); } else if (typeof jQuery === 'function') { jQuery(document).ready( function() { setTimeout( function() { jQuery.ajax( { url: esiUrl, type: "get", dataType: "html" } ).done(function(data) { jQuery('#'+blockTag).html(data).fadeIn(300); }); }, 10 ); } ); } })(); </script><script type="text/javascript"> var pac_cb = function() { try{ setLinksToBody('<li'+'nk rel="stylesheet" type="text/css" href="https://plumrocket.com/media/css/66fa0a3b8e938d153cf280342ea2c91f-1-SSL-1726747944.css" media="all" /><scr'+'ipt type="text/javascript" src="https://plumrocket.com/media/js/b8d2513a48feb2d98e9f67dd4cf90d57-1721212126.js"></scr'+'ipt>'); } catch(err) { console.log(err); } }; if (typeof requestAnimationFrame != 'undefined'){ requestAnimationFrame(pac_cb); } else if (typeof mozRequestAnimationFrame != 'undefined'){ mozRequestAnimationFrame(pac_cb); } else if (typeof webkitRequestAnimationFrame != 'undefined'){ webkitRequestAnimationFrame(pac_cb); } else if (typeof msRequestAnimationFrame != 'undefined'){ msRequestAnimationFrame(pac_cb); } else if (typeof window.addEventListener != 'undefined'){ window.addEventListener('load', pac_cb); } else { pac_cb(); } </script><script type="text/javascript"> ;_prBanner.registerBanner({"banner_id":"1006","placeholder_id":"14","group_id":"111","campaign_id":"112"});</script><script type="text/javascript"> ;_prBanner.registerBanner({"banner_id":"1007","placeholder_id":"15","group_id":"111","campaign_id":"112"});</script><script type="text/javascript">pfjRun("2149127d2293ec5db44505b5368cab0b");</script><script src="https://accounts.google.com/gsi/client"></script><script> function loadOneTapLogin () { if (!_CUSTOMER_IS_LOGGED_IN) { google.accounts.id.initialize({ client_id: "557792321819-49mvb4uikhug8l85qo7rd59nkb12hkjn.apps.googleusercontent.com", cancel_on_tap_outside: false, auto_select: false, context: "use", prompt_parent_id: "", // use_fedcm_for_prompt: true, // itp_support: false, scope: 'https://www.googleapis.com/auth/compute', callback: handleOnetapResponse = (credential) => { console.log(credential); jQuery.ajax({ url: "https://plumrocket.com/pslogin/account/login/type/googleonetap/", type: "POST", data: credential, showLoader: true }).done(function (data) { if (/<\/?[a-z][\s\S]*>/i.test(data)) { jQuery('body').append(data); return; } if (data.redirectUrl) { window.location.href = data.redirectUrl; return; } let $ul = jQuery('<ul>').addClass('messages'), $li = jQuery('<li>').addClass('error-msg'), $innerUl = jQuery('<ul>'), $innerLi = jQuery('<li>'), $span = jQuery('<span>').text('Sorry, but something went wrong while connecting social account.'); $innerLi.append($span); $innerUl.append($innerLi); $li.append($innerUl); $ul.append($li); jQuery('.main-container .col-main').prepend($ul); }).fail(function(jqXHR, textStatus, errorThrown) { let $ul = jQuery('<ul>').addClass('messages'), $li = jQuery('<li>').addClass('error-msg'), $innerUl = jQuery('<ul>'), $innerLi = jQuery('<li>'), $span = jQuery('<span>').text('Sorry, but something went wrong while connecting social account.'); $innerLi.append($span); $innerUl.append($innerLi); $li.append($innerUl); $ul.append($li); jQuery('.main-container .col-main').prepend($ul); }); } }); google.accounts.id.prompt(); } } window.addEventListener('load', loadOneTapLogin); </script><script type="text/javascript">pfjRun("bf2c1244a7ff30c38141e0bcd7482210");</script><script type="text/javascript"> (function() { var blockTag = "turpentine-esi-block-3fe732c692ac780bca1a671f8dc8fe4982a2bb28e830994d6d6b46a6116ecda4", esiUrl = "https:\/\/plumrocket.com\/turpentine\/esi\/getBlock\/method\/ajax\/access\/private\/ttl\/0\/hmac\/23d7d4bbb2f4379db3776b09acbd104f566f6812c4a7c45426e8b6b10559a93a\/data\/9g5wmBXh3Vp5FQk8H2CCOlm.ABxNaryv-dHzJA0kY0O0IocsDS.8AhTq1cTPeh64cMnEi.g-1bm8toBq87mQe8.it4myIXyH-GrBdHvsEEg7vTel0otMpYaESnxF68Olv9c2LzibG8n0C.OBcyXEptgwkswNTXsOwJ2UPlxrWidyInE3yjeCowcLUbPHulnJP1d0RmR4dNFNxyNIIrHNxkWudKIIVD9nxNo8Hq-hCNvTVRXiVCFFtE7G9r0Ot2JzembwLse7yVTRlv81ja4TCOqc45ZObM8m6Aytr6iIy4IevZsUUHAhMhDw-mq78pTqsLEv-eLZMclPMmBR9sj6C8umVGChkAIoL7T4LVhtNofrbP6O633qWA==\/"; if (typeof Ajax === 'object' && typeof Ajax.Updater === 'function' && typeof Event === 'function' ) { Event.observe( window, "load", function() { setTimeout( function() { new Ajax.Updater( blockTag, esiUrl, { method: "get", evalScripts: true, onSuccess: function() { $(blockTag).appear({ duration: 0.3 }); } } ); }, 4000 ); } ); } else if (typeof jQuery === 'function') { jQuery(document).ready( function() { setTimeout( function() { jQuery.ajax( { url: esiUrl, type: "get", dataType: "html" } ).done(function(data) { jQuery('#'+blockTag).html(data).fadeIn(300); }); }, 4000 ); } ); } })(); </script><script type="text/javascript"> (function() { var blockTag = "turpentine-esi-block-a6ed212e3d91e1f280653cec3bcef2800683cf9877dddf8505f5a89abc38bf0f", esiUrl = "https:\/\/plumrocket.com\/turpentine\/esi\/getBlock\/method\/ajax\/access\/private\/ttl\/0\/hmac\/f088d0109c1932abef9d16d4b002c5c7bd0c21d5c87ea03f19d6fd2e8309417a\/data\/fR14RNgzKB00PqkaSZXy5JiOqiyfTxNAfbvgd.Ky9qaTY9y5vQhRLEwIGDC0g4CR3188XY1akyzXNg5j2mIAN.Yg3M2BEA9qPs7i1Qn08T6wGguOrWtBloeBxENoVkrWz3hMPkajf.xftSq7magvXUrGe.jDJj2-t.YeuBeFnMI2OPV.9Na1fQ0FibCFv1HrnPR7DhJfegMRU.vMI.SymvIYEO7Lx8Cz5.iZLKw96upAmWb9D9yEFRCwkxzPVVj1Zxg23k-9J.AEX9uLNVuGfUcwcyt7vZgbGoHU3GgdnUfgzkTKE7.BDmyaoyTWvFoD2eNV6pXq1aUGlcSIBpISdVEYOb2lNJ06apk9k4b2RpFzuFJe3.5y0Q==\/"; if (typeof Ajax === 'object' && typeof Ajax.Updater === 'function' && typeof Event === 'function' ) { Event.observe( window, "load", function() { setTimeout( function() { new Ajax.Updater( blockTag, esiUrl, { method: "get", evalScripts: true, onSuccess: function() { $(blockTag).appear({ duration: 0.3 }); } } ); }, 4000 ); } ); } else if (typeof jQuery === 'function') { jQuery(document).ready( function() { setTimeout( function() { jQuery.ajax( { url: esiUrl, type: "get", dataType: "html" } ).done(function(data) { jQuery('#'+blockTag).html(data).fadeIn(300); }); }, 4000 ); } ); } })(); </script><script type="text/javascript"> (() => { jQuery(document).ready(function () { const btnPromotion = document.getElementById('subscribe_popup-btn'); btnPromotion.addEventListener('click', (e) => { e.preventDefault(); newsletterPopup.show(33); }) newsletterPopup.load(33); }); })() </script><script type="text/javascript"> /* <![CDATA[ */ function allowSaveCookie() { Mage.Cookies.set('user_allowed_save_cookie', '{"1":1}', new Date(new Date().getTime() + 31536000 * 1000)); if (Mage.Cookies.get('user_allowed_save_cookie')) { PR_GDPR.logCookieConsent(function (result) { if (!result.logged) { Mage.Cookies.set('prgdpr_accept_cookie_params', result.data, new Date(new Date().getTime() + 31536000 * 1000)); } window.location.reload(); }); } else { window.location.href = 'https://plumrocket.com/cms/index/noCookies/'; } } function declineCookie() { Mage.Cookies.set('prgdpr_consent_cookie_decline', '{"1":1}', new Date(new Date().getTime() + 31536000 * 1000)); if (Mage.Cookies.get('prgdpr_consent_cookie_decline')) { PR_GDPR.logCookieDecline(function (result) { if (!result.logged) { Mage.Cookies.set('prgdpr_decline_cookie_params', result.data, new Date(new Date().getTime() + 31536000 * 1000)); } }); PR_GDPR.hideCookieNotice(); } } /* ]]> */ </script><script type="text/javascript">pfjRun("dcf74d904eca3ea6654d58308fb0079f");</script><script type="text/javascript"> pjQuery_1_10_2(document).ready(function(){ pjQuery_1_10_2('.header-container .links .top-link-cart, .header-container .top-cart .block-title, #header .links .top-link-cart').each(function(){ var topLink = pjQuery_1_10_2(this); var h = pjQuery_1_10_2('#mc_aholder'); var contents = h.contents(); h.remove(); topLink.after(contents).remove(); }); ajaxCart.onDocumentReady(true); }); </script><script type="text/javascript">//<![CDATA[ _prBanner.run(); //]]></script><script type="text/javascript"> var pfj_cb = function() { setLinksToBody(''); }; if (typeof requestAnimationFrame != 'undefined'){ requestAnimationFrame(pfj_cb); } else if (typeof mozRequestAnimationFrame != 'undefined'){ mozRequestAnimationFrame(pfj_cb); } else if (typeof webkitRequestAnimationFrame != 'undefined'){ webkitRequestAnimationFrame(pfj_cb); } else if (typeof msRequestAnimationFrame != 'undefined'){ msRequestAnimationFrame(pfj_cb); } else if (typeof window.addEventListener != 'undefined'){ window.addEventListener('load', pfj_cb); } else { pfj_cb(); } </script><script defer> window.onload = function () { window.onscroll = initZopim } function initZopim() { if (window.$zopim) { return; } /* Start of Zopim Live Chat Script */ window.$zopim||( function(d,s){ var z=$zopim=function(c){z._.push(c)},$=z.s= d.createElement(s),e=d.getElementsByTagName('body')[0];z.set=function(o){z.set. _.push(o)};z._=[];z.set._=[];$.async=!0;$.defer=!0;$.setAttribute('charset','utf-8'); $.src='//v2.zopim.com/?1BnH5slz9d1GdOtt0t5jrncU6UkoBu0w';z.t=+new Date;$. type='text/javascript';e.appendChild($); } )(document,'script'); $zopim(function() { $zopim.livechat.button.setPosition('br'); $zopim.livechat.theme.setTheme('simple'); $zopim.livechat.theme.setColor('#66a719'); $zopim.livechat.bubble.setTitle('Questions?'); $zopim.livechat.bubble.setText('Chat with us'); $zopim.livechat.badge.setText('Chat with us'); $zopim.livechat.bubble.show(); $zopim.livechat.badge.setImage('/media/wysiwyg/chat-icon.png'); $zopim.livechat.badge.setLayout('image_left'); $zopim.livechat.badge.setColor('#66a719'); $zopim.livechat.button.setOffsetHorizontalMobile(-6); $zopim.livechat.setOnStatus(function(status) { if (typeof status == 'undefined') { return; } if (status !== 'online') { // sets color for OFFLINE $zopim.livechat.button.setColor('#929292'); $zopim.livechat.badge.setColor('#929292'); $zopim.livechat.theme.reload(); // apply new theme settings } }); $zopim.livechat.window.setTitle('Plumrocket Support'); $zopim.livechat.window.onShow(()=>{toggleVisibleADABtn('hide')}); $zopim.livechat.window.onHide(()=>{toggleVisibleADABtn('show')}); $zopim.livechat.setGreetings({ 'online': ['Click here to chat', 'Leave a question or comment and our agents will try to attend to you shortly =)'], 'offline': ['Chat OFFLINE, leave a message', 'We are offline, but if you leave your message and contact details, we will try to get back to you =)'], 'away': ['Click here to chat', 'If you leave a question or comment, our agents will be notified and will try to attend to you shortly =)']}) if (window.location.hash === '#livechat') { $zopim.livechat.window.show(); } }); function toggleVisibleADABtn(param){ const INDbtnWrap = document.querySelector('#INDshadowRootWrap'); if(INDbtnWrap && isMobile()){ if(param === 'show'){ INDbtnWrap.style.display = 'block' } else if(param === 'hide'){ INDbtnWrap.style.display = 'none' } } } function isMobile() { return /Mobi|Android|iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent); } } </script><script> setTimeout(function() { fbq('trackCustom', 'ViewCategory', { source: 'magento', version: "1.8.1.0", pluginVersion: "2.6.0" , content_category: "User Experience" }); }, 4200); </script><script> jQuery(document).ready(function(){ if (window.location.toString().indexOf('?customer-register-form') != -1) { setTimeout(function(){ jQuery('.show_popup_register_form').click(); }, 1000); } }); </script><script> /* Want to customize your button? visit our documentation page: https://login.equalweb.com/custom-button.taf */ if (localStorage.getItem('INDbtnPosition') !== null) { localStorage.removeItem('INDbtnPosition'); } window.interdeal = { "sitekey": "5dff439cc12123e492f69b41e9997026", "Position": ['left','right'], "domains": { "js": "https://cdn.equalweb.com/", "acc": "https://access.equalweb.com/" }, "Menulang": "EN", "btnStyle": { "vPosition": [ "calc(100% - 65px)", "95%" ], "scale": [ "0.6", "0.6" ], "color": { "main": "#6e7577", "second": "#ffffff" }, "icon": { "type": 11, "shape": "circle" } } }; (function(doc, head, body){ var coreCall = doc.createElement('script'); coreCall.src = interdeal.domains.js + 'core/5.0.9/accessibility.js'; coreCall.defer = true; coreCall.integrity = 'sha512-dxjHZQgpVIG70EQus4+1KR3oj2KGyrtwR/nr4lY+tcMjrQ1Yb9V1SCKNVLGhD3CcPMgANKAqOk4ldI8WWNnQTw=='; coreCall.crossOrigin = 'anonymous'; coreCall.setAttribute('data-cfasync', true ); body? body.appendChild(coreCall) : head.appendChild(coreCall); })(document, document.head, document.body); </script></body> </html>