- Scan ID:
- f7251539-66be-469d-b333-9a9cab6a0a47Finished
- Submitted URL:
- https://pdhomeandgarden.com/
- Report Finished:
Links · 11 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://pdhome.wizcommerce.com/all-products/search?search=PDCY05&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDCY05 |
| https://pdhome.wizcommerce.com/all-products/search?search=PDHU03&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDHU03 |
| https://pdhome.wizcommerce.com/all-products/search?search=PDGW002&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDGW002 |
| https://pdhome.wizcommerce.com/all-products/search?search=PDGE007&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDGE007 |
| https://pdhome.wizcommerce.com/all-products/search?search=PDOP003-B&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDOP003-B |
| https://pdhome.wizcommerce.com/all-products/search?search=PDGE005&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDGE005 |
| https://pdhome.wizcommerce.com/all-products/search?search=PDVO022&type=sku_id&filters*inventory_status=IN_STOCK&&page=1 | PDVO022 |
| https://www.google.com/maps/place/2480+West+Dr+%232480,+Phoenixville,+PA+19460,+USA/@40.1243848,-75.4594892,17z/data=!3m1!4b1!4m5!3m4!1s0x89c691f762362f39:0x6d29816f5c5c8968!8m2!3d40.1243848!4d-75.4569143?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D | 2480 West Drive, Suite 2480 Oaks, Pennsylvania 19456 |
| https://www.facebook.com/pdhomeandgarden/ | |
| https://www.instagram.com/pdhomeandgarden/?hl=en |
JavaScript Variables · 53 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| tenantId | string |
| tenant_api_url | string |
| _wpemojiSettings | object |
| $ | undefined |
| jQuery | function |
Console log messages · 3 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| log | other |
|
| log | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en-US" class=""><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>PD Home</title>
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/pPK749sccDmVW_9DSeTMVvh2/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-BJuEtmqk8gvp2kvOiXzxtaoRQQS7QjSOSAczV0tKC29lpbOt/RFR43n1iVnzO4Em"></script><script>
window.tenantId = "eef6069a-777e-476d-a346-118ecf162706";
</script>
<script>
window.tenant_api_url = "https:\/\/ultronapi-g-p.sourcerer.tech";
</script>
<meta name="robots" content="max-image-preview:large">
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<link rel="alternate" type="application/rss+xml" title="PD Home » Feed" href="https://pdhomeandgarden.com/feed/">
<link rel="alternate" type="application/rss+xml" title="PD Home » Comments Feed" href="https://pdhomeandgarden.com/comments/feed/">
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/pdhomeandgarden.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--accent: #e22658;--wp--preset--color--primary: #000000;--wp--preset--color--secondary: #6d6d6d;--wp--preset--color--subtle-background: #dbdbdb;--wp--preset--color--background: #ffffff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 18px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 26.25px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 21px;--wp--preset--font-size--larger: 32px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" id="contact-form-7-css" href="https://pdhomeandgarden.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0" media="all">
<link rel="stylesheet" id="twentytwenty-style-css" href="https://pdhomeandgarden.com/wp-content/themes/twentytwenty/style.css?ver=2.6" media="all">
<style id="twentytwenty-style-inline-css">
.color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,.has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline,a { color: #e22658; }blockquote,.border-color-accent,.border-color-accent-hover:hover,.border-color-accent-hover:focus { border-color: #e22658; }button,.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link { background-color: #e22658; }.fill-children-accent,.fill-children-accent * { fill: #e22658; }:root .has-background-color,button,.button,.faux-button,.wp-block-button__link,.wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.wp-block-button,.comment-reply-link,.has-background.has-primary-background-color:not(.has-text-color),.has-background.has-primary-background-color *:not(.has-text-color),.has-background.has-accent-background-color:not(.has-text-color),.has-background.has-accent-background-color *:not(.has-text-color) { color: #ffffff; }:root .has-background-background-color { background-color: #ffffff; }body,.entry-title a,:root .has-primary-color { color: #000000; }:root .has-primary-background-color { background-color: #000000; }cite,figcaption,.wp-caption-text,.post-meta,.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li,.wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date,.wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-pullquote cite,.comment-metadata,.comment-respond .comment-notes,.comment-respond .logged-in-as,.pagination .dots,.entry-content hr:not(.has-background),hr.styled-separator,:root .has-secondary-color { color: #6d6d6d; }:root .has-secondary-background-color { background-color: #6d6d6d; }pre,fieldset,input,textarea,table,table *,hr { border-color: #dbdbdb; }caption,code,code,kbd,samp,.wp-block-table.is-style-stripes tbody tr:nth-child(odd),:root .has-subtle-background-background-color { background-color: #dbdbdb; }.wp-block-table.is-style-stripes { border-bottom-color: #dbdbdb; }.wp-block-latest-posts.is-grid li { border-top-color: #dbdbdb; }:root .has-subtle-background-color { color: #dbdbdb; }body:not(.overlay-header) .primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a,.footer-menu a, .footer-widgets a:where(:not(.wp-block-button__link)),#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote:before,.singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent,.header-footer-group .color-accent-hover:hover { color: #cd2653; }.social-icons a,#site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button,#site-footer .wp-block-button__link,#site-footer .wp-block-file__button,#site-footer input[type="button"],#site-footer input[type="reset"],#site-footer input[type="submit"] { background-color: #cd2653; }.header-footer-group,body:not(.overlay-header) #site-header .toggle,.menu-modal .toggle { color: #000000; }body:not(.overlay-header) .primary-menu ul { background-color: #000000; }body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #000000; }body:not(.overlay-header) .primary-menu ul ul:after { border-left-color: #000000; }.site-description,body:not(.overlay-header) .toggle-inner .toggle-text,.widget .post-date,.widget .rss-date,.widget_archive li,.widget_categories li,.widget cite,.widget_pages li,.widget_meta li,.widget_nav_menu li,.powered-by-wordpress,.footer-credits .privacy-policy,.to-the-top,.singular .entry-header .post-meta,.singular:not(.overlay-header) .entry-header .post-meta a { color: #6d6d6d; }.header-footer-group pre,.header-footer-group fieldset,.header-footer-group input,.header-footer-group textarea,.header-footer-group table,.header-footer-group table *,.footer-nav-widgets-wrapper,#site-footer,.menu-modal nav *,.footer-widgets-outer-wrapper,.footer-top { border-color: #dcd7ca; }.header-footer-group table caption,body:not(.overlay-header) .header-inner .toggle-wrapper::before { background-color: #dcd7ca; }
</style>
<link rel="stylesheet" id="twentytwenty-fonts-css" href="https://pdhomeandgarden.com/wp-content/themes/twentytwenty/assets/css/font-inter.css?ver=2.6" media="all">
<link rel="stylesheet" id="twentytwenty-print-style-css" href="https://pdhomeandgarden.com/wp-content/themes/twentytwenty/print.css?ver=2.6" media="print">
<link rel="stylesheet" id="elementor-frontend-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="widget-divider-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="e-animation-slideInLeft-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/lib/animations/styles/slideInLeft.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="widget-heading-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="widget-text-editor-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="widget-image-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="widget-nav-menu-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.24.4" media="all">
<link rel="stylesheet" id="swiper-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5" media="all">
<link rel="stylesheet" id="e-swiper-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.24.7" media="all">
<link rel="stylesheet" id="elementor-post-6-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/post-6.css?ver=1731427430" media="all">
<link rel="stylesheet" id="elementor-pro-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=3.24.4" media="all">
<link rel="stylesheet" id="elementor-global-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/global.css?ver=1730186457" media="all">
<link rel="stylesheet" id="widget-hotspot-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/css/widget-hotspot.min.css?ver=3.24.4" media="all">
<link rel="stylesheet" id="elementor-post-3727-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/post-3727.css?ver=1731427440" media="all">
<link rel="stylesheet" id="elementor-post-1661-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/post-1661.css?ver=1731427430" media="all">
<link rel="stylesheet" id="elementor-post-3560-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/post-3560.css?ver=1731427440" media="all">
<link rel="stylesheet" id="elementor-post-3332-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/post-3332.css?ver=1731427431" media="all">
<link rel="stylesheet" id="elementor-icons-ekiticons-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/modules/elementskit-icon-pack/assets/css/ekiticons.css?ver=3.3.1" media="all">
<link rel="stylesheet" id="ekit-widget-styles-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/widgets/init/assets/css/widget-styles.css?ver=3.3.1" media="all">
<link rel="stylesheet" id="ekit-responsive-css" href="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/widgets/init/assets/css/responsive.css?ver=3.3.1" media="all">
<link rel="stylesheet" id="google-fonts-1-css" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CLato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CLora%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=block&ver=6.7.1" media="all">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""><script src="https://pdhomeandgarden.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://pdhomeandgarden.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/themes/twentytwenty/assets/js/index.js?ver=2.6" id="twentytwenty-js-js" defer="" data-wp-strategy="defer"></script>
<link rel="https://api.w.org/" href="https://pdhomeandgarden.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://pdhomeandgarden.com/wp-json/wp/v2/pages/3727"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://pdhomeandgarden.com/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.7.1">
<link rel="canonical" href="https://pdhomeandgarden.com/">
<link rel="shortlink" href="https://pdhomeandgarden.com/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pdhomeandgarden.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpdhomeandgarden.com%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pdhomeandgarden.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpdhomeandgarden.com%2F&format=xml">
<script>
(function() {
var userDetailsObj = localStorage.getItem("UserDetails");
var user_details = JSON.parse(userDetailsObj);
if (!user_details) {
console.log('User details not found');
return;
}
var initOpts = {
projectKey: "latpi5unIROvqPLxDX6X",
defaultInputMode: 2,
obscureTextNumbers: false,
obscureTextEmails: true,
};
var startOpts = { userID: user_details.email };
(function(A,s,a,y,e,r){
r=window.OpenReplay=[e,r,y,[s-1, e]];
s=document.createElement('script');s.src=A;s.async=!a;
document.getElementsByTagName('head')[0].appendChild(s);
s.onload = function() {
r.start();
console.log('Tracker Started');
};
s.onerror = function() {
console.error('Tracker failed to start:', error);
};
r.start=function(v){r.push([0])};
r.stop=function(v){r.push([1])};
r.setUserID=function(id){r.push([2,id])};
r.setUserAnonymousID=function(id){r.push([3,id])};
r.setMetadata=function(k,v){r.push([4,k,v])};
r.event=function(k,p,i){r.push([5,k,p,i])};
r.issue=function(k,p){r.push([6,k,p])};
r.isActive=function(){return false};
r.getSessionToken=function(){};
r.setUserID(user_details.id);
r.setMetadata('email', user_details.email);
})("//static.openreplay.com/latest/openreplay.js",1,0,initOpts,startOpts);
})();
</script>
<!-- start Simple Custom CSS and JS -->
<script>
/* Default comment here */
document.addEventListener("DOMContentLoaded", function () {
const default_suggestions = [
{
"large_label": "Search in all",
"short_label": "All",
"value": "search_string",
"is_default": false
},
{
"large_label": "In SKU ID",
"short_label": "SKU ID",
"value": "sku_id",
"is_default": true
},
{
"large_label": "In Name",
"short_label": "Name",
"value": "name",
"is_default": false
}
];
if (!localStorage.getItem("suggestions")) {
localStorage.setItem("suggestions", JSON.stringify(default_suggestions));
}
});</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script>
let prevScrollpos = window.pageYOffset;
window.onscroll = function() {
let currentScrollPos = window.pageYOffset;
const header = document.getElementById("hide-header");
const header1 = document.getElementById("hide-header1");
if (prevScrollpos > currentScrollPos) {
// Scrolling up: Show the header
if(header1){header1.classList.remove('hide-on-scroll1')};
if(header){header.classList.remove('hide-on-scroll')};
} else {
// Scrolling down: Hide the header
if(header1){header1.classList.add('hide-on-scroll1')};
if(header){header.classList.add('hide-on-scroll')};
}
prevScrollpos = currentScrollPos; // Update the previous scroll position
}
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Create a mutation observer to detect when elements are added to the DOM
const observer = new MutationObserver(function(mutations) {
mutations?.forEach(function(mutation) {
mutation?.addedNodes?.forEach(function(node) {
if (node?.classList && node?.classList?.contains('g-recaptcha')) {
// When reCAPTCHA is detected, move it to the body
document.body.appendChild(node);
node.style.position = 'fixed'; // Make it fixed
node.style.zIndex = '9999'; // Ensure it is on top
node.style.bottom = '20px'; // Adjust as needed
node.style.right = '20px'; // Adjust as needed
// Once found, stop observing
observer.disconnect();
}
});
});
});
// Start observing the entire document for added nodes
observer?.observe(document.body, { childList: true, subtree: true });
});
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script>
window.onload = function() {
var hamburger = document.getElementById('sidebar_button');
if (hamburger) {
hamburger.classList.remove('hamburger-disabled');
}
};
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script>
jQuery(document).ready(function( $ ){
const presistedData = localStorage.getItem('persist:root');
const cartData = presistedData ? JSON.parse(presistedData)?.buyer : null;
const presisted_dta = presistedData ? JSON.parse(presistedData)?.persistedUserData : null;
const auth_token = presisted_dta ? JSON.parse(presisted_dta)?.auth_access_token : null;
const cart_id = cartData ? JSON.parse(cartData)?.buyer_cart?.id : null;
const buyer_id = cartData ? JSON.parse(cartData)?.buyer_id: null;
const api_url = window.tenant_api_url;
const path = window.location.pathname;
async function fetchAndStoreData(cartId) {
try {
const response = await fetch(`${api_url}/cart/v3/detail`, {
method: 'POST', // Set the method to POST
headers: {
'Content-Type': 'application/json', // Set the appropriate headers
'Authorization': auth_token,
},
body: JSON.stringify({ cart_id: cartId }) // Ensure the body is a JSON string
});
if (!response.ok) {
throw new Error('Network response was not ok');
}
const data = await response.json();
// Store the data in local storage
localStorage.setItem('CartData', JSON.stringify(data?.cart));
} catch (error) {
console.error('Error fetching data:', error);
}
}
// Function to get data from local storage
function getDataFromLocalStorage() {
const data = localStorage.getItem('CartData');
return data ? JSON.parse(data) : null;
}
// Fetch and store data on page load if not already stored
$(window).on('load', function() {
const storedData = getDataFromLocalStorage();
if(storedData && presisted_dta && path === '/'){
fetchAndStoreData(storedData?.id);
}
if (presisted_dta && cart_id && path === '/') {
fetchAndStoreData(cart_id);
}
});
});
</script>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<style>
#hide-header1 {
top: 0;
transition: top 0.4s ease;
}
.hide-on-scroll1 {
top: -45px !important;
}
#hide-header {
top: 0;
transition: top 0.4s ease;
}
@media (min-width: 769px) {
.hide-on-scroll {
top: -45px !important;
}
}
@media (max-width: 768px) {
.hide-on-scroll {
top: 0px !important;
}
}
#login_menu_name{
font-family: 'Lora';
}
</style>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<style>
.hamburger-disabled {
pointer-events: none;
}</style>
<!-- end Simple Custom CSS and JS -->
<!-- start Simple Custom CSS and JS -->
<script src="https://kit.fontawesome.com/fa5b30ca67.js" crossorigin="anonymous"></script>
<!-- end Simple Custom CSS and JS -->
<script>document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' );</script>
<meta name="generator" content="Elementor 3.24.7; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-block">
<script>
// document.addEventListener('DOMContentLoaded', function() {
// var elementsByAttribute = document.querySelectorAll('[data-elementor-type="header"]');
// elementsByAttribute.forEach(function(element) {
// element.style.position = 'sticky';
// element.style.top = '0';
// element.style.zIndex = '200';
// });
// });
</script>
<style>
#header > .elementor-widget-search_wiz_plugin_widget {
margin-right: auto;
}
#nav_menu_with_category a {
padding-top: 3px;
}
</style>
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<style id="custom-background-css">
body.custom-background { background-color: #ffffff; }
</style>
<link rel="icon" href="https://pdhomeandgarden.com/wp-content/uploads/2024/09/cropped-pdhome-footer-logo-1-32x32.png" sizes="32x32">
<link rel="icon" href="https://pdhomeandgarden.com/wp-content/uploads/2024/09/cropped-pdhome-footer-logo-1-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://pdhomeandgarden.com/wp-content/uploads/2024/09/cropped-pdhome-footer-logo-1-180x180.png">
<meta name="msapplication-TileImage" content="https://pdhomeandgarden.com/wp-content/uploads/2024/09/cropped-pdhome-footer-logo-1-270x270.png">
<script src="https://pdhomeandgarden.com/wp-includes/js/wp-emoji-release.min.js?ver=6.7.1" defer=""></script></head>
<body class="home page-template page-template-elementor_header_footer page page-id-3727 custom-background wp-embed-responsive singular enable-search-modal missing-post-thumbnail has-no-pagination not-showing-comments show-avatars elementor_header_footer footer-top-visible reduced-spacing elementor-default elementor-template-full-width elementor-kit-6 elementor-page elementor-page-3727 e--ua-blink e--ua-chrome e--ua-webkit" data-elementor-device-mode="tablet">
<a class="skip-link screen-reader-text" href="#site-content">Skip to the content</a> <div data-elementor-type="header" data-elementor-id="3560" class="elementor elementor-3560 elementor-location-header" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-f9032ab e-con-full header-height e-flex e-con e-parent elementor-sticky elementor-sticky--effects elementor-sticky--active elementor-section--handles-inside e-lazyloaded" data-id="f9032ab" data-element_type="container" id="hide-header" data-settings="{"motion_fx_motion_fx_scrolling":"yes","sticky":"top","motion_fx_devices":["desktop","tablet","mobile"],"sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0}" style="position: fixed; width: 790px; margin-top: 0px; margin-bottom: 0px; top: 0px;">
<div class="elementor-element elementor-element-fed67ba e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="fed67ba" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-a477dc9 e-con-full e-flex e-con e-child" data-id="a477dc9" data-element_type="container">
<div class="elementor-element elementor-element-0e4bfb5 elementor-widget elementor-widget-heading" data-id="0e4bfb5" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">10% OFF on orders over $1500</p> </div>
</div>
<div class="elementor-element elementor-element-e6d2824 elementor-hidden-mobile elementor-widget elementor-widget-text-editor" data-id="e6d2824" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
| </div>
</div>
</div>
<div class="elementor-element elementor-element-1f7bd5c e-con-full e-flex e-con e-child" data-id="1f7bd5c" data-element_type="container">
<div class="elementor-element elementor-element-5b26f5a elementor-widget elementor-widget-heading" data-id="5b26f5a" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">20% OFF on orders over $5000 </p> </div>
</div>
<div class="elementor-element elementor-element-5e0c4bd elementor-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="5e0c4bd" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/all-products">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">SHOP NOW</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-9a87e44 e-con-full e-flex e-con e-child" data-id="9a87e44" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-6c78341 elementor-hidden-desktop elementor-view-default elementor-widget elementor-widget-icon" data-id="6c78341" data-element_type="widget" id="sidebar_button" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="icon icon-menu1"></i> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7898db1 e-transform elementor-widget elementor-widget-logo_wiz_plugin_widget" data-id="7898db1" data-element_type="widget" data-settings="{"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="logo_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<script>
(function() {
localStorage.setItem("wizshop_settings", JSON.stringify({"logo_with_name":"https:\/\/frontend-bucket.vercel.app\/images\/storefront\/PD-Home\/pdhome-header.svg","login_screen_logo":"https:\/\/frontend-bucket.vercel.app\/images\/storefront\/PD-Home\/pdhome-header.svg","company_name":"PD Home","company_announcement":"Get exclusive updates about product launches, sales and more!","company_email":"[email protected]","prelogin_allowed":true,"prelogin_price":false,"prelogin_inventory":false,"postlogin_inventory":true,"prelogin_inventory_status_filter":[],"buyer_tenant_id":"00000000-0000-0000-0000-000000000000","postlogin_inventory_status_filter":[],"hide_postlogin_filters":{"inventory_status":{"buckets":["OUT_OF_STOCK"]}},"active_free_trial":false}));
})();
</script><style>
.logo_container {
display: flex;
}
.logo_text {
min-width: fit-content;
}
</style><div class="logo_container">
<a href="/">
<img class="logo_image" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/pdhomeLogo.png" alt="logo" onerror="this.onerror=null; this.src='';">
</a>
<a href="/" class="logo_text"></a>
</div> <script>
document.addEventListener('DOMContentLoaded', function(){
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
};
var user_logged_in = status_check();
function is_prelogin_price() {
const wizshop_settings = localStorage.getItem('wizshop_settings');
if (wizshop_settings) {
const pre_login_settings = JSON.parse(wizshop_settings);
if (user_logged_in || (!user_logged_in && pre_login_settings?.prelogin_price)) {
return true;
}
}
return false;
};
var show_price = is_prelogin_price();
if(show_price) {
document.querySelectorAll('.product-price').forEach(priceElement => {
priceElement.style.display = 'block';
});
document.querySelectorAll('.newarrival-product-price').forEach(priceElement => {
priceElement.style.display = 'block';
});
}
})
</script>
</div>
</div>
<div class="elementor-element elementor-element-2bb7de7 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-ekit-nav-menu" data-id="2bb7de7" data-element_type="widget" data-widget_type="ekit-nav-menu.default">
<div class="elementor-widget-container">
<nav class="ekit-wid-con ekit_menu_responsive_tablet" data-hamburger-icon="" data-hamburger-icon-type="icon" data-responsive-breakpoint="1024">
<button class="elementskit-menu-hamburger elementskit-menu-toggler" type="button" aria-label="hamburger-icon">
<span class="elementskit-menu-hamburger-icon"></span><span class="elementskit-menu-hamburger-icon"></span><span class="elementskit-menu-hamburger-icon"></span>
</button>
<div id="ekit-megamenu-primary-2" class="elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default ekit-nav-menu-one-page- ekit-nav-dropdown-hover" ekit-dom-added="yes"><ul id="menu-primary-2" class="elementskit-navbar-nav elementskit-menu-po-left submenu-click-on-icon"><li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-28 nav-item elementskit-mobile-builder-content active" data-vertical-menu="750px"><a href="/" class="ekit-menu-nav-link active">HOME</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55 nav-item elementskit-dropdown-has relative_position elementskit-dropdown-menu-custom_width elementskit-megamenu-has elementskit-mobile-builder-content" data-vertical-menu="200px"><a href="/all-products/category" class="ekit-menu-nav-link">CATEGORIES<i aria-hidden="true" class="icon icon-down-arrow1 elementskit-submenu-indicator"></i></a><div class="elementskit-megamenu-panel" style=""><div class="megamenu-ajax-load" data-id="59"></div></div></li>
<li id="menu-item-3781" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3781 nav-item elementskit-mobile-builder-content" data-vertical-menu="750px"><a href="https://pdhomeandgarden.com/contact-us/" class="ekit-menu-nav-link">CONTACT US</a></li>
</ul><div class="elementskit-nav-identity-panel">
<div class="elementskit-site-title">
<a class="elementskit-nav-logo" href="https://pdhomeandgarden.com" target="_self" rel="">
<img src="" title="" alt="">
</a>
</div><button class="elementskit-menu-close elementskit-menu-toggler" type="button">X</button></div></div>
<div class="elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay"></div> </nav>
</div>
</div>
<div class="elementor-element elementor-element-b57923c e-con-full e-flex e-con e-child" data-id="b57923c" data-element_type="container">
<div class="elementor-element elementor-element-ce901ca elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-login_wiz_plugin_widget" data-id="ce901ca" data-element_type="widget" data-widget_type="login_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="login_signup" style="display: block;">
<button class="login_button" onclick="window.location.href='/user-login'">
<img class="login_image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/iconuser-1.svg" alt="image_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
</button>
</div><div class="login_user_menu_wrapper style=" display:="" none"="" style="display: none;">
<div>
<button class="login_button login_icon_menu">
<img class="login_image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/iconuser-1.svg" alt="login_image_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
</button>
</div>
<div class="login_user_menu login_icon_button" style="display: none;">
<div class="login_user_info">
<p id="login_menu_name">Hello John</p>
<p id="login_menu_id">[email protected]</p>
</div>
<div class="login_user_links"><a class="login_temp" href="/account/profile">
<img class="login_menu_icon" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/iconuser-1.svg" alt="login_alt_menu_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
<p class="login_item_text">My profile</p>
</a><a class="login_temp" href="/account/orders">
<img class="login_menu_icon" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/box.svg" alt="login_alt_menu_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
<p class="login_item_text">My orders</p>
</a><a class="login_temp" href="/" onclick="logout()">
<img class="login_menu_icon" src="http://wp-g-s.sourcerer.tech/wp-content/uploads/2024/04/logout.svg" alt="login_alt_menu_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
<p class="login_item_text"> Logout </p>
</a>
</div></div></div> <style>
.login_button{
display: flex;
cursor: pointer;
}
.login_button:focus:not(:focus-visible) {
outline: none;
}
.login_item_text{
margin:0;
}
.login_user_menu{
display: flex;
flex-direction: column;
z-index: 999;
position: absolute;
right: 0;
}
.login_user_menu_wrapper{
position: relative;
}
.login_user_info{
display: flex;
flex-direction: column;
}
#login_menu_name{
margin:0;
}
.login_user_links{
display: flex;
flex-direction: column ;
}
.login_temp{
display: flex;
flex-direction: row;
align-items: center;
}
#login_menu_id{
overflow-x: scroll;
text-wrap: nowrap;
scrollbar-width: none;
-ms-overflow-style: none;
}
</style>
<script>
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
};
document.addEventListener('DOMContentLoaded', function(){
let login_user = status_check();
if (login_user) {
document.querySelector(".login_signup").style.display = "none";
document.querySelector(".login_user_menu_wrapper").style.display = "block";
var userDetails = localStorage.getItem("UserDetails");
if (userDetails) {
var userDetailsObj = JSON.parse(userDetails);
if (userDetailsObj) {
const email = document.getElementById("login_menu_id");
const name = document.getElementById("login_menu_name");
email.textContent = userDetailsObj.email;
name.textContent = "Hello " + userDetailsObj.first_name + " " + userDetailsObj.last_name;
}
}
} else {
document.querySelector(".login_user_menu_wrapper").style.display = "none";
document.querySelector(".login_signup").style.display = "block";
}
const loginButton = document.querySelector(".login_icon_menu");
const userMenu = document.querySelector(".login_user_menu");
if (login_user) {
loginButton.addEventListener("mouseenter", function() {
userMenu.style.display = "flex";
});
loginButton.addEventListener("mouseleave", function() {
userMenu.style.display = "none";
});
userMenu.addEventListener("mouseenter", function() {
userMenu.style.display = "flex";
});
userMenu.addEventListener("mouseleave", function() {
userMenu.style.display = "none";
});
document.addEventListener("click", function(event) {
let login_userMenu = document.querySelector(".login_icon_button");
let toggleButton = document.querySelector(".login_icon_menu");
if (!login_userMenu.contains(event.target) && !toggleButton.contains(event.target) && login_userMenu.style.display !== "none") {
login_userMenu.style.display = "none";
}
});
}
})
function logout() {
localStorage.clear();
};
</script>
</div>
</div>
<div class="elementor-element elementor-element-377d4a9 elementor-widget elementor-widget-search_fw_wiz_plugin_widget" data-id="377d4a9" data-element_type="widget" data-widget_type="search_fw_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="search_icon_container" onclick="toggleSearchContainer()">
<img class="search_image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/search-1.svg" onerror="this.onerror=null; this.src=" https:="" frontend-bucket.vercel.app="" images="" search2.png";"="">
</div>
<div id="overlay"></div>
<div id="search_fw_container" style="display: none;">
<div class="search-arrow">
<img src="https://frontend-bucket.vercel.app/images/storefront/iconarrowleft.svg" alt="arrow" onclick="handle_overaly_click()">
</div>
<div id="search_container">
<input type="text" autocomplete="off" id="search_input" onclick="handle_click()" oninput="show_drop_down()" placeholder="Search..." style="padding-right: 36px;">
<div class="input_container">
<span class="clear_icon" id="clear_icon" onclick="clearSearch()" style="display: none;">Clear</span>
<img id="image_search" style="height: 24px !important; display: block;" src="https://frontend-bucket.vercel.app/images/search2.png" alt="search">
<span class="dropdown_text" id="dropdown_text" style="display: none;" onclick="handle_drop_down()"></span>
<img id="dropdown_img" onclick="handle_drop_down()" style="display: none;" src="https://frontend-bucket.vercel.app/images/dropdown.svg">
</div>
<div id="search_dropdown" class="search-mobile">
<p id="All">Search in all</p>
<p id="SKU ID">In SKU ID</p>
<p id="Name">In Name</p>
<p id="Attributes">In Attributes</p>
</div>
<div id="recent_search_dropdown" class="search-mobile">
</div>
<div id="no_recent_search" class="search-mobile">
<div id="no_recent_search_container">
<img class="search_img" src="https://frontend-bucket.vercel.app/images/search2.png" alt="search">
<p style="text-align:center;">No recent searches</p>
</div>
</div>
</div>
<div class="cross">
<img src="https://frontend-bucket.vercel.app/images/storefront/iconcross.png" alt="cross" onclick="handle_overaly_click()">
</div>
</div>
<script>
//handle render searched item
function update_input_field(searchValue) {
const dropdownContent = document.getElementById("search_dropdown");
const searchInput = document.getElementById("search_input");
const clearIcon = document.getElementById("clear_icon");
const image_search = document.getElementById("image_search");
const recentDropdownContent = document.getElementById("recent_search_dropdown");
const noRecentSearch = document.getElementById("no_recent_search");
const drop_down_options = JSON.parse(localStorage.getItem("suggestions")) || [];
dropdownContent.innerHTML = ""; // Clear previous dropdown content
const containerWidth = dropdownContent.offsetWidth - 175;
drop_down_options.forEach((item) => {
// Render only if the suggestion is active
if (item.is_active !== false) {
const pElement = document.createElement("p");
pElement.id = item.short_label.replace(/\s+/g, '_'); // Replace spaces with underscores for ID
// Add the search value dynamically
pElement.innerHTML = `
<div id="items">
<div id="search_icon">
<img class="search_img" src="https://frontend-bucket.vercel.app/images/search2.png" alt="search" />
</div>
<tag style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; max-width: ${containerWidth}px;">
${searchValue}
</tag>
<span class="${item.is_default ? "chip_search" : "text_search"}">
${item.large_label}
</span>
</div>
`;
dropdownContent.appendChild(pElement);
}
});
// Show or hide dropdown based on searchValue
if (searchValue) {
dropdownContent.style.display = "block";
dropdownContent.style.width = "100%";
clearIcon.style.display = "block";
image_search.style.display = "none";
recentDropdownContent.style.display = "none";
noRecentSearch.style.display = "none";
} else {
dropdownContent.style.display = "none";
clearIcon.style.display = "none";
image_search.style.display = "block";
}
}
//handle render recent searched item
function update_recent_input_field() {
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
const recentDropdownContent = document.getElementById("recent_search_dropdown");
const noRecentSearch = document.getElementById("no_recent_search");
let storedSearches = localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
recentDropdownContent.innerHTML = "";
recentDropdownContent.style.display = "block";
noRecentSearch.style.display = "none";
const updateRecentDropdownOptions = () => {
const containerWidth = recentDropdownContent.offsetWidth - 175;
recentDropdownContent.innerHTML = ""; // Clear the content before updating
searches?.forEach((item) => {
const pTag = document.createElement("p");
const itemsDiv = document.createElement("div");
itemsDiv.setAttribute("id", "items");
itemsDiv.innerHTML = `<div id="search_icon">
<img class="search_img" src="https://frontend-bucket.vercel.app/images/recent_icon.svg" alt="search" />
</div>
<tag style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: ${containerWidth}px;">${item?.label}</tag>
<span class="text_search">${item?.type_label}</span>`;
pTag.appendChild(itemsDiv);
recentDropdownContent.appendChild(pTag);
});
};
updateRecentDropdownOptions();
window.addEventListener('resize', updateRecentDropdownOptions);
}
// handle search field on click
function handle_click() {
const urlParams = new URLSearchParams(window.location.search);
const recentDropdownContent = document.getElementById(
"recent_search_dropdown"
);
const noRecentSearch = document.getElementById("no_recent_search");
const searchValue = urlParams.get("search");
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
let storedSearches = localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
const dropdownContent = document.getElementById("search_dropdown");
const inputValue = document.getElementById('search_input').value;
if (inputValue) {
update_input_field(inputValue);
noRecentSearch.style.display = "none";
}
// else if (searchValue) {
// update_input_field(searchValue);
// noRecentSearch.style.display = "none";
// }
else if (searches && searches?.length > 0) {
update_recent_input_field();
noRecentSearch.style.display = "none";
} else {
noRecentSearch.style.display = "block";
}
}
// handle search onchange
function show_drop_down() {
const searchInput = document.getElementById("search_input");
const dropdownContent = document.getElementById("search_dropdown");
searchInput.addEventListener("input", function () {
const searchValue = this.value.trim();
update_input_field(searchValue);
});
}
// handle get value from params
function handle_drop_down() {
const searchInput = document.getElementById("search_input");
const urlParams = new URLSearchParams(window.location.search);
const searchValue = urlParams.get("search");
update_input_field(searchValue);
}
//handle resize search field
document.addEventListener('DOMContentLoaded', (event) => {
function resizeInput(value) {
const inputField = document.getElementById('search_input');
const inputContainer = document.querySelector('.input_container');
function setInputPadding() {
const containerWidth = inputContainer.offsetWidth;
inputField.style.paddingRight = `${value ? value : (containerWidth + 36)}px`;
}
// Set padding initially
setInputPadding();
const resizeObserver = new ResizeObserver(() => {
setInputPadding();
});
resizeObserver.observe(inputContainer);
}
resizeInput();
});
//handle toggle search component
function toggleSearchContainer() {
const searchContainer = document.getElementById('search_fw_container');
const overlay = document.getElementById('overlay');
if (searchContainer.classList.contains('active')) {
searchContainer.classList.remove('active');
overlay.classList.remove('active');
document.body.classList.remove('no-scroll');
} else {
searchContainer.style.display = 'flex'; // Ensure display is flex
overlay.style.display = 'block'; // Ensure display is block
requestAnimationFrame(() => {
searchContainer.classList.add('active');
overlay.classList.add('active');
});
document.body.classList.add('no-scroll');
}
}
//handle overlay
function handle_overaly_click() {
const searchContainer = document.getElementById('search_fw_container');
const overlay = document.getElementById('overlay');
// Remove active classes to start the transition
searchContainer.classList.remove('active');
overlay.classList.remove('active');
searchContainer.addEventListener('transitionend', function handleTransitionEnd() {
if (!searchContainer.classList.contains('active')) {
document.body.classList.remove('no-scroll');
searchContainer.removeEventListener('transitionend', handleTransitionEnd);
}
});
}
//handle clear search
function clearSearch() {
const dropdownContent = document.getElementById("search_dropdown");
const clearIcon = document.getElementById("clear_icon");
const image_search = document.getElementById("image_search");
const searchInput = document.getElementById("search_input");
const dropdown_text = document.getElementById("dropdown_text");
const dropdown_img = document.getElementById("dropdown_img");
const urlParams = new URLSearchParams(window.location.search);
const searchValue = urlParams.get("search");
document.getElementById("search_input").value = "";
dropdownContent.style.display = "none";
clearIcon.style.display = "none";
image_search.style.display = "block";
dropdown_text.style.display = "none";
dropdown_img.style.display = "none";
searchInput.style.background = "white";
// resize_input(72);
// if (searchValue) {
// window.location.href = "/all-products/search";
// }
}
//handle update localstorage on search
function handle_dropdown_value(value) {
const contains_user_drive = location.pathname.includes("/user-drive");
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
const storedSearches = contains_user_drive
? localStorage.getItem(`searchHistory${tenant}_user_drive`)
: localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
if (value?.label &&
searches?.filter(
(sea) => sea?.label === value?.label && sea?.type === value?.type
).length === 0
) {
searches?.unshift(value);
}
while (searches?.length > 5) {
searches?.pop();
}
if (contains_user_drive) {
localStorage.setItem(
`searchHistory${tenant}_user_drive`,
JSON.stringify(searches)
);
window.location.href = `/user-drive/search?search=${value?.label?.trim()}&type=${
value?.type
}`;
} else {
localStorage.setItem(`searchHistory${tenant}`, JSON.stringify(searches));
window.location.href = `/all-products/search?search=${value?.label?.trim()}&type=${value?.type}`;
}
}
//handle dropdown close on clicked outside
document.body.addEventListener("click", function (event) {
const dropdownContent = document.getElementById("search_dropdown");
const searchInput = document.getElementById("search_input");
const recentDropdownContent = document.getElementById(
"recent_search_dropdown"
);
const noRecentSearch = document.getElementById("no_recent_search");
if (
event?.target?.id === "dropdown_text" ||
event?.target?.id === "dropdown_img"
) {
return;
}
const isClickInsideRecent = recentDropdownContent.contains(event.target);
const isClickInsideDropdown = dropdownContent.contains(event.target);
const isClickInsideNoRecent = noRecentSearch.contains(event.target);
const isClickOnInput = event.target === searchInput;
if (!isClickInsideDropdown && !isClickOnInput) {
dropdownContent.style.display = "none";
}
if (!isClickInsideRecent && !isClickOnInput) {
recentDropdownContent.style.display = "none";
}
if (!isClickInsideNoRecent && !isClickOnInput) {
noRecentSearch.style.display = "none";
}
});
//handle dropdown click
document.addEventListener("DOMContentLoaded", function () {
const dropdownContent = document.getElementById("search_dropdown");
const recentDropdownContent = document.getElementById(
"recent_search_dropdown"
);
const clearIcon = document.getElementById("clear_icon");
const searchInput = document.getElementById("search_input");
const dropdown_text = document.getElementById("dropdown_text");
const dropdown_img = document.getElementById("dropdown_img");
const image_search = document.getElementById("image_search");
const urlParams = new URLSearchParams(window.location.search);
const searchValue = urlParams.get("search");
const searchType = urlParams.get("type") || '';
const drop_down_options = JSON.parse(localStorage.getItem("suggestions")) ?? [];
const [arr] = drop_down_options?.filter((item) => item?.value === searchType) || [];
// if (searchValue) {
// searchInput.value = searchValue;
// dropdown_text.style.display = "block";
// dropdown_img.style.display = "block";
// image_search.style.display = "none";
// dropdown_text.innerHTML = arr?.short_label;
// } else {
clearIcon.style.display = "none";
dropdown_text.style.display = "none";
dropdown_img.style.display = "none";
image_search.style.display = "block";
// }
recentDropdownContent &&
recentDropdownContent.addEventListener("click", function (e) {
const clickedElement = e.target.closest('p');
if (clickedElement) {
const itemsDiv = clickedElement.querySelector('#items');
const label = itemsDiv.querySelector('tag').innerText;
const typeLabel = itemsDiv.querySelector('.text_search')?.innerText || itemsDiv.querySelector('.chip_search')?.innerText;
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
let storedSearches = localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
const [arr] = searches?.filter(
(item) => item?.label === label && item?.type_label === typeLabel
);
handle_dropdown_value(arr);
}
});
dropdownContent &&
dropdownContent.addEventListener("click", function (e) {
const clickedElement = e.target.closest('p');
if (clickedElement) {
const itemsDiv = clickedElement.querySelector('#items');
const label = itemsDiv.querySelector('tag').innerText;
const typeLabel = itemsDiv.querySelector('.text_search')?.innerText || itemsDiv.querySelector('.chip_search')?.innerText;
const [arr] = drop_down_options?.filter(
(item) => item?.large_label === typeLabel
);
const value = {
type: arr['value'],
type_label: arr['large_label'],
short_label: arr['short_label'],
label: searchInput?.value,
};
handle_dropdown_value(value);
}
});
// resize_input();
});
//handle keyboard press
document.addEventListener("DOMContentLoaded", function () {
const searchInput = document.getElementById("search_input");
let activeDropdownIndex = -1; // No item is active initially
searchInput.addEventListener("keydown", function (event) {
const dropdownItems = document.querySelectorAll("#search_dropdown p");
if (event.key === "ArrowDown") {
event.preventDefault();
if (activeDropdownIndex < dropdownItems.length - 1) {
activeDropdownIndex++;
updateDropdownHighlight(dropdownItems, activeDropdownIndex);
}
} else if (event.key === "ArrowUp") {
event.preventDefault();
if (activeDropdownIndex > 0) {
activeDropdownIndex--;
updateDropdownHighlight(dropdownItems, activeDropdownIndex);
}
} else if (event.key === "Enter") {
event.preventDefault();
if (activeDropdownIndex >= 0 && activeDropdownIndex < dropdownItems.length) {
handleEnterKeyPress(activeDropdownIndex);
} else {
// Handle the case where no dropdown item is selected
handleEnterKeyPress();
}
}
});
function updateDropdownHighlight(dropdownItems, newIndex) {
// Clear all highlights
dropdownItems.forEach(item => {
item.style.backgroundColor = "";
item.style.color = "";
});
// Highlight the new item
dropdownItems[newIndex].style.backgroundColor = "#f1f1f1";
dropdownItems[newIndex].style.color = "black";
}
function handleEnterKeyPress(activeDropdownIndex) {
const drop_down_options = JSON.parse(localStorage.getItem("suggestions"));
const defaultOption = typeof activeDropdownIndex === "number"
? drop_down_options[activeDropdownIndex]
: drop_down_options.find((option) => option.is_default);
if (defaultOption) {
handle_dropdown_value({
label: searchInput.value.trim(),
type: defaultOption.value,
type_label: defaultOption.large_label,
short_label: defaultOption.short_label
});
}
}
// Existing event listener setups...
});
//handle overlay
document.addEventListener('DOMContentLoaded', function () {
const overlay = document.getElementById('overlay');
overlay.addEventListener('click', handle_overaly_click);
});
function changeSearchImage(){
var imgElement = document.querySelector('#no_recent_search_container img');
if(imgElement){
if (window?.innerWidth <= 767) {
imgElement.src = 'https://frontend-bucket.vercel.app/images/storefront/no_products.svg';
} else {
imgElement.src = 'https://frontend-bucket.vercel.app/images/search2.png';
}
}
}
document.addEventListener("DOMContentLoaded", function() {
changeSearchImage();
window.addEventListener('resize', function() {
changeSearchImage();
});
});
//handle set data in localstorage
document.addEventListener("DOMContentLoaded", function () {
const default_suggestions = [
{
"large_label": "Search in all",
"short_label": "All",
"value": "search_string",
"is_default": true
},
{
"large_label": "In SKU ID",
"short_label": "SKU ID",
"value": "sku_id",
"is_default": false
},
{
"large_label": "In Name",
"short_label": "Name",
"value": "name",
"is_default": false
},
{
"large_label": "In Attributes",
"short_label": "Attributes",
"value": "transformed_attributes",
"is_default": false
}
];
if (!localStorage.getItem("suggestions")) {
localStorage.setItem("suggestions", JSON.stringify(default_suggestions));
}
});
</script>
<style>
#search_container {
position: relative;
display: inline-block;
flex: 1;
max-width: 784px;
height: 48px;
}
/* @media (min-width:900px){
#search_container{
max-width:65%;
}
} */
.text_search{
background: rgba(0,0,0,0.1);
padding: 5px 10px;
border-radius: 4px;
margin-left: 5px;
color: black;
font-size: 16px;
min-width: fit-content;
}
.chip_search{
color: #FFF;
padding: 5px 10px;
font-size: 16px;
background: linear-gradient(90deg, #7D7D7D -13.02%, #29292A 108.85%);
font-style: normal;
text-align: center;
font-weight: 700;
margin-left: 5px;
border-radius: 4px;
min-width: fit-content;
}
#search_dropdown , #recent_search_dropdown {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 10000;
border-radius:0;
cursor:pointer;
width:100%;
}
#no_recent_search {
position: absolute;
display: none;
background-color: #f9f9f9;
min-width: 160px;
z-index: 10000;
border-radius:0;
width:100%;
padding:20px;
}
#no_recent_search_container{
margin: 25px 0px;
display: flex;
justify-content:center;
align-items:center;
flex-direction: column;
gap: 5px;
}
#search_dropdown p , #recent_search_dropdown p {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size:16px;
margin-bottom:0px;
height: 73px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
}
#search_dropdown p:hover {
background-color: #f1f1f1;
}
#recent_search_dropdown p:hover{
background-color: #f1f1f1;
}
#search_input{
border-radius:0;
border: 1px solid #aeaeae;
height:48px;
width: 100%;
padding: 0 72px 0 24px;
color: rgba(37, 40, 45, 1);
font-size: 16px;
font-weight: 400;
}
#search_input:hover{
border: 1px solid black;
}
#search_input:focus{
border: 1px solid black;
}
.input_container {
position: absolute;
top: 50%;
right: 24px;
display: flex;
align-items: center;
transform: translateY(-50%);
}
.clear_icon{
cursor: pointer;
color: rgba(103, 109, 119, 1);
font-size: 16px !important;
font-weight: 700 !important;
}
.dropdown_text{
color: rgb(115, 115, 115);
font-size: 14px;
font-weight: 700;
padding: 0px 6px 0px 24px;
border-left: 1px solid rgba(79, 85, 94, 1);
margin-left: 24px;
cursor:pointer;
color: black;
line-height: 48px;
}
.search_img{
height: 20px !important;
width: 20px !important;
max-width: 20px !important;
}
#dropdown_img{
height: 12px !important;
margin-right:2px;
cursor:pointer;
}
#items{
display:flex;
align-items:center;
gap:5px;
flex: 1;
color: rgba(37, 40, 45, 1);
}
#search_icon {
display: flex;
align-items: center;
margin-right: 4px;
}
#search_fw_container {
position: fixed;
top: -112px;
left: 0;
background-color: transparent;
width: 100%;
display: none;
justify-content: center;
align-items: center;
padding: 32px;
gap: 24px;
height: 112px;
opacity: 0;
transform: translateY(-112px);
transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
z-index: 1000;
}
#search_fw_container.active {
display: flex;
background-color: #fff;
top: 0;
transform: translateY(0);
opacity: 1;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
z-index: 999;
pointer-events: none;
display: none;
}
#overlay.active {
opacity: 0.7;
pointer-events: auto;
display: block;
}
.cross {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
cursor: pointer;
}
.search-arrow{
display: none;
}
.search_icon_container {
cursor: pointer;
}
body.no-scroll {
overflow: hidden;
}
@media (max-width: 767px) {
.search-mobile{
position: fixed !important;
left: 0;
}
.cross{
display: none;
}
.search-arrow{
margin-left: -20px;
display: block;
}
#no_recent_search_container img{
width: 125px !important;
max-width: 125px !important;
height: 125px !important;
}
#search_fw_container{
gap: 12px;
}
}
</style>
</div>
</div>
<div class="elementor-element elementor-element-5fbdd54 elementor-widget elementor-widget-cart_wiz_plugin_widget" data-id="5fbdd54" data-element_type="widget" data-widget_type="cart_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div id="cart_icon" style="width: 24px; height: 24px;">
<a class="cart-icon" href="/cart-summary" style="width: 24px; height: 24px;">
<img class="cart-image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/cart-1.svg" alt="image_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</a>
</div> <script>
document.addEventListener('DOMContentLoaded', function() {
// Function to update the badge
function updateBadge() {
// TODO: Remove this data later
const storedData = localStorage.getItem('CartData');
const CartData = JSON.parse(storedData);
if (CartData && CartData.products) {
const itemCount = Object.keys(CartData.products).length;
// Find the cart icon element by ID
const cartIcon = document.getElementById('cart_icon');
// Check if the badge already exists, if not create one
let badge = cartIcon && cartIcon?.querySelector('.badge');
if (!badge) {
// Create a new badge element
badge = document.createElement('span');
badge.className = 'badge';
// Position the badge relative to the cart icon
badge.style.position = 'absolute';
badge.style.top = '-10px';
badge.style.right = '-10px';
badge.style.background = '#8B9077';
badge.style.color = 'white';
badge.style.borderRadius = '50%';
badge.style.padding = '5px';
badge.style.fontSize = '9px';
badge.style.minWidth = '20px';
badge.style.textAlign = 'center';
badge.style.fontWeight = 'bold';
// Append the badge to the cart icon element
cartIcon.style.position = 'relative';
cartIcon.appendChild(badge);
}
// Update the badge text with the item count
badge.textContent = itemCount > 9 ? '9+' : itemCount;
// Show or hide the badge based on item count
badge.style.display = itemCount > 0 ? 'block' : 'none';
}
}
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
}
function displayCartIcon() {
if (status_check()) {
updateBadge();
setInterval(updateBadge, 1000);
}
}
displayCartIcon();
window.addEventListener('storage', function(e) {
if (e.key === 'persist:root' || e.key === 'CartData') {
displayCartIcon();
}
});
});
</script>
<style>
button {
background-color: transparent;
border:none;
cursor: pointer;
}
.cart-icon {
display: block;
position: absolute;
width: 40px;
height: 40px;
right: 0;
top: 0;
}
</style>
</div>
</div>
</div>
</div>
</div><div class="elementor-element elementor-element-f9032ab e-con-full header-height e-flex e-con e-parent elementor-sticky elementor-sticky--effects elementor-sticky__spacer" data-id="f9032ab" data-element_type="container" id="hide-header" data-settings="{"motion_fx_motion_fx_scrolling":"yes","sticky":"top","motion_fx_devices":["desktop","tablet","mobile"],"sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0}" style="visibility: hidden; transition: none 0s ease 0s; animation: auto ease 0s 1 normal none running none;">
<div class="elementor-element elementor-element-fed67ba e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="fed67ba" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-a477dc9 e-con-full e-flex e-con e-child" data-id="a477dc9" data-element_type="container">
<div class="elementor-element elementor-element-0e4bfb5 elementor-widget elementor-widget-heading" data-id="0e4bfb5" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">10% OFF on orders over $1500</p> </div>
</div>
<div class="elementor-element elementor-element-e6d2824 elementor-hidden-mobile elementor-widget elementor-widget-text-editor" data-id="e6d2824" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
| </div>
</div>
</div>
<div class="elementor-element elementor-element-1f7bd5c e-con-full e-flex e-con e-child" data-id="1f7bd5c" data-element_type="container">
<div class="elementor-element elementor-element-5b26f5a elementor-widget elementor-widget-heading" data-id="5b26f5a" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">20% OFF on orders over $5000 </p> </div>
</div>
<div class="elementor-element elementor-element-5e0c4bd elementor-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="5e0c4bd" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/all-products">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">SHOP NOW</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-9a87e44 e-con-full e-flex e-con e-child" data-id="9a87e44" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-6c78341 elementor-hidden-desktop hamburger-disabled elementor-view-default elementor-widget elementor-widget-icon" data-id="6c78341" data-element_type="widget" id="sidebar_button" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<i aria-hidden="true" class="icon icon-menu1"></i> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7898db1 e-transform elementor-widget elementor-widget-logo_wiz_plugin_widget" data-id="7898db1" data-element_type="widget" data-settings="{"_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="logo_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<script>
(function() {
localStorage.setItem("wizshop_settings", JSON.stringify({"logo_with_name":"https:\/\/frontend-bucket.vercel.app\/images\/storefront\/PD-Home\/pdhome-header.svg","login_screen_logo":"https:\/\/frontend-bucket.vercel.app\/images\/storefront\/PD-Home\/pdhome-header.svg","company_name":"PD Home","company_announcement":"Get exclusive updates about product launches, sales and more!","company_email":"[email protected]","prelogin_allowed":true,"prelogin_price":false,"prelogin_inventory":false,"postlogin_inventory":true,"prelogin_inventory_status_filter":[],"buyer_tenant_id":"00000000-0000-0000-0000-000000000000","postlogin_inventory_status_filter":[],"hide_postlogin_filters":{"inventory_status":{"buckets":["OUT_OF_STOCK"]}},"active_free_trial":false}));
})();
</script><style>
.logo_container {
display: flex;
}
.logo_text {
min-width: fit-content;
}
</style><div class="logo_container">
<a href="/">
<img class="logo_image" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/pdhomeLogo.png" alt="logo" onerror="this.onerror=null; this.src='';">
</a>
<a href="/" class="logo_text"></a>
</div> <script>
document.addEventListener('DOMContentLoaded', function(){
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
};
var user_logged_in = status_check();
function is_prelogin_price() {
const wizshop_settings = localStorage.getItem('wizshop_settings');
if (wizshop_settings) {
const pre_login_settings = JSON.parse(wizshop_settings);
if (user_logged_in || (!user_logged_in && pre_login_settings?.prelogin_price)) {
return true;
}
}
return false;
};
var show_price = is_prelogin_price();
if(show_price) {
document.querySelectorAll('.product-price').forEach(priceElement => {
priceElement.style.display = 'block';
});
document.querySelectorAll('.newarrival-product-price').forEach(priceElement => {
priceElement.style.display = 'block';
});
}
})
</script>
</div>
</div>
<div class="elementor-element elementor-element-2bb7de7 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-ekit-nav-menu" data-id="2bb7de7" data-element_type="widget" data-widget_type="ekit-nav-menu.default">
<div class="elementor-widget-container">
<nav class="ekit-wid-con ekit_menu_responsive_tablet" data-hamburger-icon="" data-hamburger-icon-type="icon" data-responsive-breakpoint="1024">
<button class="elementskit-menu-hamburger elementskit-menu-toggler" type="button" aria-label="hamburger-icon">
<span class="elementskit-menu-hamburger-icon"></span><span class="elementskit-menu-hamburger-icon"></span><span class="elementskit-menu-hamburger-icon"></span>
</button>
<div id="ekit-megamenu-primary-2" class="elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default ekit-nav-menu-one-page- ekit-nav-dropdown-hover" ekit-dom-added="yes"><ul id="menu-primary-2" class="elementskit-navbar-nav elementskit-menu-po-left submenu-click-on-icon"><li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-28 nav-item elementskit-mobile-builder-content active" data-vertical-menu="750px"><a href="/" class="ekit-menu-nav-link active">HOME</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55 nav-item elementskit-dropdown-has relative_position elementskit-dropdown-menu-custom_width elementskit-megamenu-has elementskit-mobile-builder-content" data-vertical-menu="200px"><a href="/all-products/category" class="ekit-menu-nav-link">CATEGORIES<i aria-hidden="true" class="icon icon-down-arrow1 elementskit-submenu-indicator"></i></a><div class="elementskit-megamenu-panel"><div class="megamenu-ajax-load" data-id="59"></div></div></li>
<li id="menu-item-3781" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3781 nav-item elementskit-mobile-builder-content" data-vertical-menu="750px"><a href="https://pdhomeandgarden.com/contact-us/" class="ekit-menu-nav-link">CONTACT US</a></li>
</ul><div class="elementskit-nav-identity-panel">
<div class="elementskit-site-title">
<a class="elementskit-nav-logo" href="https://pdhomeandgarden.com" target="_self" rel="">
<img src="" title="" alt="">
</a>
</div><button class="elementskit-menu-close elementskit-menu-toggler" type="button">X</button></div></div>
<div class="elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay"></div> </nav>
</div>
</div>
<div class="elementor-element elementor-element-b57923c e-con-full e-flex e-con e-child" data-id="b57923c" data-element_type="container">
<div class="elementor-element elementor-element-ce901ca elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-login_wiz_plugin_widget" data-id="ce901ca" data-element_type="widget" data-widget_type="login_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="login_signup" style="display: block;">
<button class="login_button" onclick="window.location.href='/user-login'">
<img class="login_image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/iconuser-1.svg" alt="image_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
</button>
</div><div class="login_user_menu_wrapper style=" display:="" none"="" style="display: none;">
<div>
<button class="login_button login_icon_menu">
<img class="login_image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/iconuser-1.svg" alt="login_image_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
</button>
</div>
<div class="login_user_menu login_icon_button" style="display: none;">
<div class="login_user_info">
<p id="login_menu_name">Hello John</p>
<p id="login_menu_id">[email protected]</p>
</div>
<div class="login_user_links"><a class="login_temp" href="/account/profile">
<img class="login_menu_icon" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/iconuser-1.svg" alt="login_alt_menu_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
<p class="login_item_text">My profile</p>
</a><a class="login_temp" href="/account/orders">
<img class="login_menu_icon" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/box.svg" alt="login_alt_menu_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
<p class="login_item_text">My orders</p>
</a><a class="login_temp" href="/" onclick="logout()">
<img class="login_menu_icon" src="http://wp-g-s.sourcerer.tech/wp-content/uploads/2024/04/logout.svg" alt="login_alt_menu_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/login_icon.svg';">
<p class="login_item_text"> Logout </p>
</a>
</div></div></div> <style>
.login_button{
display: flex;
cursor: pointer;
}
.login_button:focus:not(:focus-visible) {
outline: none;
}
.login_item_text{
margin:0;
}
.login_user_menu{
display: flex;
flex-direction: column;
z-index: 999;
position: absolute;
right: 0;
}
.login_user_menu_wrapper{
position: relative;
}
.login_user_info{
display: flex;
flex-direction: column;
}
#login_menu_name{
margin:0;
}
.login_user_links{
display: flex;
flex-direction: column ;
}
.login_temp{
display: flex;
flex-direction: row;
align-items: center;
}
#login_menu_id{
overflow-x: scroll;
text-wrap: nowrap;
scrollbar-width: none;
-ms-overflow-style: none;
}
</style>
<script>
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
};
document.addEventListener('DOMContentLoaded', function(){
let login_user = status_check();
if (login_user) {
document.querySelector(".login_signup").style.display = "none";
document.querySelector(".login_user_menu_wrapper").style.display = "block";
var userDetails = localStorage.getItem("UserDetails");
if (userDetails) {
var userDetailsObj = JSON.parse(userDetails);
if (userDetailsObj) {
const email = document.getElementById("login_menu_id");
const name = document.getElementById("login_menu_name");
email.textContent = userDetailsObj.email;
name.textContent = "Hello " + userDetailsObj.first_name + " " + userDetailsObj.last_name;
}
}
} else {
document.querySelector(".login_user_menu_wrapper").style.display = "none";
document.querySelector(".login_signup").style.display = "block";
}
const loginButton = document.querySelector(".login_icon_menu");
const userMenu = document.querySelector(".login_user_menu");
if (login_user) {
loginButton.addEventListener("mouseenter", function() {
userMenu.style.display = "flex";
});
loginButton.addEventListener("mouseleave", function() {
userMenu.style.display = "none";
});
userMenu.addEventListener("mouseenter", function() {
userMenu.style.display = "flex";
});
userMenu.addEventListener("mouseleave", function() {
userMenu.style.display = "none";
});
document.addEventListener("click", function(event) {
let login_userMenu = document.querySelector(".login_icon_button");
let toggleButton = document.querySelector(".login_icon_menu");
if (!login_userMenu.contains(event.target) && !toggleButton.contains(event.target) && login_userMenu.style.display !== "none") {
login_userMenu.style.display = "none";
}
});
}
})
function logout() {
localStorage.clear();
};
</script>
</div>
</div>
<div class="elementor-element elementor-element-377d4a9 elementor-widget elementor-widget-search_fw_wiz_plugin_widget" data-id="377d4a9" data-element_type="widget" data-widget_type="search_fw_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="search_icon_container" onclick="toggleSearchContainer()">
<img class="search_image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/search-1.svg" onerror="this.onerror=null; this.src=" https:="" frontend-bucket.vercel.app="" images="" search2.png";"="">
</div>
<div id="overlay"></div>
<div id="search_fw_container" style="display: none;">
<div class="search-arrow">
<img src="https://frontend-bucket.vercel.app/images/storefront/iconarrowleft.svg" alt="arrow" onclick="handle_overaly_click()">
</div>
<div id="search_container">
<input type="text" autocomplete="off" id="search_input" onclick="handle_click()" oninput="show_drop_down()" placeholder="Search..." style="padding-right: 36px;">
<div class="input_container">
<span class="clear_icon" id="clear_icon" onclick="clearSearch()" style="display: none;">Clear</span>
<img id="image_search" style="height: 24px !important; display: block;" src="https://frontend-bucket.vercel.app/images/search2.png" alt="search">
<span class="dropdown_text" id="dropdown_text" style="display: none;" onclick="handle_drop_down()"></span>
<img id="dropdown_img" onclick="handle_drop_down()" style="display: none;" src="https://frontend-bucket.vercel.app/images/dropdown.svg">
</div>
<div id="search_dropdown" class="search-mobile">
<p id="All">Search in all</p>
<p id="SKU ID">In SKU ID</p>
<p id="Name">In Name</p>
<p id="Attributes">In Attributes</p>
</div>
<div id="recent_search_dropdown" class="search-mobile">
</div>
<div id="no_recent_search" class="search-mobile">
<div id="no_recent_search_container">
<img class="search_img" src="https://frontend-bucket.vercel.app/images/search2.png" alt="search">
<p style="text-align:center;">No recent searches</p>
</div>
</div>
</div>
<div class="cross">
<img src="https://frontend-bucket.vercel.app/images/storefront/iconcross.png" alt="cross" onclick="handle_overaly_click()">
</div>
</div>
<script>
//handle render searched item
function update_input_field(searchValue) {
const dropdownContent = document.getElementById("search_dropdown");
const searchInput = document.getElementById("search_input");
const clearIcon = document.getElementById("clear_icon");
const image_search = document.getElementById("image_search");
const recentDropdownContent = document.getElementById("recent_search_dropdown");
const noRecentSearch = document.getElementById("no_recent_search");
const drop_down_options = JSON.parse(localStorage.getItem("suggestions")) || [];
dropdownContent.innerHTML = ""; // Clear previous dropdown content
const containerWidth = dropdownContent.offsetWidth - 175;
drop_down_options.forEach((item) => {
// Render only if the suggestion is active
if (item.is_active !== false) {
const pElement = document.createElement("p");
pElement.id = item.short_label.replace(/\s+/g, '_'); // Replace spaces with underscores for ID
// Add the search value dynamically
pElement.innerHTML = `
<div id="items">
<div id="search_icon">
<img class="search_img" src="https://frontend-bucket.vercel.app/images/search2.png" alt="search" />
</div>
<tag style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; max-width: ${containerWidth}px;">
${searchValue}
</tag>
<span class="${item.is_default ? "chip_search" : "text_search"}">
${item.large_label}
</span>
</div>
`;
dropdownContent.appendChild(pElement);
}
});
// Show or hide dropdown based on searchValue
if (searchValue) {
dropdownContent.style.display = "block";
dropdownContent.style.width = "100%";
clearIcon.style.display = "block";
image_search.style.display = "none";
recentDropdownContent.style.display = "none";
noRecentSearch.style.display = "none";
} else {
dropdownContent.style.display = "none";
clearIcon.style.display = "none";
image_search.style.display = "block";
}
}
//handle render recent searched item
function update_recent_input_field() {
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
const recentDropdownContent = document.getElementById("recent_search_dropdown");
const noRecentSearch = document.getElementById("no_recent_search");
let storedSearches = localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
recentDropdownContent.innerHTML = "";
recentDropdownContent.style.display = "block";
noRecentSearch.style.display = "none";
const updateRecentDropdownOptions = () => {
const containerWidth = recentDropdownContent.offsetWidth - 175;
recentDropdownContent.innerHTML = ""; // Clear the content before updating
searches?.forEach((item) => {
const pTag = document.createElement("p");
const itemsDiv = document.createElement("div");
itemsDiv.setAttribute("id", "items");
itemsDiv.innerHTML = `<div id="search_icon">
<img class="search_img" src="https://frontend-bucket.vercel.app/images/recent_icon.svg" alt="search" />
</div>
<tag style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: ${containerWidth}px;">${item?.label}</tag>
<span class="text_search">${item?.type_label}</span>`;
pTag.appendChild(itemsDiv);
recentDropdownContent.appendChild(pTag);
});
};
updateRecentDropdownOptions();
window.addEventListener('resize', updateRecentDropdownOptions);
}
// handle search field on click
function handle_click() {
const urlParams = new URLSearchParams(window.location.search);
const recentDropdownContent = document.getElementById(
"recent_search_dropdown"
);
const noRecentSearch = document.getElementById("no_recent_search");
const searchValue = urlParams.get("search");
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
let storedSearches = localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
const dropdownContent = document.getElementById("search_dropdown");
const inputValue = document.getElementById('search_input').value;
if (inputValue) {
update_input_field(inputValue);
noRecentSearch.style.display = "none";
}
// else if (searchValue) {
// update_input_field(searchValue);
// noRecentSearch.style.display = "none";
// }
else if (searches && searches?.length > 0) {
update_recent_input_field();
noRecentSearch.style.display = "none";
} else {
noRecentSearch.style.display = "block";
}
}
// handle search onchange
function show_drop_down() {
const searchInput = document.getElementById("search_input");
const dropdownContent = document.getElementById("search_dropdown");
searchInput.addEventListener("input", function () {
const searchValue = this.value.trim();
update_input_field(searchValue);
});
}
// handle get value from params
function handle_drop_down() {
const searchInput = document.getElementById("search_input");
const urlParams = new URLSearchParams(window.location.search);
const searchValue = urlParams.get("search");
update_input_field(searchValue);
}
//handle resize search field
document.addEventListener('DOMContentLoaded', (event) => {
function resizeInput(value) {
const inputField = document.getElementById('search_input');
const inputContainer = document.querySelector('.input_container');
function setInputPadding() {
const containerWidth = inputContainer.offsetWidth;
inputField.style.paddingRight = `${value ? value : (containerWidth + 36)}px`;
}
// Set padding initially
setInputPadding();
const resizeObserver = new ResizeObserver(() => {
setInputPadding();
});
resizeObserver.observe(inputContainer);
}
resizeInput();
});
//handle toggle search component
function toggleSearchContainer() {
const searchContainer = document.getElementById('search_fw_container');
const overlay = document.getElementById('overlay');
if (searchContainer.classList.contains('active')) {
searchContainer.classList.remove('active');
overlay.classList.remove('active');
document.body.classList.remove('no-scroll');
} else {
searchContainer.style.display = 'flex'; // Ensure display is flex
overlay.style.display = 'block'; // Ensure display is block
requestAnimationFrame(() => {
searchContainer.classList.add('active');
overlay.classList.add('active');
});
document.body.classList.add('no-scroll');
}
}
//handle overlay
function handle_overaly_click() {
const searchContainer = document.getElementById('search_fw_container');
const overlay = document.getElementById('overlay');
// Remove active classes to start the transition
searchContainer.classList.remove('active');
overlay.classList.remove('active');
searchContainer.addEventListener('transitionend', function handleTransitionEnd() {
if (!searchContainer.classList.contains('active')) {
document.body.classList.remove('no-scroll');
searchContainer.removeEventListener('transitionend', handleTransitionEnd);
}
});
}
//handle clear search
function clearSearch() {
const dropdownContent = document.getElementById("search_dropdown");
const clearIcon = document.getElementById("clear_icon");
const image_search = document.getElementById("image_search");
const searchInput = document.getElementById("search_input");
const dropdown_text = document.getElementById("dropdown_text");
const dropdown_img = document.getElementById("dropdown_img");
const urlParams = new URLSearchParams(window.location.search);
const searchValue = urlParams.get("search");
document.getElementById("search_input").value = "";
dropdownContent.style.display = "none";
clearIcon.style.display = "none";
image_search.style.display = "block";
dropdown_text.style.display = "none";
dropdown_img.style.display = "none";
searchInput.style.background = "white";
// resize_input(72);
// if (searchValue) {
// window.location.href = "/all-products/search";
// }
}
//handle update localstorage on search
function handle_dropdown_value(value) {
const contains_user_drive = location.pathname.includes("/user-drive");
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
const storedSearches = contains_user_drive
? localStorage.getItem(`searchHistory${tenant}_user_drive`)
: localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
if (value?.label &&
searches?.filter(
(sea) => sea?.label === value?.label && sea?.type === value?.type
).length === 0
) {
searches?.unshift(value);
}
while (searches?.length > 5) {
searches?.pop();
}
if (contains_user_drive) {
localStorage.setItem(
`searchHistory${tenant}_user_drive`,
JSON.stringify(searches)
);
window.location.href = `/user-drive/search?search=${value?.label?.trim()}&type=${
value?.type
}`;
} else {
localStorage.setItem(`searchHistory${tenant}`, JSON.stringify(searches));
window.location.href = `/all-products/search?search=${value?.label?.trim()}&type=${value?.type}`;
}
}
//handle dropdown close on clicked outside
document.body.addEventListener("click", function (event) {
const dropdownContent = document.getElementById("search_dropdown");
const searchInput = document.getElementById("search_input");
const recentDropdownContent = document.getElementById(
"recent_search_dropdown"
);
const noRecentSearch = document.getElementById("no_recent_search");
if (
event?.target?.id === "dropdown_text" ||
event?.target?.id === "dropdown_img"
) {
return;
}
const isClickInsideRecent = recentDropdownContent.contains(event.target);
const isClickInsideDropdown = dropdownContent.contains(event.target);
const isClickInsideNoRecent = noRecentSearch.contains(event.target);
const isClickOnInput = event.target === searchInput;
if (!isClickInsideDropdown && !isClickOnInput) {
dropdownContent.style.display = "none";
}
if (!isClickInsideRecent && !isClickOnInput) {
recentDropdownContent.style.display = "none";
}
if (!isClickInsideNoRecent && !isClickOnInput) {
noRecentSearch.style.display = "none";
}
});
//handle dropdown click
document.addEventListener("DOMContentLoaded", function () {
const dropdownContent = document.getElementById("search_dropdown");
const recentDropdownContent = document.getElementById(
"recent_search_dropdown"
);
const clearIcon = document.getElementById("clear_icon");
const searchInput = document.getElementById("search_input");
const dropdown_text = document.getElementById("dropdown_text");
const dropdown_img = document.getElementById("dropdown_img");
const image_search = document.getElementById("image_search");
const urlParams = new URLSearchParams(window.location.search);
const searchValue = urlParams.get("search");
const searchType = urlParams.get("type") || '';
const drop_down_options = JSON.parse(localStorage.getItem("suggestions")) ?? [];
const [arr] = drop_down_options?.filter((item) => item?.value === searchType) || [];
// if (searchValue) {
// searchInput.value = searchValue;
// dropdown_text.style.display = "block";
// dropdown_img.style.display = "block";
// image_search.style.display = "none";
// dropdown_text.innerHTML = arr?.short_label;
// } else {
clearIcon.style.display = "none";
dropdown_text.style.display = "none";
dropdown_img.style.display = "none";
image_search.style.display = "block";
// }
recentDropdownContent &&
recentDropdownContent.addEventListener("click", function (e) {
const clickedElement = e.target.closest('p');
if (clickedElement) {
const itemsDiv = clickedElement.querySelector('#items');
const label = itemsDiv.querySelector('tag').innerText;
const typeLabel = itemsDiv.querySelector('.text_search')?.innerText || itemsDiv.querySelector('.chip_search')?.innerText;
const tenant = "eef6069a-777e-476d-a346-118ecf162706";
let storedSearches = localStorage.getItem(`searchHistory${tenant}`);
let searches = storedSearches ? JSON.parse(storedSearches) : [];
const [arr] = searches?.filter(
(item) => item?.label === label && item?.type_label === typeLabel
);
handle_dropdown_value(arr);
}
});
dropdownContent &&
dropdownContent.addEventListener("click", function (e) {
const clickedElement = e.target.closest('p');
if (clickedElement) {
const itemsDiv = clickedElement.querySelector('#items');
const label = itemsDiv.querySelector('tag').innerText;
const typeLabel = itemsDiv.querySelector('.text_search')?.innerText || itemsDiv.querySelector('.chip_search')?.innerText;
const [arr] = drop_down_options?.filter(
(item) => item?.large_label === typeLabel
);
const value = {
type: arr['value'],
type_label: arr['large_label'],
short_label: arr['short_label'],
label: searchInput?.value,
};
handle_dropdown_value(value);
}
});
// resize_input();
});
//handle keyboard press
document.addEventListener("DOMContentLoaded", function () {
const searchInput = document.getElementById("search_input");
let activeDropdownIndex = -1; // No item is active initially
searchInput.addEventListener("keydown", function (event) {
const dropdownItems = document.querySelectorAll("#search_dropdown p");
if (event.key === "ArrowDown") {
event.preventDefault();
if (activeDropdownIndex < dropdownItems.length - 1) {
activeDropdownIndex++;
updateDropdownHighlight(dropdownItems, activeDropdownIndex);
}
} else if (event.key === "ArrowUp") {
event.preventDefault();
if (activeDropdownIndex > 0) {
activeDropdownIndex--;
updateDropdownHighlight(dropdownItems, activeDropdownIndex);
}
} else if (event.key === "Enter") {
event.preventDefault();
if (activeDropdownIndex >= 0 && activeDropdownIndex < dropdownItems.length) {
handleEnterKeyPress(activeDropdownIndex);
} else {
// Handle the case where no dropdown item is selected
handleEnterKeyPress();
}
}
});
function updateDropdownHighlight(dropdownItems, newIndex) {
// Clear all highlights
dropdownItems.forEach(item => {
item.style.backgroundColor = "";
item.style.color = "";
});
// Highlight the new item
dropdownItems[newIndex].style.backgroundColor = "#f1f1f1";
dropdownItems[newIndex].style.color = "black";
}
function handleEnterKeyPress(activeDropdownIndex) {
const drop_down_options = JSON.parse(localStorage.getItem("suggestions"));
const defaultOption = typeof activeDropdownIndex === "number"
? drop_down_options[activeDropdownIndex]
: drop_down_options.find((option) => option.is_default);
if (defaultOption) {
handle_dropdown_value({
label: searchInput.value.trim(),
type: defaultOption.value,
type_label: defaultOption.large_label,
short_label: defaultOption.short_label
});
}
}
// Existing event listener setups...
});
//handle overlay
document.addEventListener('DOMContentLoaded', function () {
const overlay = document.getElementById('overlay');
overlay.addEventListener('click', handle_overaly_click);
});
function changeSearchImage(){
var imgElement = document.querySelector('#no_recent_search_container img');
if(imgElement){
if (window?.innerWidth <= 767) {
imgElement.src = 'https://frontend-bucket.vercel.app/images/storefront/no_products.svg';
} else {
imgElement.src = 'https://frontend-bucket.vercel.app/images/search2.png';
}
}
}
document.addEventListener("DOMContentLoaded", function() {
changeSearchImage();
window.addEventListener('resize', function() {
changeSearchImage();
});
});
//handle set data in localstorage
document.addEventListener("DOMContentLoaded", function () {
const default_suggestions = [
{
"large_label": "Search in all",
"short_label": "All",
"value": "search_string",
"is_default": true
},
{
"large_label": "In SKU ID",
"short_label": "SKU ID",
"value": "sku_id",
"is_default": false
},
{
"large_label": "In Name",
"short_label": "Name",
"value": "name",
"is_default": false
},
{
"large_label": "In Attributes",
"short_label": "Attributes",
"value": "transformed_attributes",
"is_default": false
}
];
if (!localStorage.getItem("suggestions")) {
localStorage.setItem("suggestions", JSON.stringify(default_suggestions));
}
});
</script>
<style>
#search_container {
position: relative;
display: inline-block;
flex: 1;
max-width: 784px;
height: 48px;
}
/* @media (min-width:900px){
#search_container{
max-width:65%;
}
} */
.text_search{
background: rgba(0,0,0,0.1);
padding: 5px 10px;
border-radius: 4px;
margin-left: 5px;
color: black;
font-size: 16px;
min-width: fit-content;
}
.chip_search{
color: #FFF;
padding: 5px 10px;
font-size: 16px;
background: linear-gradient(90deg, #7D7D7D -13.02%, #29292A 108.85%);
font-style: normal;
text-align: center;
font-weight: 700;
margin-left: 5px;
border-radius: 4px;
min-width: fit-content;
}
#search_dropdown , #recent_search_dropdown {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 10000;
border-radius:0;
cursor:pointer;
width:100%;
}
#no_recent_search {
position: absolute;
display: none;
background-color: #f9f9f9;
min-width: 160px;
z-index: 10000;
border-radius:0;
width:100%;
padding:20px;
}
#no_recent_search_container{
margin: 25px 0px;
display: flex;
justify-content:center;
align-items:center;
flex-direction: column;
gap: 5px;
}
#search_dropdown p , #recent_search_dropdown p {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size:16px;
margin-bottom:0px;
height: 73px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
}
#search_dropdown p:hover {
background-color: #f1f1f1;
}
#recent_search_dropdown p:hover{
background-color: #f1f1f1;
}
#search_input{
border-radius:0;
border: 1px solid #aeaeae;
height:48px;
width: 100%;
padding: 0 72px 0 24px;
color: rgba(37, 40, 45, 1);
font-size: 16px;
font-weight: 400;
}
#search_input:hover{
border: 1px solid black;
}
#search_input:focus{
border: 1px solid black;
}
.input_container {
position: absolute;
top: 50%;
right: 24px;
display: flex;
align-items: center;
transform: translateY(-50%);
}
.clear_icon{
cursor: pointer;
color: rgba(103, 109, 119, 1);
font-size: 16px !important;
font-weight: 700 !important;
}
.dropdown_text{
color: rgb(115, 115, 115);
font-size: 14px;
font-weight: 700;
padding: 0px 6px 0px 24px;
border-left: 1px solid rgba(79, 85, 94, 1);
margin-left: 24px;
cursor:pointer;
color: black;
line-height: 48px;
}
.search_img{
height: 20px !important;
width: 20px !important;
max-width: 20px !important;
}
#dropdown_img{
height: 12px !important;
margin-right:2px;
cursor:pointer;
}
#items{
display:flex;
align-items:center;
gap:5px;
flex: 1;
color: rgba(37, 40, 45, 1);
}
#search_icon {
display: flex;
align-items: center;
margin-right: 4px;
}
#search_fw_container {
position: fixed;
top: -112px;
left: 0;
background-color: transparent;
width: 100%;
display: none;
justify-content: center;
align-items: center;
padding: 32px;
gap: 24px;
height: 112px;
opacity: 0;
transform: translateY(-112px);
transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
z-index: 1000;
}
#search_fw_container.active {
display: flex;
background-color: #fff;
top: 0;
transform: translateY(0);
opacity: 1;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
z-index: 999;
pointer-events: none;
display: none;
}
#overlay.active {
opacity: 0.7;
pointer-events: auto;
display: block;
}
.cross {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
cursor: pointer;
}
.search-arrow{
display: none;
}
.search_icon_container {
cursor: pointer;
}
body.no-scroll {
overflow: hidden;
}
@media (max-width: 767px) {
.search-mobile{
position: fixed !important;
left: 0;
}
.cross{
display: none;
}
.search-arrow{
margin-left: -20px;
display: block;
}
#no_recent_search_container img{
width: 125px !important;
max-width: 125px !important;
height: 125px !important;
}
#search_fw_container{
gap: 12px;
}
}
</style>
</div>
</div>
<div class="elementor-element elementor-element-5fbdd54 elementor-widget elementor-widget-cart_wiz_plugin_widget" data-id="5fbdd54" data-element_type="widget" data-widget_type="cart_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div id="cart_icon" style="width: 24px; height: 24px;">
<a class="cart-icon" href="/cart-summary" style="width: 24px; height: 24px;">
<img class="cart-image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/09/cart-1.svg" alt="image_icon" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</a>
</div> <script>
document.addEventListener('DOMContentLoaded', function() {
// Function to update the badge
function updateBadge() {
// TODO: Remove this data later
const storedData = localStorage.getItem('CartData');
const CartData = JSON.parse(storedData);
if (CartData && CartData.products) {
const itemCount = Object.keys(CartData.products).length;
// Find the cart icon element by ID
const cartIcon = document.getElementById('cart_icon');
// Check if the badge already exists, if not create one
let badge = cartIcon && cartIcon?.querySelector('.badge');
if (!badge) {
// Create a new badge element
badge = document.createElement('span');
badge.className = 'badge';
// Position the badge relative to the cart icon
badge.style.position = 'absolute';
badge.style.top = '-10px';
badge.style.right = '-10px';
badge.style.background = '#8B9077';
badge.style.color = 'white';
badge.style.borderRadius = '50%';
badge.style.padding = '5px';
badge.style.fontSize = '9px';
badge.style.minWidth = '20px';
badge.style.textAlign = 'center';
badge.style.fontWeight = 'bold';
// Append the badge to the cart icon element
cartIcon.style.position = 'relative';
cartIcon.appendChild(badge);
}
// Update the badge text with the item count
badge.textContent = itemCount > 9 ? '9+' : itemCount;
// Show or hide the badge based on item count
badge.style.display = itemCount > 0 ? 'block' : 'none';
}
}
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
}
function displayCartIcon() {
if (status_check()) {
updateBadge();
setInterval(updateBadge, 1000);
}
}
displayCartIcon();
window.addEventListener('storage', function(e) {
if (e.key === 'persist:root' || e.key === 'CartData') {
displayCartIcon();
}
});
});
</script>
<style>
button {
background-color: transparent;
border:none;
cursor: pointer;
}
.cart-icon {
display: block;
position: absolute;
width: 40px;
height: 40px;
right: 0;
top: 0;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-elementor-type="wp-page" data-elementor-id="3727" class="elementor elementor-3727" data-elementor-post-type="page">
<div class="elementor-element elementor-element-1ea7350 e-con-full e-flex e-con e-parent e-lazyloaded" data-id="1ea7350" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-289851f elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="289851f" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/all-products">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">SHOP NOW</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-3f9ffae e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent" data-id="3f9ffae" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f568435 elementor-widget elementor-widget-heading" data-id="f568435" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Explore Our</h2> </div>
</div>
<div class="elementor-element elementor-element-b3fd72f elementor-widget elementor-widget-premium_categories_widget" data-id="b3fd72f" data-element_type="widget" data-widget_type="premium_categories_widget.default">
<div class="elementor-widget-container">
<div class="premium-categories-plugin"><div class="premium-categories-upper-container"><div><h4 id="premium_categories_title">Featured Categories</h4></div><div></div></div><div class="premium-categories-all-images"><div class="premium-categories-container"><div class="premium-categories-item elementor-repeater-item-e339444" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/7a6e0f5a-f591-432d-a25f-900fde30f60a?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A500%2C%22height%22%3A800%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Bags/1cb3ea0e-08b0-4abc-92bd-2a5272d3e189'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Bags</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Bags/1cb3ea0e-08b0-4abc-92bd-2a5272d3e189" target="_self"><i class="fas fa-arrow-right"></i></a></div></div><div class="premium-categories-item elementor-repeater-item-ac04442" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/3d08c590-7639-4ddc-92b2-ca204909d62e?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A500%2C%22height%22%3A800%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Featured/c728da68-d9a9-4895-a479-d873863a9630'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Featured</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Featured/c728da68-d9a9-4895-a479-d873863a9630" target="_self"><i class="fas fa-arrow-right"></i></a></div></div><div class="premium-categories-item elementor-repeater-item-bb165eb" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/b7378d28-ea25-4821-811c-acea0a15b938?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A500%2C%22height%22%3A800%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Accessories/72b1708c-336b-4540-a4fa-c362461325fc'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Accessories</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Accessories/72b1708c-336b-4540-a4fa-c362461325fc" target="_self"><i class="fas fa-arrow-right"></i></a></div></div><div class="premium-categories-item elementor-repeater-item-0490f25" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/4d43afd9-a4f2-4428-9996-d24046758ded?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A500%2C%22height%22%3A800%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Sale%20Items/80248b14-8071-403b-96ba-8d423e5c1ea5'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Sale Items</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Sale Items/80248b14-8071-403b-96ba-8d423e5c1ea5" target="_self"><i class="fas fa-arrow-right"></i></a></div></div></div></div><div class="premium-categories-chevron-left premium-categories-chevrons hidden"><i class="fas fa-chevron-left"></i></div><div class="premium-categories-chevron-right premium-categories-chevrons hidden"><i class="fas fa-chevron-right"></i></div></div> <style>
.premium-categories-plugin {
width: 100%;
display: flex;
flex-direction: column;
padding: 20px;
background-color: #fff;
padding: 0;
}
.premium-categories-upper-container {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
#premium_categories_title {
font-size: 30px;
color: #333;
margin: 0;
}
#premium-categories-primary-button-link {
font-size: 1rem;
color: #0073e6;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
transition: all 0.3s ease;
}
.premium-categories-all-images {
width: 100%;
}
.premium-categories-item {
position: relative;
overflow: hidden;
border-radius: 10px;
background-size: cover;
background-position: center;
flex: 0 0 auto !important;
}
.premium-categories-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: transparent;
color: white;
padding: 5px 10px;
display: flex;
height: 40px;
z-index: 2;
}
.premium-categories-overlay .premium-categories-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-size: 1.2em;
font-weight: bold;
}
.premium-categories-arrow-button,
.premium-categories-all-arrow-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
background-color: #00000000;
cursor: pointer;
}
.premium-categories-arrow-button:hover,
.premium-categories-all-arrow-button {
text-decoration: none;
border: none;
}
.premium-categories-button-link {
display: flex;
justify-content: space-between;
align-items: center;
}
.premium-categories-item-background {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.premium-categories-container{
overflow: auto;
}
.premium-categories-container::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.premium-categories-container {
scrollbar-width: none; /* Firefox */
}
.premium-categories-container {
-ms-overflow-style: none; /* IE and Edge */
}
.premium-categories-chevron-left, .premium-categories-chevron-right {
position: absolute;
top: 55%;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.7);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
border-radius: 50%;
cursor: pointer;
z-index: 10;
}
.premium-categories-chevron-left {
left: -20px;
}
.premium-categories-chevron-right {
right: -20px;
}
.hidden{
display: none !important;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const container = document.querySelector('.premium-categories-container');
const chevronLeft = document.querySelector('.premium-categories-chevron-left');
const chevronRight = document.querySelector('.premium-categories-chevron-right');
const columnGap = parseInt(getComputedStyle(container).getPropertyValue('column-gap')) || 0;
const itemWidth = 294;
function updateChevrons() {
const scrollLeft = Math.ceil(container.scrollLeft);
const scrollWidth = container.scrollWidth;
const clientWidth = container.clientWidth;
// Hide the left chevron when fully scrolled to the left
if (scrollLeft <= 0) {
chevronLeft.classList.add('hidden');
} else {
chevronLeft.classList.remove('hidden');
}
// Hide the right chevron when fully scrolled to the right
if (scrollLeft + clientWidth >= scrollWidth) {
chevronRight.classList.add('hidden');
} else {
chevronRight.classList.remove('hidden');
}
}
chevronLeft.addEventListener('click', function() {
container.scrollBy({ left: -(itemWidth + columnGap), behavior: 'smooth' });
});
chevronRight.addEventListener('click', function() {
container.scrollBy({ left: itemWidth + columnGap, behavior: 'smooth' });
});
container.addEventListener('scroll', updateChevrons);
updateChevrons(); // Initial update to hide chevrons if necessary
// Observe changes in container size or layout
const resizeObserver = new ResizeObserver(() => {
updateChevrons();
});
resizeObserver.observe(container);
});
</script>
</div>
</div>
<div class="elementor-element elementor-element-190eb8b elementor-align-center elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="190eb8b" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/all-products">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Explore all</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-32da31d e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="32da31d" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-901cdd5 elementor-widget elementor-widget-heading" data-id="901cdd5" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Ready to start ordering wholesale online?</h2> </div>
</div>
<div class="elementor-element elementor-element-d2b1d2e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor" data-id="d2b1d2e" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Become a retailer and find your store’s next best selling item</p> </div>
</div>
<div class="elementor-element elementor-element-f2727b6 e-flex e-con-boxed e-con e-child" data-id="f2727b6" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-d889893 elementor-align-center elementor-widget elementor-widget-button" data-id="d889893" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/user-login">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">REGISTER NOW</span>
</span>
</a>
</div>
</div>
</div>
<div class="elementor-element elementor-element-2f8cd0e elementor-widget elementor-widget-heading" data-id="2f8cd0e" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">OR</h2> </div>
</div>
<div class="elementor-element elementor-element-c026d76 elementor-align-center elementor-widget elementor-widget-button" data-id="c026d76" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/user-login">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">SIGN IN</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-3ee567e e-con-full e-flex e-con e-parent" data-id="3ee567e" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-4f22b94 elementor-widget elementor-widget-heading" data-id="4f22b94" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">checkout our</h2> </div>
</div>
<div class="elementor-element elementor-element-5f0fb45 elementor-widget elementor-widget-heading" data-id="5f0fb45" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">New Arrivals</h2> </div>
</div>
<div class="elementor-element elementor-element-a3374f6 elementor-widget elementor-widget-bestseller category" data-id="a3374f6" data-element_type="widget" data-widget_type="bestseller category.default">
<div class="elementor-widget-container">
<div id="bestseller-category-plugin-container"><div class="bestseller-category-top-container"><a href="/all-products/collection/products/Bags/1cb3ea0e-08b0-4abc-92bd-2a5272d3e189" id="bestseller-category-view-all-btn"></a></div><div class="bestseller-category-container-wrapper" data-collection-id="1cb3ea0e-08b0-4abc-92bd-2a5272d3e189"><div class="bestseller-category-chevron bestseller-category-chevron-left hidden" data-collection-id="1cb3ea0e-08b0-4abc-92bd-2a5272d3e189"><img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/iconchevronleft.png"></div><div class="bestseller-category-container"><a style="min-width: fit-content;" href="/product-details/d8666022-9606-4be1-a89c-86b5ccabb99e" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/66ffb252-7aff-4f98-99ab-e810c5bbb3a6?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* NAT. WOVEN LINED TOTE BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDQP008</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* NAT. WOVEN LINED TOTE BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/abcc3fdc-b304-47d0-86e4-ca3869ca2fe7" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/d49e8fac-1814-4fbd-9bc5-631b399db3a3?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 14" LT. GREEN STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA08</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 14" LT. GREEN STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/2ad37aef-8a55-4525-bb89-cfda1129ff51" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/21772f09-176d-4d6c-9b27-5a2e7c98125b?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 14" TAUPE STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA06</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 14" TAUPE STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/ee9a0ff1-4a03-4990-85ef-a5984be28a8c" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/50353dc0-e8fb-4beb-ba77-b9d55f25128f?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 14" BLUE STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA05</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 14" BLUE STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/58f1ef22-2006-4c57-9132-6ab3ee6781fb" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/1b88e93b-d5b3-4b4c-82a8-602226b67ccc?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 9" LT. GREEN STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA07</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 9" LT. GREEN STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/083da137-5bb9-4e56-b453-b77ac155ca0a" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/08cfc428-fce6-4cbc-b4e6-7775b25e03e0?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 14" RED STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA04</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 14" RED STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/9b6c7249-cda6-4dff-8e94-25c86cedc0c9" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/b6589b8e-d7de-4995-960a-31ac4fe8eb05?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 9" TAUPE STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA03</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 9" TAUPE STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/5cb83b2f-5a95-4d00-b9cc-9b033f1ebaf0" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/62a58e30-872b-4c5c-ab1c-62709604a964?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 9" BLUE STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA02</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 9" BLUE STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/203b6b4d-4c6b-48f0-8c6d-ef5f8c50ae17" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/43cd74eb-e515-496a-90b8-c1803f8a0cbb?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 9" RED STRIPE BEACH BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDPA01</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 9" RED STRIPE BEACH BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/8fb8afd9-7196-46ca-9c81-26170d866464" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/78cb12f3-61a2-4067-9724-70b7b6f9a873?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* JUTE BLEND CANVAS TOTE BAG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDGN04</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* JUTE BLEND CANVAS TOTE BAG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a></div><div class="bestseller-category-chevron bestseller-category-chevron-right" data-collection-id="1cb3ea0e-08b0-4abc-92bd-2a5272d3e189"><img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/iconchevronright.png"></div></div></div> <style>
#bestseller-category-plugin-container {
display: flex;
}
.bestseller-category-container {
display: flex;
overflow: auto;
padding: 12px;
width: 100%;
}
.bestseller-category-top-container{
display: flex;
width: 100%;
}
#bestseller-category-title{
margin: 0;
padding: 0;
}
.bestseller-category-product-item {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0;
gap: 0;
}
.bestseller-category-image {
/* transition: transform 0.3s ease; */
width: 100%;
align-self: center;
}
/* .image:hover {
transform: scale(1.05);
} */
#bestseller-category-details-container{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
}
#bestseller-category-details-container > *{
margin:0;
padding:0;
}
#bestseller-category-product-name{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
margin: 0;
}
.bestseller-category-product-price{
margin: 0;
}
.bestseller-category-container-wrapper {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.bestseller-category-chevron {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: rgba(255, 255, 255, 1);
color: rgba(0, 92, 121, 1);
border-radius: 50px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
z-index: 98;
position: absolute;
transform: translateY(-50%);
}
.bestseller-category-chevron-left {
left: -20px;
}
.bestseller-category-chevron-right {
right: -20px;
}
.bestseller-category-chevron.hidden {
display: none !important;
}
.bestseller-category-container::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.bestseller-category-container {
scrollbar-width: none; /* Firefox */
}
.bestseller-category-container {
-ms-overflow-style: none; /* IE and Edge */
}
.bestseller-category-name-price{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
#bestseller-category-view-all-btn{
cursor: pointer;
margin: 0;
padding: 0;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const container = document.querySelector('.bestseller-category-container-wrapper[data-collection-id="1cb3ea0e-08b0-4abc-92bd-2a5272d3e189"] .bestseller-category-container');
const chevronLeft = document.querySelector('.bestseller-category-chevron-left[data-collection-id="1cb3ea0e-08b0-4abc-92bd-2a5272d3e189"]');
const chevronRight = document.querySelector('.bestseller-category-chevron-right[data-collection-id="1cb3ea0e-08b0-4abc-92bd-2a5272d3e189"]');
const card = document.querySelector('.bestseller-category-product-item');
const columnGap = 20;
function updateChevrons() {
const scrollLeft = container.scrollLeft;
const scrollWidth = container.scrollWidth;
const clientWidth = container.clientWidth;
if (scrollLeft === 0) {
chevronLeft.classList.add('hidden');
} else {
chevronLeft.classList.remove('hidden');
}
if (scrollLeft + clientWidth >= scrollWidth) {
chevronRight.classList.add('hidden');
} else {
chevronRight.classList.remove('hidden');
}
}
chevronLeft.addEventListener('click', function() {
container.scrollBy({ left: -(card.clientWidth + columnGap), behavior: 'smooth' });
});
chevronRight.addEventListener('click', function() {
container.scrollBy({ left: card.clientWidth + columnGap, behavior: 'smooth' });
});
container.addEventListener('scroll', updateChevrons);
updateChevrons();
const resizeObserver = new ResizeObserver(() => {
updateChevrons();
});
resizeObserver.observe(container);
});
</script>
</div>
</div>
</div>
<div class="elementor-element elementor-element-dc69365 e-con-full e-flex e-con e-parent" data-id="dc69365" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-9998002 elementor-widget elementor-widget-heading" data-id="9998002" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">A good place to start</h2> </div>
</div>
<div class="elementor-element elementor-element-011f4e8 e-flex e-con-boxed e-con e-child" data-id="011f4e8" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-b9890e4 elementor-widget-tablet__width-initial elementor-widget elementor-widget-premium_categories_widget" data-id="b9890e4" data-element_type="widget" data-widget_type="premium_categories_widget.default">
<div class="elementor-widget-container">
<div class="premium-categories-plugin"><div class="premium-categories-upper-container"><div><h4 id="premium_categories_title">Featured Categories</h4></div><div></div></div><div class="premium-categories-all-images"><div class="premium-categories-container"><div class="premium-categories-item elementor-repeater-item-e339444" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/bbb9ca06-243a-4ff2-a6b7-51f5ffd32add?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A485%2C%22height%22%3A798%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Drinkware/88081fc4-d169-4390-b4dc-602edc38c716'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Drinkware</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Drinkware/88081fc4-d169-4390-b4dc-602edc38c716" target="_self"><i class="fas fa-arrow-right"></i></a></div></div><div class="premium-categories-item elementor-repeater-item-ac04442" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/5f3f074e-aacd-4a63-b760-93e8343bf2b2?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A485%2C%22height%22%3A798%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Chairs%20&%20Stools/89913ab3-97dc-41f1-ada9-5dd0618b9314'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Chairs & Stools</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Chairs & Stools/89913ab3-97dc-41f1-ada9-5dd0618b9314" target="_self"><i class="fas fa-arrow-right"></i></a></div></div><div class="premium-categories-item elementor-repeater-item-bb165eb" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/d1fce2fc-9d61-42f4-bbfe-6aef356f47f6?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A485%2C%22height%22%3A798%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Garden/9f23d30d-6655-421b-91ce-5e5e93587665'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Garden</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Garden/9f23d30d-6655-421b-91ce-5e5e93587665" target="_self"><i class="fas fa-arrow-right"></i></a></div></div><div class="premium-categories-item elementor-repeater-item-0490f25" style="background-image: url(https://fileserver-g-p.sourcerer.tech/files/720699c8-7881-4a10-b508-92c032ad6cb9?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A485%2C%22height%22%3A798%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D); cursor: pointer;" onclick="window.location.href = '/all-products/category/products/Textiles/63704a55-9902-41f4-adad-d45218af424c'"><div class="premium-categories-item-background"></div><div class="premium-categories-overlay"><span class="premium-categories-title">Textiles</span><a class="premium-categories-arrow-button" href="/all-products/category/products/Textiles/63704a55-9902-41f4-adad-d45218af424c" target="_self"><i class="fas fa-arrow-right"></i></a></div></div></div></div></div> <style>
.premium-categories-plugin {
width: 100%;
display: flex;
flex-direction: column;
padding: 20px;
background-color: #fff;
padding: 0;
}
.premium-categories-upper-container {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
#premium_categories_title {
font-size: 30px;
color: #333;
margin: 0;
}
#premium-categories-primary-button-link {
font-size: 1rem;
color: #0073e6;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
transition: all 0.3s ease;
}
.premium-categories-all-images {
width: 100%;
}
.premium-categories-item {
position: relative;
overflow: hidden;
border-radius: 10px;
background-size: cover;
background-position: center;
flex: 0 0 auto !important;
}
.premium-categories-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: transparent;
color: white;
padding: 5px 10px;
display: flex;
height: 40px;
z-index: 2;
}
.premium-categories-overlay .premium-categories-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-size: 1.2em;
font-weight: bold;
}
.premium-categories-arrow-button,
.premium-categories-all-arrow-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
background-color: #00000000;
cursor: pointer;
}
.premium-categories-arrow-button:hover,
.premium-categories-all-arrow-button {
text-decoration: none;
border: none;
}
.premium-categories-button-link {
display: flex;
justify-content: space-between;
align-items: center;
}
.premium-categories-item-background {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.premium-categories-container{
overflow: auto;
}
.premium-categories-container::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.premium-categories-container {
scrollbar-width: none; /* Firefox */
}
.premium-categories-container {
-ms-overflow-style: none; /* IE and Edge */
}
.premium-categories-chevron-left, .premium-categories-chevron-right {
position: absolute;
top: 55%;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.7);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
border-radius: 50%;
cursor: pointer;
z-index: 10;
}
.premium-categories-chevron-left {
left: -20px;
}
.premium-categories-chevron-right {
right: -20px;
}
.hidden{
display: none !important;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const container = document.querySelector('.premium-categories-container');
const chevronLeft = document.querySelector('.premium-categories-chevron-left');
const chevronRight = document.querySelector('.premium-categories-chevron-right');
const columnGap = parseInt(getComputedStyle(container).getPropertyValue('column-gap')) || 0;
const itemWidth = 200;
function updateChevrons() {
const scrollLeft = Math.ceil(container.scrollLeft);
const scrollWidth = container.scrollWidth;
const clientWidth = container.clientWidth;
// Hide the left chevron when fully scrolled to the left
if (scrollLeft <= 0) {
chevronLeft.classList.add('hidden');
} else {
chevronLeft.classList.remove('hidden');
}
// Hide the right chevron when fully scrolled to the right
if (scrollLeft + clientWidth >= scrollWidth) {
chevronRight.classList.add('hidden');
} else {
chevronRight.classList.remove('hidden');
}
}
chevronLeft.addEventListener('click', function() {
container.scrollBy({ left: -(itemWidth + columnGap), behavior: 'smooth' });
});
chevronRight.addEventListener('click', function() {
container.scrollBy({ left: itemWidth + columnGap, behavior: 'smooth' });
});
container.addEventListener('scroll', updateChevrons);
updateChevrons(); // Initial update to hide chevrons if necessary
// Observe changes in container size or layout
const resizeObserver = new ResizeObserver(() => {
updateChevrons();
});
resizeObserver.observe(container);
});
</script>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-e2ed7d8 e-con-full e-flex e-con e-parent" data-id="e2ed7d8" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-895f741 elementor-widget elementor-widget-heading" data-id="895f741" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">We Think You’ll Love These</h2> </div>
</div>
<div class="elementor-element elementor-element-d6d6e96 elementor-widget elementor-widget-bestseller category" data-id="d6d6e96" data-element_type="widget" data-widget_type="bestseller category.default">
<div class="elementor-widget-container">
<div id="bestseller-category-plugin-container"><div class="bestseller-category-top-container"><a href="/all-products/collection/products/Fall/6a43570b-dfaf-4b23-bde3-6fef5d9cd34a" id="bestseller-category-view-all-btn"></a></div><div class="bestseller-category-container-wrapper" data-collection-id="6a43570b-dfaf-4b23-bde3-6fef5d9cd34a"><div class="bestseller-category-chevron bestseller-category-chevron-left hidden" data-collection-id="6a43570b-dfaf-4b23-bde3-6fef5d9cd34a"><img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/iconchevronleft.png"></div><div class="bestseller-category-container"><a style="min-width: fit-content;" href="/product-details/37161a25-f624-4ce3-866e-6e0cad6227b5" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/d20f80d6-10d1-4f66-923b-b10300f1c6ee?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="4.5" ORANGE CHEVRON PUMPKIN **SALE**" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PD2117016-OR</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">4.5" ORANGE CHEVRON PUMPKIN **SALE**</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/db4ca823-b038-4ec1-8140-8dfe5c3f6b1e" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/ca33c6ab-3e3a-4afb-9539-39ef9403ae84?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 23.6" FALL REED BUSH" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDXH2415</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 23.6" FALL REED BUSH</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/6245a976-88a9-4ddb-8b4b-9c72b301a8a2" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/e935db83-0db7-4e28-a3dc-a0b12dae77d0?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* AUTUMN LEAF PAPER GARLAND ON SPOOL" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDAS23-04</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* AUTUMN LEAF PAPER GARLAND ON SPOOL</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/21e468d4-7ea5-4941-85bf-4b69885f2259" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/44e4331c-b661-4d7f-b282-9c584c5138b9?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="S/3 RESIN MINI PUMPKINS" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDXB20-002</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">S/3 RESIN MINI PUMPKINS</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/36f597da-c76c-469f-bb57-4e950d1e18e9" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/2865e2ff-7a85-4991-8154-1dd241083b17?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="BEIGE MARBLE PUMPKIN SERVING BOARD" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDSAM2401</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">BEIGE MARBLE PUMPKIN SERVING BOARD</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/b59e02dc-e193-4576-8dd7-a2b90ec52390" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/497b4975-91dd-4b45-b687-1126d4cd8a3c?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* REACTIVE GLAZE LEAF PLATE" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDYO24-03</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* REACTIVE GLAZE LEAF PLATE</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/19b96211-24e1-4823-a9ed-0bdfed3e47f6" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/2c327faa-6b25-469b-8cc6-2a7e8a101713?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* REACTIVE GLAZE PUMPKIN MUG" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDYO24-02</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* REACTIVE GLAZE PUMPKIN MUG</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/ef7812d5-80b1-4598-a29e-4139c10bac03" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/fa833ee7-577d-4a5e-8cfa-bdcf29cd64e6?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="14" X 10" PUMPKIN INLAY CUTTING BOARD" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDBKP24-002</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">14" X 10" PUMPKIN INLAY CUTTING BOARD</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/513484cc-9291-4aa0-9428-b0c664f1a2ad" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/3d5f56d7-1594-4ea4-bcca-7a3c98684924?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="14" X 10" LEAF INLAY CUTTING BOARD" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDBKP24-001</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">14" X 10" LEAF INLAY CUTTING BOARD</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a><a style="min-width: fit-content;" href="/product-details/c4f6eea6-126f-492f-b0cb-48f2ff3ed245" target="_self">
<div class="bestseller-category-product-item">
<div class="bestseller-category-image-container" style="width: 100%; padding: 0; margin: 0;">
<img decoding="async" class="bestseller-category-image" src="https://fileserver-g-p.sourcerer.tech/files/5c436449-75c1-4feb-b442-78940e44f9ec?transforms=%5B%5B%22resize%22%2C%7B%22width%22%3A298%2C%22height%22%3A309%2C%22fit%22%3A%22contain%22%2C%22background%22%3A%22white%22%7D%5D%5D" alt="*INNER* 2 ASST. 27" AUTUMN LEAF STEM" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div id="bestseller-category-details-container"><p id="bestseller-category-product-category">PDCB2402</p><div class="bestseller-category-name-price"><p id="bestseller-category-product-name">*INNER* 2 ASST. 27" AUTUMN LEAF STEM</p><p class="bestseller-category-product-price" style="display: none;"></p></div></div></div>
</a></div><div class="bestseller-category-chevron bestseller-category-chevron-right" data-collection-id="6a43570b-dfaf-4b23-bde3-6fef5d9cd34a"><img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/iconchevronright.png"></div></div></div> <style>
#bestseller-category-plugin-container {
display: flex;
}
.bestseller-category-container {
display: flex;
overflow: auto;
padding: 12px;
width: 100%;
}
.bestseller-category-top-container{
display: flex;
width: 100%;
}
#bestseller-category-title{
margin: 0;
padding: 0;
}
.bestseller-category-product-item {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0;
gap: 0;
}
.bestseller-category-image {
/* transition: transform 0.3s ease; */
width: 100%;
align-self: center;
}
/* .image:hover {
transform: scale(1.05);
} */
#bestseller-category-details-container{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
}
#bestseller-category-details-container > *{
margin:0;
padding:0;
}
#bestseller-category-product-name{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
margin: 0;
}
.bestseller-category-product-price{
margin: 0;
}
.bestseller-category-container-wrapper {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.bestseller-category-chevron {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: rgba(255, 255, 255, 1);
color: rgba(0, 92, 121, 1);
border-radius: 50px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
z-index: 98;
position: absolute;
transform: translateY(-50%);
}
.bestseller-category-chevron-left {
left: -20px;
}
.bestseller-category-chevron-right {
right: -20px;
}
.bestseller-category-chevron.hidden {
display: none !important;
}
.bestseller-category-container::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.bestseller-category-container {
scrollbar-width: none; /* Firefox */
}
.bestseller-category-container {
-ms-overflow-style: none; /* IE and Edge */
}
.bestseller-category-name-price{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
#bestseller-category-view-all-btn{
cursor: pointer;
margin: 0;
padding: 0;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const container = document.querySelector('.bestseller-category-container-wrapper[data-collection-id="6a43570b-dfaf-4b23-bde3-6fef5d9cd34a"] .bestseller-category-container');
const chevronLeft = document.querySelector('.bestseller-category-chevron-left[data-collection-id="6a43570b-dfaf-4b23-bde3-6fef5d9cd34a"]');
const chevronRight = document.querySelector('.bestseller-category-chevron-right[data-collection-id="6a43570b-dfaf-4b23-bde3-6fef5d9cd34a"]');
const card = document.querySelector('.bestseller-category-product-item');
const columnGap = 27;
function updateChevrons() {
const scrollLeft = container.scrollLeft;
const scrollWidth = container.scrollWidth;
const clientWidth = container.clientWidth;
if (scrollLeft === 0) {
chevronLeft.classList.add('hidden');
} else {
chevronLeft.classList.remove('hidden');
}
if (scrollLeft + clientWidth >= scrollWidth) {
chevronRight.classList.add('hidden');
} else {
chevronRight.classList.remove('hidden');
}
}
chevronLeft.addEventListener('click', function() {
container.scrollBy({ left: -(card.clientWidth + columnGap), behavior: 'smooth' });
});
chevronRight.addEventListener('click', function() {
container.scrollBy({ left: card.clientWidth + columnGap, behavior: 'smooth' });
});
container.addEventListener('scroll', updateChevrons);
updateChevrons();
const resizeObserver = new ResizeObserver(() => {
updateChevrons();
});
resizeObserver.observe(container);
});
</script>
</div>
</div>
</div>
<div class="elementor-element elementor-element-dd815ea elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="dd815ea" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-6bf421c e-con-full e-flex e-con e-child" data-id="6bf421c" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-71479b8 elementor-widget elementor-widget-heading" data-id="71479b8" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Shop The Look</h2> </div>
</div>
</div>
<div class="elementor-element elementor-element-b7b19b5 e-con-full e-flex e-con e-child" data-id="b7b19b5" data-element_type="container">
<div class="elementor-element elementor-element-2a8d63d elementor-widget elementor-widget-hotspot" data-id="2a8d63d" data-element_type="widget" data-settings="{"hotspot":[{"_id":"363154b","hotspot_custom_size":"","hotspot_tooltip_content":"<p>PDCY05<\/p>","hotspot_offset_x":{"unit":"%","size":44,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":44,"sizes":[]},"hotspot_offset_x_mobile":{"unit":"px","size":51,"sizes":[]},"hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDCY05&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null},{"_id":"bd6f720","hotspot_tooltip_content":"<p>PDHU03<\/p>","hotspot_offset_x":{"unit":"%","size":40,"sizes":[]},"hotspot_offset_x_mobile":{"unit":"px","size":41,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":55,"sizes":[]},"hotspot_offset_y_mobile":{"unit":"px","size":73,"sizes":[]},"hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDHU03&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_offset_y_tablet":{"unit":"px","size":63,"sizes":[]},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null},{"hotspot_tooltip_content":"<p>PDGW002<\/p>","hotspot_offset_x":{"unit":"%","size":81,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":45,"sizes":[]},"_id":"0cdaf60","hotspot_offset_x_mobile":{"unit":"px","size":84,"sizes":[]},"hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDGW002&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null},{"hotspot_tooltip_content":"<p>PDGE007<\/p>","hotspot_offset_x":{"unit":"%","size":54,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":11,"sizes":[]},"_id":"6713c78","hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDGE007&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null},{"hotspot_tooltip_content":"<p>PDOP003-B<\/p>","hotspot_offset_x":{"unit":"%","size":8,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":36,"sizes":[]},"_id":"6ecf400","hotspot_offset_x_mobile":{"unit":"px","size":16,"sizes":[]},"hotspot_offset_y_mobile":{"unit":"px","size":40,"sizes":[]},"hotspot_offset_x_tablet":{"unit":"px","size":11,"sizes":[]},"hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDOP003-B&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null},{"hotspot_tooltip_content":"<p>PDGE005<\/p>","hotspot_offset_x":{"unit":"%","size":13,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":6,"sizes":[]},"_id":"334d5ab","hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDGE005&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null},{"hotspot_tooltip_content":"<p>PDVO022<\/p>","hotspot_offset_x":{"unit":"%","size":86,"sizes":[]},"hotspot_offset_x_mobile":{"unit":"px","size":86,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":7,"sizes":[]},"_id":"7c936c8","hotspot_link":{"url":"https:\/\/pdhome.wizcommerce.com\/all-products\/search?search=PDVO022&type=sku_id&filters*inventory_status=IN_STOCK&&page=1","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"fas fa-dot-circle","library":"fa-solid"},"hotspot_label":"","hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null}],"tooltip_trigger":"none","tooltip_position_mobile":"top","tooltip_position":"top"}" data-widget_type="hotspot.default">
<div class="elementor-widget-container">
<img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/look.png" title="" alt="" loading="lazy">
<a class="e-hotspot elementor-repeater-item-363154b e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDCY05&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDCY05</p> </div>
</a>
<a class="e-hotspot elementor-repeater-item-bd6f720 e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDHU03&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDHU03</p> </div>
</a>
<a class="e-hotspot elementor-repeater-item-0cdaf60 e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDGW002&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDGW002</p> </div>
</a>
<a class="e-hotspot elementor-repeater-item-6713c78 e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDGE007&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDGE007</p> </div>
</a>
<a class="e-hotspot elementor-repeater-item-6ecf400 e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDOP003-B&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDOP003-B</p> </div>
</a>
<a class="e-hotspot elementor-repeater-item-334d5ab e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDGE005&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDGE005</p> </div>
</a>
<a class="e-hotspot elementor-repeater-item-7c936c8 e-hotspot--position-left e-hotspot--position-top e-hotspot--link e-hotspot--icon" href="https://pdhome.wizcommerce.com/all-products/search?search=PDVO022&type=sku_id&filters*inventory_status=IN_STOCK&&page=1">
<div class="e-hotspot__button e-hotspot--expand">
<div class="e-hotspot__icon"><svg class="e-font-icon-svg e-fas-dot-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm80 248c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80z"></path></svg></div>
</div>
<div class="e-hotspot__tooltip e-hotspot--show-tooltip e-hotspot--tooltip-position ">
<p>PDVO022</p> </div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-150668d e-con-full e-flex e-con e-parent" data-id="150668d" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f187985 elementor-hidden-desktop elementor-widget elementor-widget-heading" data-id="f187985" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Our Story</h2> </div>
</div>
<div class="elementor-element elementor-element-55cfbf6 elementor-widget elementor-widget-our_story_widget" data-id="55cfbf6" data-element_type="widget" data-widget_type="our_story_widget.default">
<div class="elementor-widget-container">
<div class="custom-story-widget">
<div class="story-image-container">
<img decoding="async" class="our-story-image" src="https://pdhome.wizcommerce.com/wp-content/uploads/2024/05/our-story.png" alt="image" onerror="this.onerror=null; this.src='https://frontend-bucket.vercel.app/images/fallback2.png';">
</div>
<div class="story-details-container"><span class="story-title our-story-desktop">Our Story</span><div class="story-description">Pd Home was established in 2009 with one goal in mind, to design, import and distribute beautiful trend-current products for home and garden at competitive prices.<br>
<br>
While our look has evolved over the past 15 years, our mission remains the same. The buying team is studying the market and traveling the world identifying trends and key items for your shops. The relationships we have built with our partners overseas afford Pd Home the ability to bring quality products to you at the best prices.<br>
<br>
Take your assortment to the next level and become a customer of Pd Home. We look forward to hearing from you soon.</div><a href="/about-us" class="story-button">
READ FULL STORY
</a></div>
</div> <style>
.custom-story-widget {
display: flex;
padding: 0;
}
.story-button {
padding: 10px 20px;
border-radius: 8px;
margin-top:auto;
}
.story-image-container {
display: flex;
justify-content: center;
align-items: center;
/* flex: 1; */
}
.story-details-container {
flex: 1;
display: flex;
flex-direction: column;
}
.story-title {
display: none;
}
.story-title.our-story-desktop {
display: block;
}
@media (max-width: 1024px) {
.story-title.our-story-desktop {
display: none;
}
.story-title.our-story-tablet {
display: block;
}
}
@media (max-width: 767px) {
.story-title.our-story-tablet {
display: none;
}
.story-title.our-story-mobile {
display: block;
}
}
</style>
</div>
</div>
</div>
<div class="elementor-element elementor-element-9012491 e-con-full elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent" data-id="9012491" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-4475628 e-con-full e-flex e-con e-child" data-id="4475628" data-element_type="container">
<div class="elementor-element elementor-element-4063e32 elementor-widget elementor-widget-image" data-id="4063e32" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/price.svg" title="" alt="" loading="lazy"> </div>
</div>
<div class="elementor-element elementor-element-4b257c9 elementor-widget elementor-widget-heading" data-id="4b257c9" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Best Price</h2> </div>
</div>
</div>
<div class="elementor-element elementor-element-e179a9d elementor-hidden-mobile elementor-widget elementor-widget-heading" data-id="e179a9d" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">|</span> </div>
</div>
<div class="elementor-element elementor-element-e1082e9 e-con-full e-flex e-con e-child" data-id="e1082e9" data-element_type="container">
<div class="elementor-element elementor-element-8e7f4f1 elementor-widget elementor-widget-image" data-id="8e7f4f1" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/quality.svg" title="" alt="" loading="lazy"> </div>
</div>
<div class="elementor-element elementor-element-8d869dc elementor-widget elementor-widget-heading" data-id="8d869dc" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Assured Quality</h2> </div>
</div>
<div class="elementor-element elementor-element-56ccc2a elementor-hidden-mobile elementor-widget elementor-widget-heading" data-id="56ccc2a" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">|</span> </div>
</div>
</div>
<div class="elementor-element elementor-element-47bfc73 e-con-full e-flex e-con e-child" data-id="47bfc73" data-element_type="container">
<div class="elementor-element elementor-element-a7675f6 elementor-widget elementor-widget-image" data-id="a7675f6" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/war.svg" title="" alt="" loading="lazy"> </div>
</div>
<div class="elementor-element elementor-element-cb7b205 elementor-widget elementor-widget-heading" data-id="cb7b205" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">1yr warranty</h2> </div>
</div>
</div>
<div class="elementor-element elementor-element-1079f6f elementor-hidden-mobile elementor-widget elementor-widget-heading" data-id="1079f6f" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">|</span> </div>
</div>
<div class="elementor-element elementor-element-a432f8f e-con-full e-flex e-con e-child" data-id="a432f8f" data-element_type="container">
<div class="elementor-element elementor-element-6afb75b elementor-widget elementor-widget-image" data-id="6afb75b" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img decoding="async" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/easy.svg" title="" alt="" loading="lazy"> </div>
</div>
<div class="elementor-element elementor-element-133be9b elementor-widget elementor-widget-heading" data-id="133be9b" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Easy Returns </h2> </div>
</div>
</div>
</div>
</div>
<div data-elementor-type="footer" data-elementor-id="3332" class="elementor elementor-3332 elementor-location-footer" data-elementor-post-type="elementor_library">
<footer class="elementor-element elementor-element-5f3524f e-con-full e-flex e-con e-child" data-id="5f3524f" data-element_type="container" id="footer" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-d93a43e e-con-full e-flex e-con e-child" data-id="d93a43e" data-element_type="container">
<div class="elementor-element elementor-element-1e1e6cf e-con-full e-flex e-con e-child" data-id="1e1e6cf" data-element_type="container">
<div class="elementor-element elementor-element-b4e44ce e-con-full e-flex e-con e-child" data-id="b4e44ce" data-element_type="container">
<div class="elementor-element elementor-element-bc2c1e2 elementor-widget elementor-widget-logo_wiz_plugin_widget" data-id="bc2c1e2" data-element_type="widget" data-widget_type="logo_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<script>
(function() {
localStorage.setItem("wizshop_settings", JSON.stringify({"logo_with_name":"https:\/\/frontend-bucket.vercel.app\/images\/storefront\/PD-Home\/pdhome-header.svg","login_screen_logo":"https:\/\/frontend-bucket.vercel.app\/images\/storefront\/PD-Home\/pdhome-header.svg","company_name":"PD Home","company_announcement":"Get exclusive updates about product launches, sales and more!","company_email":"[email protected]","prelogin_allowed":true,"prelogin_price":false,"prelogin_inventory":false,"postlogin_inventory":true,"prelogin_inventory_status_filter":[],"buyer_tenant_id":"00000000-0000-0000-0000-000000000000","postlogin_inventory_status_filter":[],"hide_postlogin_filters":{"inventory_status":{"buckets":["OUT_OF_STOCK"]}},"active_free_trial":false}));
})();
</script><style>
.logo_container {
display: flex;
}
.logo_text {
min-width: fit-content;
}
</style><div class="logo_container">
<a href="/">
<img class="logo_image" src="https://frontend-bucket.vercel.app/images/storefront/PD-Home/pdhomeLogo.png" alt="logo" onerror="this.onerror=null; this.src='';">
</a>
<a href="/" class="logo_text"></a>
</div> <script>
document.addEventListener('DOMContentLoaded', function(){
function status_check() {
const persistedUserString = localStorage.getItem("persist:root");
if (persistedUserString) {
const persistedUser = JSON.parse(persistedUserString);
if (persistedUser && persistedUser.persistedUserData) {
const userData = JSON.parse(persistedUser.persistedUserData);
if (userData.auth_access_token === null) {
return false;
} else {
return true;
}
}
}
return false;
};
var user_logged_in = status_check();
function is_prelogin_price() {
const wizshop_settings = localStorage.getItem('wizshop_settings');
if (wizshop_settings) {
const pre_login_settings = JSON.parse(wizshop_settings);
if (user_logged_in || (!user_logged_in && pre_login_settings?.prelogin_price)) {
return true;
}
}
return false;
};
var show_price = is_prelogin_price();
if(show_price) {
document.querySelectorAll('.product-price').forEach(priceElement => {
priceElement.style.display = 'block';
});
document.querySelectorAll('.newarrival-product-price').forEach(priceElement => {
priceElement.style.display = 'block';
});
}
})
</script>
</div>
</div>
<div class="elementor-element elementor-element-ae92adf elementor-widget-mobile__width-initial elementor-widget elementor-widget-header_wiz_plugin_widget" data-id="ae92adf" data-element_type="widget" data-widget_type="header_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="user_menu"><a class="temp" href="https://www.google.com/maps/place/2480+West+Dr+%232480,+Phoenixville,+PA+19460,+USA/@40.1243848,-75.4594892,17z/data=!3m1!4b1!4m5!3m4!1s0x89c691f762362f39:0x6d29816f5c5c8968!8m2!3d40.1243848!4d-75.4569143?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D" target="_blank"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none"><path d="M11 12.875C10.3201 12.875 9.65552 12.6734 9.09023 12.2957C8.52494 11.918 8.08434 11.3811 7.82417 10.753C7.56399 10.1249 7.49592 9.43369 7.62855 8.76688C7.76119 8.10007 8.08858 7.48757 8.56932 7.00682C9.05007 6.52608 9.66257 6.19869 10.3294 6.06605C10.9962 5.93342 11.6874 6.00149 12.3155 6.26167C12.9436 6.52184 13.4805 6.96244 13.8582 7.52773C14.2359 8.09302 14.4375 8.75763 14.4375 9.4375C14.4364 10.3488 14.0739 11.2226 13.4295 11.867C12.7851 12.5114 11.9113 12.8739 11 12.875ZM11 7.375C10.5921 7.375 10.1933 7.49597 9.85414 7.7226C9.51496 7.94923 9.25061 8.27134 9.0945 8.64822C8.93839 9.02509 8.89755 9.43979 8.97713 9.83988C9.05671 10.24 9.25315 10.6075 9.54159 10.8959C9.83004 11.1844 10.1975 11.3808 10.5976 11.4604C10.9977 11.54 11.4124 11.4991 11.7893 11.343C12.1662 11.1869 12.4883 10.9225 12.7149 10.5834C12.9415 10.2442 13.0625 9.84543 13.0625 9.4375C13.062 8.89066 12.8445 8.36637 12.4578 7.9797C12.0711 7.59302 11.5468 7.37555 11 7.375Z" fill="#FDFDFD"></path><path d="M11 21.125L5.20025 14.2851C5.11967 14.1824 5.03991 14.079 4.961 13.975C3.9708 12.6697 3.43566 11.0759 3.4375 9.4375C3.4375 7.4318 4.23427 5.50825 5.65251 4.09001C7.07075 2.67176 8.99431 1.875 11 1.875C13.0057 1.875 14.9293 2.67176 16.3475 4.09001C17.7657 5.50825 18.5625 7.4318 18.5625 9.4375C18.5641 11.0751 18.0292 12.6681 17.0397 13.9729L17.039 13.975C17.039 13.975 16.8328 14.2459 16.8018 14.2823L11 21.125ZM6.05894 13.1466C6.05894 13.1466 6.21913 13.3583 6.25557 13.4037L11 18.9993L15.7506 13.3961C15.7809 13.3583 15.9418 13.1452 15.9424 13.1445C16.7518 12.0783 17.1891 10.7761 17.1875 9.4375C17.1875 7.79647 16.5356 6.22266 15.3752 5.06228C14.2148 3.9019 12.641 3.25 11 3.25C9.35898 3.25 7.78516 3.9019 6.62478 5.06228C5.4644 6.22266 4.8125 7.79647 4.8125 9.4375C4.81081 10.777 5.24869 12.08 6.05894 13.1466Z" fill="#FDFDFD"></path></svg></div><p class="item_text">2480 West Drive, Suite 2480 Oaks, Pennsylvania 19456</p></a><a class="temp" href="mailto:[email protected]"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M19.25 4.125H2.75C2.38533 4.125 2.03559 4.26987 1.77773 4.52773C1.51987 4.78559 1.375 5.13533 1.375 5.5V16.5C1.375 16.8647 1.51987 17.2144 1.77773 17.4723C2.03559 17.7301 2.38533 17.875 2.75 17.875H19.25C19.6147 17.875 19.9644 17.7301 20.2223 17.4723C20.4801 17.2144 20.625 16.8647 20.625 16.5V5.5C20.625 5.13533 20.4801 4.78559 20.2223 4.52773C19.9644 4.26987 19.6147 4.125 19.25 4.125ZM17.7375 5.5L11 10.1612L4.2625 5.5H17.7375ZM2.75 16.5V6.12562L10.6081 11.5637C10.7232 11.6436 10.8599 11.6864 11 11.6864C11.1401 11.6864 11.2768 11.6436 11.3919 11.5637L19.25 6.12562V16.5H2.75Z" fill="#454C2D"></path></svg></div><p class="item_text">[email protected]</p></a><a class="temp" href="tel:+6106508800"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M17.8737 19.9375H17.7569C4.24749 19.1606 2.32936 7.76188 2.06124 4.28313C2.03963 4.01265 2.07161 3.74057 2.15534 3.48247C2.23907 3.22437 2.3729 2.98533 2.54917 2.77905C2.72544 2.57276 2.94068 2.40329 3.18256 2.28033C3.42444 2.15737 3.6882 2.08335 3.95874 2.0625H7.74686C8.02224 2.06223 8.29136 2.14466 8.51936 2.29911C8.74735 2.45356 8.92372 2.67291 9.02561 2.92875L10.0706 5.5C10.1712 5.74994 10.1962 6.02393 10.1424 6.28794C10.0886 6.55195 9.95848 6.79434 9.76811 6.985L8.30374 8.46313C8.53248 9.76302 9.15499 10.9613 10.087 11.8958C11.0191 12.8303 12.2157 13.456 13.515 13.6881L15.0069 12.21C15.2004 12.0217 15.4451 11.8946 15.7104 11.8445C15.9757 11.7944 16.2499 11.8234 16.4987 11.9281L19.0906 12.9663C19.3426 13.0714 19.5576 13.2491 19.7082 13.4768C19.8588 13.7046 19.9382 13.972 19.9362 14.245V17.875C19.9362 18.422 19.7189 18.9466 19.3321 19.3334C18.9454 19.7202 18.4207 19.9375 17.8737 19.9375ZM4.12374 3.4375C3.9414 3.4375 3.76653 3.50993 3.6376 3.63886C3.50867 3.7678 3.43624 3.94266 3.43624 4.125V4.18C3.75249 8.25 5.78061 17.875 17.8325 18.5625C17.9228 18.5681 18.0133 18.5558 18.0989 18.5263C18.1844 18.4968 18.2633 18.4507 18.331 18.3907C18.3987 18.3306 18.4539 18.2578 18.4934 18.1764C18.5329 18.095 18.556 18.0066 18.5612 17.9162V14.245L15.9694 13.2069L13.9962 15.1662L13.6662 15.125C7.68499 14.3756 6.87374 8.39438 6.87374 8.3325L6.83249 8.0025L8.78499 6.02938L7.75374 3.4375H4.12374Z" fill="#454C2D"></path></svg></div><p class="item_text">(610) 650-8800</p></a><a class="temp" href="fax:+6106500731"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M19.25 6.1875H17.1875V2.0625H4.8125V6.1875H2.75C2.38533 6.1875 2.03559 6.33237 1.77773 6.59023C1.51987 6.84809 1.375 7.19783 1.375 7.5625V14.4375C1.375 14.8022 1.51987 15.1519 1.77773 15.4098C2.03559 15.6676 2.38533 15.8125 2.75 15.8125H4.8125V19.9375H17.1875V15.8125H19.25C19.6147 15.8125 19.9644 15.6676 20.2223 15.4098C20.4801 15.1519 20.625 14.8022 20.625 14.4375V7.5625C20.625 7.19783 20.4801 6.84809 20.2223 6.59023C19.9644 6.33237 19.6147 6.1875 19.25 6.1875ZM6.1875 3.4375H15.8125V6.1875H6.1875V3.4375ZM15.8125 18.5625H6.1875V11.6875H15.8125V18.5625ZM19.25 14.4375H17.1875V10.3125H4.8125V14.4375H2.75V7.5625H19.25V14.4375Z" fill="#454C2D"></path></svg></div><p class="item_text">Fax : (610) 650-0731</p></a></div> <style>
.user_menu {
display: flex;
}
.temp {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.temp p {
margin: 0 !important;
}
.menu_icon svg path {
fill: inherit;
}
</style>
</div>
</div>
<div class="elementor-element elementor-element-410db5e elementor-widget elementor-widget-elementskit-social-media" data-id="410db5e" data-element_type="widget" data-widget_type="elementskit-social-media.default">
<div class="elementor-widget-container">
<div class="ekit-wid-con"> <ul class="ekit_social_media">
<li class="elementor-repeater-item-c1f6604">
<a href="https://www.facebook.com/pdhomeandgarden/" target="_blank" aria-label="Facebook" class="facebook">
<i aria-hidden="true" class="icon icon-facebook"></i>
</a>
</li>
<li class="elementor-repeater-item-c36d99e">
<a href="https://www.instagram.com/pdhomeandgarden/?hl=en" target="_blank" aria-label="Instagram" class="instagram">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-instagram" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
</a>
</li>
</ul>
</div> </div>
</div>
<div class="elementor-element elementor-element-7abe606 e-con-full e-flex e-con e-child" data-id="7abe606" data-element_type="container">
<div class="elementor-element elementor-element-3439961 elementor-widget elementor-widget-heading" data-id="3439961" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">We accept major credit cards</h2> </div>
</div>
<div class="elementor-element elementor-element-226ba96 e-con-full e-flex e-con e-child" data-id="226ba96" data-element_type="container">
<div class="elementor-element elementor-element-565feca elementor-widget elementor-widget-image" data-id="565feca" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="57" height="36" src="https://pdhomeandgarden.com/wp-content/uploads/2024/09/Visa.jpg" class="attachment-large size-large wp-image-3599" alt=""> </div>
</div>
<div class="elementor-element elementor-element-9eabfff elementor-widget elementor-widget-image" data-id="9eabfff" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="57" height="36" src="https://pdhomeandgarden.com/wp-content/uploads/2024/09/Mastercard.jpg" class="attachment-large size-large wp-image-3600" alt=""> </div>
</div>
<div class="elementor-element elementor-element-479ef2d elementor-widget elementor-widget-image" data-id="479ef2d" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="57" height="36" src="https://pdhomeandgarden.com/wp-content/uploads/2024/09/Maestro.jpg" class="attachment-large size-large wp-image-3601" alt=""> </div>
</div>
<div class="elementor-element elementor-element-d33b9b9 elementor-widget elementor-widget-image" data-id="d33b9b9" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="112" height="60" src="https://pdhomeandgarden.com/wp-content/uploads/2024/09/Screenshot-2024-10-04-at-4.40.37 PM.png" class="attachment-large size-large wp-image-3686" alt=""> </div>
</div>
<div class="elementor-element elementor-element-a7b97e8 elementor-widget elementor-widget-image" data-id="a7b97e8" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="51" height="29" src="https://pdhomeandgarden.com/wp-content/uploads/2024/09/Apple-pay-1.jpg" class="attachment-large size-large wp-image-3690" alt=""> </div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-d0c6564 e-flex e-con-boxed e-con e-child" data-id="d0c6564" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-86d6852 e-con-full e-flex e-con e-child" data-id="86d6852" data-element_type="container">
<div class="elementor-element elementor-element-0575daa e-flex e-con-boxed e-con e-child" data-id="0575daa" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-216f154 elementor-widget elementor-widget-heading" data-id="216f154" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Our Distributors</h2> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-b408ef2 e-flex e-con-boxed e-con e-child" data-id="b408ef2" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-9bcbea1 e-flex e-con-boxed e-con e-child" data-id="9bcbea1" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a3c1391 elementor-widget elementor-widget-heading" data-id="a3c1391" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">North-East</h2> </div>
</div>
<div class="elementor-element elementor-element-a696d33 elementor-widget elementor-widget-text-editor" data-id="a696d33" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Wholesale Home Interiors —MA</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-737bace e-flex e-con-boxed e-con e-child" data-id="737bace" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-cf49363 elementor-widget elementor-widget-heading" data-id="cf49363" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Mid-Atlantic</h2> </div>
</div>
<div class="elementor-element elementor-element-700db99 elementor-widget elementor-widget-text-editor" data-id="700db99" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Oaks Home Marketplace – PA</p><p>Amish Trader—PA</p><p>Home Decor Warehouse—PA</p><p>DBC Home Decor – MD</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7607fd9 e-flex e-con-boxed e-con e-child" data-id="7607fd9" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-68576cd elementor-widget elementor-widget-heading" data-id="68576cd" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Midwest</h2> </div>
</div>
<div class="elementor-element elementor-element-46e8eab elementor-widget elementor-widget-text-editor" data-id="46e8eab" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>ABC Distributors—IN</p><p>The Warehouse at New Castle—IN</p><p>Andrew Wholesale – WI</p><p>Holmescapes Warehouse – OH</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-e28d5b9 e-flex e-con-boxed e-con e-child" data-id="e28d5b9" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-dfd2fef elementor-widget elementor-widget-heading" data-id="dfd2fef" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Southeast</h2> </div>
</div>
<div class="elementor-element elementor-element-7a1f4e8 elementor-widget elementor-widget-text-editor" data-id="7a1f4e8" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Through The Garden Gate – VA</p><p>Limestone Home – AL</p><p>The Global Swap Shop – TN</p><p>Farmhouse Southern Market – TN</p> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-6804439 e-con-full e-flex e-con e-child" data-id="6804439" data-element_type="container">
<div class="elementor-element elementor-element-490958b e-flex e-con-boxed e-con e-child" data-id="490958b" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-8f86f35 elementor-widget elementor-widget-heading" data-id="8f86f35" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Our Showrooms</h2> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7a7ad17 e-flex e-con-boxed e-con e-child" data-id="7a7ad17" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-80fa52e e-flex e-con-boxed e-con e-child" data-id="80fa52e" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-35455b9 elementor-widget elementor-widget-heading" data-id="35455b9" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Oaks, PA Showroom</h2> </div>
</div>
<div class="elementor-element elementor-element-9134be4 elementor-widget elementor-widget-header_wiz_plugin_widget" data-id="9134be4" data-element_type="widget" data-widget_type="header_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="user_menu"><a class="temp" href="https://www.google.com/maps/place/2480+West+Dr+%232480,+Phoenixville,+PA+19460,+USA/@40.1243848,-75.4594892,17z/data=!3m1!4b1!4m5!3m4!1s0x89c691f762362f39:0x6d29816f5c5c8968!8m2!3d40.1243848!4d-75.4569143?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D" target="_blank"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11 12.375C10.3201 12.375 9.65552 12.1734 9.09023 11.7957C8.52494 11.418 8.08434 10.8811 7.82417 10.253C7.56399 9.62486 7.49592 8.93369 7.62855 8.26688C7.76119 7.60007 8.08858 6.98757 8.56932 6.50682C9.05007 6.02608 9.66257 5.69869 10.3294 5.56605C10.9962 5.43342 11.6874 5.50149 12.3155 5.76167C12.9436 6.02184 13.4805 6.46244 13.8582 7.02773C14.2359 7.59302 14.4375 8.25763 14.4375 8.9375C14.4364 9.84885 14.0739 10.7226 13.4295 11.367C12.7851 12.0114 11.9113 12.3739 11 12.375ZM11 6.875C10.5921 6.875 10.1933 6.99597 9.85414 7.2226C9.51496 7.44923 9.25061 7.77134 9.0945 8.14822C8.93839 8.52509 8.89755 8.93979 8.97713 9.33988C9.05671 9.73996 9.25315 10.1075 9.54159 10.3959C9.83004 10.6844 10.1975 10.8808 10.5976 10.9604C10.9977 11.04 11.4124 10.9991 11.7893 10.843C12.1662 10.6869 12.4883 10.4225 12.7149 10.0834C12.9415 9.74419 13.0625 9.34543 13.0625 8.9375C13.062 8.39066 12.8445 7.86637 12.4578 7.4797C12.0711 7.09302 11.5468 6.87555 11 6.875Z" fill="#454C2D"></path><path d="M11 20.625L5.20025 13.7851C5.11967 13.6824 5.03991 13.579 4.961 13.475C3.9708 12.1697 3.43566 10.5759 3.4375 8.9375C3.4375 6.9318 4.23427 5.00825 5.65251 3.59001C7.07075 2.17176 8.9943 1.375 11 1.375C13.0057 1.375 14.9293 2.17176 16.3475 3.59001C17.7657 5.00825 18.5625 6.9318 18.5625 8.9375C18.5641 10.5751 18.0292 12.1681 17.0397 13.4729L17.039 13.475C17.039 13.475 16.8328 13.7459 16.8018 13.7823L11 20.625ZM6.05894 12.6466C6.05894 12.6466 6.21913 12.8583 6.25557 12.9037L11 18.4993L15.7506 12.8961C15.7809 12.8583 15.9418 12.6452 15.9424 12.6445C16.7518 11.5783 17.1891 10.2761 17.1875 8.9375C17.1875 7.29647 16.5356 5.72266 15.3752 4.56228C14.2148 3.4019 12.641 2.75 11 2.75C9.35898 2.75 7.78516 3.4019 6.62478 4.56228C5.4644 5.72266 4.8125 7.29647 4.8125 8.9375C4.81081 10.277 5.24869 11.58 6.05894 12.6466Z" fill="#454C2D"></path></svg></div><p class="item_text">2480 West Drive, Suite 2480 Oaks, Pennsylvania 19456</p></a><a class="temp" href="tel:+6106508800"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M17.8737 19.9375H17.7569C4.24749 19.1606 2.32936 7.76188 2.06124 4.28313C2.03963 4.01265 2.07161 3.74057 2.15534 3.48247C2.23907 3.22437 2.3729 2.98533 2.54917 2.77905C2.72544 2.57276 2.94068 2.40329 3.18256 2.28033C3.42444 2.15737 3.6882 2.08335 3.95874 2.0625H7.74686C8.02224 2.06223 8.29136 2.14466 8.51936 2.29911C8.74735 2.45356 8.92372 2.67291 9.02561 2.92875L10.0706 5.5C10.1712 5.74994 10.1962 6.02393 10.1424 6.28794C10.0886 6.55195 9.95848 6.79434 9.76811 6.985L8.30374 8.46313C8.53248 9.76302 9.15499 10.9613 10.087 11.8958C11.0191 12.8303 12.2157 13.456 13.515 13.6881L15.0069 12.21C15.2004 12.0217 15.4451 11.8946 15.7104 11.8445C15.9757 11.7944 16.2499 11.8234 16.4987 11.9281L19.0906 12.9663C19.3426 13.0714 19.5576 13.2491 19.7082 13.4768C19.8588 13.7046 19.9382 13.972 19.9362 14.245V17.875C19.9362 18.422 19.7189 18.9466 19.3321 19.3334C18.9454 19.7202 18.4207 19.9375 17.8737 19.9375ZM4.12374 3.4375C3.9414 3.4375 3.76653 3.50993 3.6376 3.63886C3.50867 3.7678 3.43624 3.94266 3.43624 4.125V4.18C3.75249 8.25 5.78061 17.875 17.8325 18.5625C17.9228 18.5681 18.0133 18.5558 18.0989 18.5263C18.1844 18.4968 18.2633 18.4507 18.331 18.3907C18.3987 18.3306 18.4539 18.2578 18.4934 18.1764C18.5329 18.095 18.556 18.0066 18.5612 17.9162V14.245L15.9694 13.2069L13.9962 15.1662L13.6662 15.125C7.68499 14.3756 6.87374 8.39438 6.87374 8.3325L6.83249 8.0025L8.78499 6.02938L7.75374 3.4375H4.12374Z" fill="#454C2D"></path></svg></div><p class="item_text">(610) 650-8800</p></a><a class="temp" href="fax:+6106500731"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M19.25 6.1875H17.1875V2.0625H4.8125V6.1875H2.75C2.38533 6.1875 2.03559 6.33237 1.77773 6.59023C1.51987 6.84809 1.375 7.19783 1.375 7.5625V14.4375C1.375 14.8022 1.51987 15.1519 1.77773 15.4098C2.03559 15.6676 2.38533 15.8125 2.75 15.8125H4.8125V19.9375H17.1875V15.8125H19.25C19.6147 15.8125 19.9644 15.6676 20.2223 15.4098C20.4801 15.1519 20.625 14.8022 20.625 14.4375V7.5625C20.625 7.19783 20.4801 6.84809 20.2223 6.59023C19.9644 6.33237 19.6147 6.1875 19.25 6.1875ZM6.1875 3.4375H15.8125V6.1875H6.1875V3.4375ZM15.8125 18.5625H6.1875V11.6875H15.8125V18.5625ZM19.25 14.4375H17.1875V10.3125H4.8125V14.4375H2.75V7.5625H19.25V14.4375Z" fill="#454C2D"></path></svg></div><p class="item_text">Fax : (610) 650-0731</p></a></div> <style>
.user_menu {
display: flex;
}
.temp {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.temp p {
margin: 0 !important;
}
.menu_icon svg path {
fill: inherit;
}
</style>
</div>
</div>
<div class="elementor-element elementor-element-0db05f7 elementor-widget elementor-widget-text-editor" data-id="0db05f7" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Hours: Monday – Friday, 8:00 AM – 4:30 PM, EST</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a58cda0 e-flex e-con-boxed e-con e-child" data-id="a58cda0" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-6eb62ab elementor-widget elementor-widget-heading" data-id="6eb62ab" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Atlanta, GA Showroom</h2> </div>
</div>
<div class="elementor-element elementor-element-79f9656 elementor-widget elementor-widget-header_wiz_plugin_widget" data-id="79f9656" data-element_type="widget" data-widget_type="header_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="user_menu"><a class="temp" href="https://www.google.com/maps/search/AmericasMart+12th+Floor,+Suite+1233+230+Ted+Turner+Drive+NW+Atlanta,+GA+30303/@33.7603155,-84.3927116,17z/data=!3m1!4b1?entry=ttu" target="_blank"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11 12.375C10.3201 12.375 9.65552 12.1734 9.09023 11.7957C8.52494 11.418 8.08434 10.8811 7.82417 10.253C7.56399 9.62486 7.49592 8.93369 7.62855 8.26688C7.76119 7.60007 8.08858 6.98757 8.56932 6.50682C9.05007 6.02608 9.66257 5.69869 10.3294 5.56605C10.9962 5.43342 11.6874 5.50149 12.3155 5.76167C12.9436 6.02184 13.4805 6.46244 13.8582 7.02773C14.2359 7.59302 14.4375 8.25763 14.4375 8.9375C14.4364 9.84885 14.0739 10.7226 13.4295 11.367C12.7851 12.0114 11.9113 12.3739 11 12.375ZM11 6.875C10.5921 6.875 10.1933 6.99597 9.85414 7.2226C9.51496 7.44923 9.25061 7.77134 9.0945 8.14822C8.93839 8.52509 8.89755 8.93979 8.97713 9.33988C9.05671 9.73996 9.25315 10.1075 9.54159 10.3959C9.83004 10.6844 10.1975 10.8808 10.5976 10.9604C10.9977 11.04 11.4124 10.9991 11.7893 10.843C12.1662 10.6869 12.4883 10.4225 12.7149 10.0834C12.9415 9.74419 13.0625 9.34543 13.0625 8.9375C13.062 8.39066 12.8445 7.86637 12.4578 7.4797C12.0711 7.09302 11.5468 6.87555 11 6.875Z" fill="#454C2D"></path><path d="M11 20.625L5.20025 13.7851C5.11967 13.6824 5.03991 13.579 4.961 13.475C3.9708 12.1697 3.43566 10.5759 3.4375 8.9375C3.4375 6.9318 4.23427 5.00825 5.65251 3.59001C7.07075 2.17176 8.9943 1.375 11 1.375C13.0057 1.375 14.9293 2.17176 16.3475 3.59001C17.7657 5.00825 18.5625 6.9318 18.5625 8.9375C18.5641 10.5751 18.0292 12.1681 17.0397 13.4729L17.039 13.475C17.039 13.475 16.8328 13.7459 16.8018 13.7823L11 20.625ZM6.05894 12.6466C6.05894 12.6466 6.21913 12.8583 6.25557 12.9037L11 18.4993L15.7506 12.8961C15.7809 12.8583 15.9418 12.6452 15.9424 12.6445C16.7518 11.5783 17.1891 10.2761 17.1875 8.9375C17.1875 7.29647 16.5356 5.72266 15.3752 4.56228C14.2148 3.4019 12.641 2.75 11 2.75C9.35898 2.75 7.78516 3.4019 6.62478 4.56228C5.4644 5.72266 4.8125 7.29647 4.8125 8.9375C4.81081 10.277 5.24869 11.58 6.05894 12.6466Z" fill="#454C2D"></path></svg></div><p class="item_text">AmericasMart 12th Floor, Suite 1233 230 Ted Turner Drive NW Atlanta, GA 30303</p></a><a class="temp" href="tel:+610-650-8800"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M17.8737 19.9375H17.7569C4.24749 19.1606 2.32936 7.76188 2.06124 4.28313C2.03963 4.01265 2.07161 3.74057 2.15534 3.48247C2.23907 3.22437 2.3729 2.98533 2.54917 2.77905C2.72544 2.57276 2.94068 2.40329 3.18256 2.28033C3.42444 2.15737 3.6882 2.08335 3.95874 2.0625H7.74686C8.02224 2.06223 8.29136 2.14466 8.51936 2.29911C8.74735 2.45356 8.92372 2.67291 9.02561 2.92875L10.0706 5.5C10.1712 5.74994 10.1962 6.02393 10.1424 6.28794C10.0886 6.55195 9.95848 6.79434 9.76811 6.985L8.30374 8.46313C8.53248 9.76302 9.15499 10.9613 10.087 11.8958C11.0191 12.8303 12.2157 13.456 13.515 13.6881L15.0069 12.21C15.2004 12.0217 15.4451 11.8946 15.7104 11.8445C15.9757 11.7944 16.2499 11.8234 16.4987 11.9281L19.0906 12.9663C19.3426 13.0714 19.5576 13.2491 19.7082 13.4768C19.8588 13.7046 19.9382 13.972 19.9362 14.245V17.875C19.9362 18.422 19.7189 18.9466 19.3321 19.3334C18.9454 19.7202 18.4207 19.9375 17.8737 19.9375ZM4.12374 3.4375C3.9414 3.4375 3.76653 3.50993 3.6376 3.63886C3.50867 3.7678 3.43624 3.94266 3.43624 4.125V4.18C3.75249 8.25 5.78061 17.875 17.8325 18.5625C17.9228 18.5681 18.0133 18.5558 18.0989 18.5263C18.1844 18.4968 18.2633 18.4507 18.331 18.3907C18.3987 18.3306 18.4539 18.2578 18.4934 18.1764C18.5329 18.095 18.556 18.0066 18.5612 17.9162V14.245L15.9694 13.2069L13.9962 15.1662L13.6662 15.125C7.68499 14.3756 6.87374 8.39438 6.87374 8.3325L6.83249 8.0025L8.78499 6.02938L7.75374 3.4375H4.12374Z" fill="#454C2D"></path></svg></div><p class="item_text">(610) 650-8800</p></a><a class="temp" href="fax:+6106500731"><div class="menu_icon"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M19.25 6.1875H17.1875V2.0625H4.8125V6.1875H2.75C2.38533 6.1875 2.03559 6.33237 1.77773 6.59023C1.51987 6.84809 1.375 7.19783 1.375 7.5625V14.4375C1.375 14.8022 1.51987 15.1519 1.77773 15.4098C2.03559 15.6676 2.38533 15.8125 2.75 15.8125H4.8125V19.9375H17.1875V15.8125H19.25C19.6147 15.8125 19.9644 15.6676 20.2223 15.4098C20.4801 15.1519 20.625 14.8022 20.625 14.4375V7.5625C20.625 7.19783 20.4801 6.84809 20.2223 6.59023C19.9644 6.33237 19.6147 6.1875 19.25 6.1875ZM6.1875 3.4375H15.8125V6.1875H6.1875V3.4375ZM15.8125 18.5625H6.1875V11.6875H15.8125V18.5625ZM19.25 14.4375H17.1875V10.3125H4.8125V14.4375H2.75V7.5625H19.25V14.4375Z" fill="#454C2D"></path></svg></div><p class="item_text">Fax : (610) 650-0731</p></a></div> <style>
.user_menu {
display: flex;
}
.temp {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.temp p {
margin: 0 !important;
}
.menu_icon svg path {
fill: inherit;
}
</style>
</div>
</div>
<div class="elementor-element elementor-element-0a083a5 elementor-widget elementor-widget-text-editor" data-id="0a083a5" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Hours: Monday – Friday, 9:00 AM – 4:00 PM, EST</p> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-1245960 e-con-full e-flex e-con e-child" data-id="1245960" data-element_type="container">
<div class="elementor-element elementor-element-a03c749 e-con-full e-flex e-con e-child" data-id="a03c749" data-element_type="container">
<div class="elementor-element elementor-element-203af8f elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-custom_icon_list_wiz_plugin_widget" data-id="203af8f" data-element_type="widget" data-widget_type="custom_icon_list_wiz_plugin_widget.default">
<div class="elementor-widget-container">
<div class="custom_list_wrapper">
<span class="custom_heading"> Guides & Policies</span>
<div class="custom_user_menu"><a class="custom_temp" href="/shipping-policy"><p class="custom_item_text">Shipping Policy</p></a><a class="custom_temp" href="/privacy-policy"><p class="custom_item_text">Privacy Policy</p></a><a class="custom_temp" href="/site-help"><p class="custom_item_text">Site Help</p></a><a class="custom_temp" href="/about-us"><p class="custom_item_text">About us</p></a><a class="custom_temp" href="/contact-us"><p class="custom_item_text">Contact us</p></a></div></div> <style>
.custom_list_wrapper{
display: flex;
flex-direction: column;
}
.custom_heading{
display : flex;
flex-direction: column;
}
.custom_user_menu {
display: flex;
width:100%;
}
.custom_item_text{
margin:0;
}
.custom_temp {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
</style>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a7a7f24 e-con-full e-flex e-con e-child" data-id="a7a7f24" data-element_type="container">
<div class="elementor-element elementor-element-a305404 e-con-full e-flex e-con e-child" data-id="a305404" data-element_type="container">
<div class="elementor-element elementor-element-23adc5b elementor-widget elementor-widget-heading" data-id="23adc5b" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">My Account</h4> </div>
</div>
<div class="elementor-element elementor-element-fe93305 elementor-nav-menu__align-start elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu" data-id="fe93305" data-element_type="widget" data-settings="{"layout":"vertical","submenu_icon":{"value":"<i class=\"\"><\/i>","library":""}}" data-widget_type="nav-menu.default">
<div class="elementor-widget-container">
<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none">
<ul id="menu-1-fe93305" class="elementor-nav-menu sm-vertical" data-smartmenus-id="17326212999394197"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"><a href="/account/profile" class="elementor-item">My profile</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="/account/orders" class="elementor-item">My orders</a></li>
</ul> </nav>
<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
<ul id="menu-2-fe93305" class="elementor-nav-menu sm-vertical" data-smartmenus-id="17326212999412747"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"><a href="/account/profile" class="elementor-item" tabindex="-1">My profile</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="/account/orders" class="elementor-item" tabindex="-1">My orders</a></li>
</ul> </nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-ed0d875 e-con-full e-flex e-con e-child" data-id="ed0d875" data-element_type="container">
<div class="elementor-element elementor-element-658ba9e4 elementor-widget elementor-widget-heading" data-id="658ba9e4" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">Powered by Wizcommerce. All rights reserved.</p> </div>
</div>
</div>
</footer>
</div>
<script type="text/javascript">
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel="stylesheet" id="elementor-post-59-css" href="https://pdhomeandgarden.com/wp-content/uploads/elementor/css/post-59.css?ver=1731427431" media="all">
<script src="https://pdhomeandgarden.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://pdhomeandgarden.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0" id="swv-js"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/pdhomeandgarden.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0" id="contact-form-7-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.24.4" id="e-sticky-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/libs/framework/assets/js/frontend-script.js?ver=3.3.1" id="elementskit-framework-js-frontend-js"></script>
<script id="elementskit-framework-js-frontend-js-after">
var elementskit = {
resturl: 'https://pdhomeandgarden.com/wp-json/elementskit/v1/',
}
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=3.3.1" id="ekit-widget-scripts-js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6Lc0pVUqAAAAAF7fXneP-M943zIgpxasOlrHFKG_&ver=3.0" id="google-recaptcha-js"></script>
<script src="https://pdhomeandgarden.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
<script id="wpcf7-recaptcha-js-before">
var wpcf7_recaptcha = {
"sitekey": "6Lc0pVUqAAAAAF7fXneP-M943zIgpxasOlrHFKG_",
"actions": {
"homepage": "homepage",
"contactform": "contactform"
}
};
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0" id="wpcf7-recaptcha-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.24.4" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.24.7" id="elementor-webpack-runtime-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.24.7" id="elementor-frontend-modules-js"></script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/pdhomeandgarden.com\/wp-admin\/admin-ajax.php","nonce":"9226d04792","urls":{"assets":"https:\/\/pdhomeandgarden.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/pdhomeandgarden.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/pdhomeandgarden.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.24.4" id="elementor-pro-frontend-js"></script>
<script src="https://pdhomeandgarden.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.24.7","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_control_loading":true,"e_onboarding":true,"theme_builder_v2":true,"home_screen":true,"ai-layout":true,"landing-pages":true,"nested-elements":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true,"display-conditions":true,"form-submissions":true,"mega-menu":true},"urls":{"assets":"https:\/\/pdhomeandgarden.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/pdhomeandgarden.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/pdhomeandgarden.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"c32232bb93"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":3727,"title":"PD%20Home","excerpt":"","featuredImage":false}};
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.24.7" id="elementor-frontend-js"></script><span id="elementor-device-mode" class="elementor-screen-only"></span>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.24.4" id="pro-elements-handlers-js"></script><svg style="display: none;" class="e-font-icon-svg-symbols"></svg>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/animate-circle.min.js?ver=3.3.1" id="animate-circle-js"></script>
<script id="elementskit-elementor-js-extra">
var ekit_config = {"ajaxurl":"https:\/\/pdhomeandgarden.com\/wp-admin\/admin-ajax.php","nonce":"e084a2d3c7"};
</script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/elementor.js?ver=3.3.1" id="elementskit-elementor-js"></script>
<script src="https://pdhomeandgarden.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.9.3"></script><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-ap8radiseow3" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lc0pVUqAAAAAF7fXneP-M943zIgpxasOlrHFKG_&co=aHR0cHM6Ly9wZGhvbWVhbmRnYXJkZW4uY29tOjQ0Mw..&hl=en&v=pPK749sccDmVW_9DSeTMVvh2&size=invisible&cb=5z0h0xp5ag5r"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html><!-- Dynamic page generated in 2.217 seconds. --><!-- Cached page generated by WP-Super-Cache on 2024-11-26 11:31:55 --><!-- super cache -->