Open Horizontal Bookshelf
Design Ideas
All DepartmentsSee how our space-saving furniture (Murphy beds, wall beds, bunks, and storage pieces) looks in real rooms. Use these design ideas to plan your own layout or as a starting point for a free design with our team.
<div id="customer-gallery">
<div class="module title-module module-title-1162">
<button aria-label="Edit" class="admin-edit" type="button" data-edit="module_layout/title/edit/1162"><em class="fa fa-pencil" data-placement="auto" data-toggle="tooltip-hover" data-tooltip-class="admin-edit-tooltip" title="Edit --MULTIMO-- Title / CTA / Gallery"></em></button>
<div class="title-wrapper">
<div class="title-main">
<h3>Customer Photos</h3>
</div>
<div class="title-divider"></div>
<div class="subtitle">See how our customers mix beds, cabinets, and sofas in their spaces. From studios to guest rooms, browse real installs and borrow ideas for your layout.</div>
<div class="title-buttons">
<a class="btn title-btn-1" href="https://www.multimobeds.com/customer-photos" ><span>View all projects</span></a>
</div>
</div>
</div>
<div class="mgallery mgallery-ext-ablum" id="mgallery-product_gallery">
<div id="mggallery-product" class="gallery-grid swiper mg-stagger">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide auto-grid-items">
<a class="gallery-image" href="https://www.multimobeds.com/gallery-photos/royal-horizontal-queen-wall-bed-with-sofa-customer-photo-245/gallery" aria-label="Open item: Royal Horizontal Queen Wall Bed with Sofa">
<img src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-65-300x375h.jpg" data-src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-65-300x375h.jpg"
srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-65-300x375h.jpg 1x"
data-srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-65-300x375h.jpg 1x"
width="300" height="375"
alt="Royal Horizontal Queen Wall Bed with Sofa - view 1" />
</a>
</div>
<div class="swiper-slide auto-grid-items">
<a class="gallery-image" href="https://www.multimobeds.com/gallery-photos/royal-horizontal-queen-wall-bed-with-bookcase-customer-photo-254/gallery" aria-label="Open item: Royal Horizontal Queen Wall Bed with Bookcase">
<img src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-0-300x375w.jpg" data-src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-0-300x375w.jpg"
srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-0-300x375w.jpg 1x"
data-srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-0-300x375w.jpg 1x"
width="300" height="375"
alt="Royal Horizontal Queen Wall Bed with Bookcase - view 2" />
</a>
</div>
<div class="swiper-slide auto-grid-items">
<a class="gallery-image" href="https://www.multimobeds.com/gallery-photos/royal-horizontal-queen-wall-bed-customer-photo-272/gallery" aria-label="Open item: Royal Horizontal Queen Wall Bed">
<img src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-8-300x375w.jpg" data-src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-8-300x375w.jpg"
srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-8-300x375w.jpg 1x"
data-srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Royal-Horizontal-Queen-Wall-Bed-with-Bookcases-8-300x375w.jpg 1x"
width="300" height="375"
alt="Royal Horizontal Queen Wall Bed - view 3" />
</a>
</div>
<div class="swiper-slide auto-grid-items">
<a class="gallery-image" href="https://www.multimobeds.com/gallery-photos/gallery/spazio-full-size-wall-bed-with-desk-and-bookcases-customer-photo-256" aria-label="Open item: Spazio - Full Size Wall Bed with Desk and Bookcases">
<img src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Spazio-Full-Size-Wall-Bed-with-Desk-10-300x375h.jpg" data-src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Spazio-Full-Size-Wall-Bed-with-Desk-10-300x375h.jpg"
srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Spazio-Full-Size-Wall-Bed-with-Desk-10-300x375h.jpg 1x"
data-srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/Spazio-Full-Size-Wall-Bed-with-Desk-10-300x375h.jpg 1x"
width="300" height="375"
alt="Spazio - Full Size Wall Bed with Desk and Bookcases - view 4" />
</a>
</div>
<div class="swiper-slide auto-grid-items">
<a class="gallery-image" href="https://www.multimobeds.com/gallery-photos/oyal-queen-murphy-bed-sectional-sofa-bookcase/gallery" aria-label="Open item: ROYAL Queen Wall Bed with Sectional Sofa and Bookcase Set">
<img src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/ROYAL-Queen-Wall-Bed-with-Sectional-Sofa-and-Bookcase-Set-277-300x375h.jpg" data-src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/ROYAL-Queen-Wall-Bed-with-Sectional-Sofa-and-Bookcase-Set-277-300x375h.jpg"
srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/ROYAL-Queen-Wall-Bed-with-Sectional-Sofa-and-Bookcase-Set-277-300x375h.jpg 1x"
data-srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/new_real_room/ROYAL-Queen-Wall-Bed-with-Sectional-Sofa-and-Bookcase-Set-277-300x375h.jpg 1x"
width="300" height="375"
alt="ROYAL Queen Wall Bed with Sectional Sofa and Bookcase Set - view 5" />
</a>
</div>
<div class="swiper-slide auto-grid-items">
<a class="gallery-image" href="https://www.multimobeds.com/gallery-photos/gallery/spazio-twin-size-wall-bed-customer-photo-48" aria-label="Open item: Spazio - Twin Size Wall Bed">
<img src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/real_room/Spazio-Twin-Size-Wall-Bed-3-300x375w.jpg" data-src="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/real_room/Spazio-Twin-Size-Wall-Bed-3-300x375w.jpg"
srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/real_room/Spazio-Twin-Size-Wall-Bed-3-300x375w.jpg 1x"
data-srcset="https://www.multimobeds.com/image/cache/catalog/galleries/customer-photos/real_room/Spazio-Twin-Size-Wall-Bed-3-300x375w.jpg 1x"
width="300" height="375"
alt="Spazio - Twin Size Wall Bed - view 6" />
</a>
</div>
</div>
</div>
<!--div class="swiper-buttons">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div-->
<div class="auto-carousel-buttons auto-carousel-controls">
<div class="auto-carousel-prev" role="button" tabindex="0" aria-label="Previous Gallery Images"><span></span></div>
<div class="auto-carousel-next" role="button" tabindex="0" aria-label="Next Gallery Images"><span></span></div>
</div>
</div>
</div>
</div>
</div> </div><!-- extra to close bottom div -->
<script type="text/javascript"><!--
function patchMGallerySwiper() {
const root = document.getElementById('mggallery-product');
if (!root) return;
const container = root.querySelector('.swiper-container, .swiper'); // be flexible
if (!container || !container.swiper) {
// Instance not present yet, try again shortly
return setTimeout(patchMGallerySwiper, 50);
}
const sw = container.swiper; // existing Swiper instance
// 1. Update parameters
// sw.params.spaceBetween = 20; // use internal spacing
sw.params.slidesPerView = 'auto';
//sw.params.slidesPerGroup = 5;
sw.params.slidesPerGroup = window.matchMedia('(max-width: 767px)').matches ? 1 : 5;
sw.params.grabCursor = true;
sw.params.preventClicks = true;
sw.params.preventClicksPropagation = true;
sw.params.loopFillGroupWithBlank = true;
sw.params.resistanceRatio = 0.65;
sw.params.speed = 600;
// 2. Update navigation elements
sw.params.navigation.nextEl = root.querySelector('.auto-carousel-next');
sw.params.navigation.prevEl = root.querySelector('.auto-carousel-prev');
// 3. Re-init navigation module with new selectors
if (sw.navigation) {
sw.navigation.destroy(); // remove old listeners
sw.navigation.init(); // bind to new buttons
sw.navigation.update();
}
// 4. Apply grab cursor class if needed
if (sw.params.grabCursor) {
sw.setGrabCursor && sw.setGrabCursor();
}
//sw.wrapperEl.style.gap = '20px'; // spațiul dorit
//sw.wrapperEl.style.paddingRight = '20px'; // compensează la final ca să poți ajunge complet
//sw.update(); // recalculează după modificare
// 5. (Optional) prevent link click after drag
let dragged = false;
sw.on('touchStart', () => { dragged = false; });
sw.on('sliderMove', () => { dragged = true; });
root.addEventListener('click', e => {
const a = e.target.closest('a.gallery-image');
if (a && dragged) {
e.preventDefault();
e.stopPropagation();
dragged = false;
}
}, true);
}
// Run after load to ensure the theme’s script already initialized.
window.addEventListener('load', patchMGallerySwiper);
//--></script>
