Skip to Content
Baby
Kids
Teen
Dorm
Pottery Barn
Williams Sonoma
Williams Sonoma Home
West Elm
Do Not Sell My Personal Information
Track Order
search
Click to search for products.
Pottery Barn Dorm
Account
Sign In / Create an Account
Track Your Order
Update Account
Dorm Wishlist
Favourites
Dorm Wishlist
Find A Dorm Wishlist
*Required
First Name *
Please enter a first name.
First name should only contain letters, numbers and spaces.
Last Name *
Please enter a last name.
Last name should only contain letters, numbers and spaces.
Please enter at least the first two letters of the last name.
See it now
Manage Dorm Wishlist
Sign in to view and edit your items.
Email
Please enter an email address.
Please enter a valid email address.
Your password must be between 8 and 25 characters.
Your password must be between 8 and 25 characters.
The password must be between 8 and 25 characters.
Forgot your Password?
By signing in or creating an account, you agree to our
Terms & Conditions
and
Privacy Policy
.
Sign In
Create a Registry
Start Your Dorm Wishlist
Track Order
Cart
0
Navigation
Search
Pottery Barn Dorm
Account
Access your orders, manage rewards, save your store, and more.
Sign In
Create Account
Track Orders
Track & manage your orders
Favourites
Save your favourite items
Dorm Wishlist
Create, find and manage registries
Locate A Store
Find your nearest store
Free Design Services
Room Planner - Design Online
Trade Member Sign In
Gift Cards
Birthday Club
Cart
search
Click to search for products.
New
Dropdown
Best Sellers
Inspiration
Dropdown
Shop Rooms
Dropdown
Collaborations
Dropdown
Free Design Services
Gift Guide
Holidays
Pottery Barn Teen
Furniture
Lounge
Bedding
Desk & Study
Decor
Lighting
Rugs
Windows
Bath
Storage
Backpacks & Luggage
Dorm
Beauty & Jewellery
Gifts
Sale
.spring-refresh-slider.spring-refresh-slider.spring-refresh-slider { overflow-x: scroll; overflow-y: clip; overscroll-behavior-x: none; display: block; padding: 0 0 6px 0; margin-bottom: 0px; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider:hover { cursor: pointer; } .spring-refresh-slider-container { padding-bottom: 20px; max-width: 1640px; margin: 0 20px; } .spring-refresh-slider-container.spring-refresh-slider-container-two { margin: 0 4.166667%; } .spring-refresh-slider-container.spring-refresh-slider-container-four { padding: 0 4.166% 20px; margin: auto; background-color: #FFF; } .spring-refresh-slider-container .mboxDefault { position: relative; padding-top: 20px; } .spring-refresh-slider-container .mboxDefault .btn-prev { width: fit-content; position: absolute; top: calc(50% - 81px); left: 0; background-color: rgba(244, 244, 244, 0.8); padding: 20px 4px; transition: background 0.3s ease-out; background-position: center; } .spring-refresh-slider-container .mboxDefault .btn-prev:hover { background-color: rgba(1, 1, 1, 0.8); background-image: url("https://assets.pbimgs.com/pbimgs/rk/images/dp/ecm/202349/0211/001/001.svg"); cursor: pointer; } .spring-refresh-slider-container .mboxDefault .btn-prev:hover img { visibility: hidden; } .spring-refresh-slider-container .mboxDefault .btn-next:hover { background-color: rgba(1, 1, 1, 0.8); background-image: url("https://assets.pbimgs.com/pbimgs/rk/images/dp/ecm/202349/0211/001/002.svg"); cursor: pointer; } .spring-refresh-slider-container .mboxDefault .btn-next:hover img { visibility: hidden; } .spring-refresh-slider-container .mboxDefault .btn-next { width: fit-content; position: absolute; top: calc(50% - 81px); right: 0; background-color: rgba(244, 244, 244, 0.8); padding: 20px 4px; transition: background 0.3s ease-out; background-position: center; } .spring-refresh-slider-container:hover .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider { padding-bottom: 3px; margin-bottom: -3px; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar { -webkit-appearance: none; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar:horizontal { height: 4px; } .spring-refresh-slider-container:hover .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar { height: 10px; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar-thumb { border-radius: 3px; border: none; background-color: #000; } .spring-refresh-slider-container:hover .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #C3BFBA; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar-track-piece { background: transparent; box-shadow: inset 0 0 10px #C3BFBA; border-radius: 6px; border-top: 1.5px solid transparent; border-bottom: 1.5px solid transparent; } .spring-refresh-slider-container:hover .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider::-webkit-scrollbar-track-piece { border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider .imagerollover { width: 30%; scroll-snap-align: start; margin: 0 2px 14px 0; padding: 0; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider .imagerollover.hoverSwappable:hover img { opacity: 1; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider.spring-refresh-slider-four .imagerollover { width: 30%; height: 100%; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider.spring-refresh-slider-four .imagerollover a { height: 100%; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider.spring-refresh-slider-four .imagerollover a img { height: 100%; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider .imagerollover.first { margin-left: 0; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider .imagerollover:hover { cursor: default; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider div.last { margin-right: 0; padding-right: 0; padding-left: 16px; margin-left: -20px; } .spring-refresh-slider.spring-refresh-slider.spring-refresh-slider .imagerollover img { width: 100%; } .btn-prev.btn-prev.btn-prev.btn-prev img { width: 24px; height: 24px; } .btn-next.btn-next.btn-next.btn-next img { width: 24px; height: 24px; } .spring-refresh-slider-container-three.spring-refresh-slider-container-three .mboxDefault .btn-next { top: 44%; transform: translateY(-50%); } .spring-refresh-slider-container-three.spring-refresh-slider-container-three .mboxDefault .btn-prev { top: 44%; transform: translateY(-50%); } .spring-refresh-slider-container .image-row.spring-refresh-slider.spring-refresh-slider-three { display: block !important; } [data-style=recommendation-carousel-content-wrapper] [data-style=header-border] .heading-primary { display: none !important; } .spring-refresh-slider-container-three.spring-refresh-slider-container-three .mboxDefault .btn-next { top: 44%; transform: translateY(-50%); } .spring-refresh-slider-container .mboxDefault .btn-next { width: fit-content; position: absolute; top: calc(50% - 81px); right: 0; background-color: rgba(244, 244, 244, 0.8); padding: 20px 4px; transition: background 0.3s ease-out; background-position: center; } .spring-refresh-slider-container-three.spring-refresh-slider-container-three .mboxDefault .btn-prev { top: 44%; transform: translateY(-50%); } .spring-refresh-slider-container .mboxDefault .btn-prev { width: fit-content; position: absolute; top: calc(50% - 81px); left: 0; background-color: rgba(244, 244, 244, 0.8); padding: 20px 4px; transition: background 0.3s ease-out; background-position: center; }
let sliders = document.querySelectorAll(".spring-refresh-slider-container"); for (let slider of sliders) { let track = slider.querySelector(".spring-refresh-slider"); slider.querySelector(".btn-prev").style.display = "none"; track.addEventListener("scroll", (event) => { if (track.scrollLeft == 0) { slider.querySelector(".btn-prev").style.display = "none"; } else if (Math.round(track.scrollLeft) == Math.round((track.scrollWidth - track.offsetWidth))) { slider.querySelector(".btn-next").style.display = "none"; } else { slider.querySelector(".btn-next").style.display = "block"; slider.querySelector(".btn-prev").style.display = "block"; } }); }
document.querySelector('.spring-refresh-slider-container-one .mboxDefault .btn-next').addEventListener("click", function(ev) { let imgWidth = document.querySelector(".spring-refresh-slider-one .imagerollover").offsetWidth; let scrolledLeft = document.querySelector(".spring-refresh-slider-one").scrollLeft; document.querySelector(".spring-refresh-slider-one").scrollLeft += imgWidth * 3; }, false); document.querySelector('.spring-refresh-slider-container-one .mboxDefault .btn-prev').addEventListener("click", function(ev) { let imgWidth = document.querySelector(".spring-refresh-slider-one .imagerollover").offsetWidth; let scrolledLeft = document.querySelector(".spring-refresh-slider-one").scrollLeft; document.querySelector(".spring-refresh-slider-one").scrollLeft -= imgWidth * 3; }, false);
document.querySelector('.spring-refresh-slider-container-three .mboxDefault .btn-next').addEventListener("click", function(ev) { let imgWidth = document.querySelector(".spring-refresh-slider-three .imagerollover").offsetWidth; let scrolledLeft = document.querySelector(".spring-refresh-slider-three").scrollLeft; document.querySelector(".spring-refresh-slider-three").scrollLeft += imgWidth * 3; }, false); document.querySelector('.spring-refresh-slider-container-three .mboxDefault .btn-prev').addEventListener("click", function(ev) { let imgWidth = document.querySelector(".spring-refresh-slider-three .imagerollover").offsetWidth; let scrolledLeft = document.querySelector(".spring-refresh-slider-three").scrollLeft; document.querySelector(".spring-refresh-slider-three").scrollLeft -= imgWidth * 3; }, false);
function setupTabbedLists() { const containers = document.querySelectorAll('.tabbed-content-with-scroller'); containers.forEach(container => { const tabSelector = '.hp-tabbed-list__tab'; const contentSelector = '.hp-tabbed-content-container > *'; const tabs = Array.from(container.querySelectorAll(tabSelector)); const content = Array.from(container.querySelectorAll(contentSelector)); function removeAllActiveScoped() { const activeElms = container.querySelectorAll('.active'); activeElms.forEach(elm => elm.classList.remove('active')); } function activateTabAndContentScoped(target) { const selectedDataName = target.dataset.name; const tabNameArray = tabs.map(t => t.dataset.name); const activeTabIndex = tabNameArray.indexOf(selectedDataName); target.classList.add('active'); setTimeout(() => { window.dispatchEvent(new Event('resize')); }, 10); if (activeTabIndex > -1) { content[activeTabIndex].classList.add('active'); } else { removeAllActiveScoped(); tabs[0].classList.add('active'); content[0].classList.add('active'); } } function handleTabSelectedScoped(event) { removeAllActiveScoped(); activateTabAndContentScoped(event.target); } tabs.forEach(tab => { tab.addEventListener('click', handleTabSelectedScoped); }); removeAllActiveScoped(); if (tabs.length && content.length) { tabs[0].classList.add('active'); content[0].classList.add('active'); } }); } setupTabbedLists();
document.querySelector('.horizontal-slider-container-one .mboxDefault .btn-next').addEventListener("click", function(ev) { let imgWidth = document.querySelector(".horizontal-slider-one .imagerollover").offsetWidth; let scrolledLeft = document.querySelector(".horizontal-slider-one").scrollLeft; document.querySelector(".horizontal-slider-one").scrollLeft += imgWidth * 3; }, false); document.querySelector('.horizontal-slider-container-one .mboxDefault .btn-prev').addEventListener("click", function(ev) { let imgWidth = document.querySelector(".horizontal-slider-one .imagerollover").offsetWidth; let scrolledLeft = document.querySelector(".horizontal-slider-one").scrollLeft; document.querySelector(".horizontal-slider-one").scrollLeft -= imgWidth * 3; }, false);
mboxCreate('');
mboxCreate('');
.super-cat-container.super-cat-container {min-height: 0; height: 0;} #supercat-page [data-style="breadcrumbs-component"] {display:none;} #br-widgets-above-copy-block {margin: 0;} .shop-main-container.shop-main-container {padding: 0; max-width: 1680px;}
