Spirit of 1876 NEW Premium Roof Top Tent Mattress

Showroom
Not sure what's right for you, come see our showroom!
One Tree Promise
Help us make an impact, without leaving a footprint.
FAQs
Why choose a rooftop tent? Let us tell you why!

Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC

$299.99

~~$399.00~~

Quantity :

Subtotal : $299.99

Brand : Spirit of 1876

Product Type : Accessories

Availability : 10 In Stock

We sell tents ranging from a grand to over $5k, and it seems like the deciding factor always comes down to the mattress. What if your rooftop tent had a mattress where rest wasn't sacrificed? We're proud to announce our new line of premium RTT mattresses. It's a 2 stage high density foam designed to specifically fit most lines of soft shell tents from popular brands like 23Zero, CVT, Tepui, and others with standard sizing. We also designed one for the aluminum clamshell brands like GFC, Area BFE, Roofnest and CVT. This first run is our prototype and utilizes the existing cover which fits seamlessly. We are pre-launching this run with all sizes priced $100 OFF. The mattress arrives vacuum sealed and ready for install. Please call 720.787.9070 if you have any questions about fitment. ***THIS ITEM IS THE FOAM ONLY AND DOES NOT COME WITH A COVER, THIS FOAM IS A REPLACEMENT FOR YOUR CURRENT FOAM UTILIZING THE FACTORY COVER ***

Customer Reviews

Based on 1 review Write a review

Related Products

Quick View

Add to wishlist

View Wishlist

AREA BFE Black Series

<div class="grid-link__meta"> <div class="product_price"> <div class="grid-link__org_price" id="ProductPrice"> $3,095.00 </div> </div> </div> </div> </div> </li> <li class="grid__item item-row " id="product-4641068482657" > <div class="products product-hover-11"> <div class="product-container"> <a href="/collections/all-rooftop-tents/products/23zero-roof-top-tent-walkabout-series" class="grid-link"> <div class="ImageOverlayCa"></div> <div class="reveal"> <span class="product-additional"> <img src="//cdn.shopify.com/s/files/1/0287/9818/9665/products/WALKABOUT_E2_84_A2_large.jpg?v=1590348384" class="featured-image" alt="WALKABOUT™.jpg"> </span> <img src="//cdn.shopify.com/s/files/1/0287/9818/9665/products/IMG-3348_1_8a284f9b-c4ca-4c7f-945c-da60e63f9615_large.jpg?v=1594163524" class="hidden-feature_img" alt="23Zero Roof Top Tent Walkabout Series" /> </div> </a> <div class="product_right_tag "> </div> <div class="ImageWrapper"> <div class="link_icon"> <a href="javascript:void(0)" title="Quick View" id="23zero-roof-top-tent-walkabout-series" class="quick-view-text product_link"> Quick View </a> </div> <div class="product-button"> <form action="/cart/add" method="post" class="gom variants clearfix" id="cart-form-4641068482657"> <input type="hidden" name="id" value="32331047207009" /> <a class="add-cart-btn" title="Add to Cart"> <i class="fas fa-shopping-cart"></i> </a> </form> <div class="add-to-wishlist"> <div class="show"> <div class="default-wishbutton-23zero-roof-top-tent-walkabout-series loading"><a title="Add to wishlist" class="add-in-wishlist-js" href="23zero-roof-top-tent-walkabout-series"><i class="far fa-heart"></i><span class="tooltip-label">Add to wishlist</span></a></div> <div class="loadding-wishbutton-23zero-roof-top-tent-walkabout-series loading" style="display: none; pointer-events: none"><a class="add_to_wishlist" href="23zero-roof-top-tent-walkabout-series"><i class="fas fa-spinner"></i></a></div> <div class="added-wishbutton-23zero-roof-top-tent-walkabout-series loading" style="display: none;"><a title="View Wishlist" class="added-wishlist add_to_wishlist" href="/pages/wishlist"><i class="fas fa-heart"></i><span class="tooltip-label">View Wishlist</span></a></div> </div> </div> </div> </div> </div> <div class="product-detail"> <a href="/collections/all-rooftop-tents/products/23zero-roof-top-tent-walkabout-series" class="grid-link__title">23Zero Roof Top Tent Walkabout Series</a> <div class="product_desc"><meta charset="utf-8"><span><strong>***UPDATE**...</div> <div class="grid-link__meta"> <div class="product_price"> <div class="grid-link__org_price" id="ProductPrice"> $1,499.00 </div> </div> </div> </div> </div> </li> </ul> <div class="nav_featured"></div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var related = $(".related-products"); related.owlCarousel({ loop:true, nav:true, navContainer: ".nav_featured", navText: ['<a class="prev btn"><i class="fas fa-angle-left"></i></a>','<a class="next btn"><i class="fas fa-angle-right"></i></a>'], dots: false, responsive:{ 0:{ items:2 }, 600:{ items:3 }, 1000:{ items: 4 } } }); }); </script> </div> </div> <script src="//cdn.shopify.com/shopifycloud/shopify/assets/themes_support/option_selection-fe6b72c2bbdd3369ac0bfefe8648e3c889efca213baefd4cfb0dd9363563831f.js" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/jquery.fancybox.js?v=4103147835157344137" type="text/javascript"></script> <script> var selectCallback = function(variant, selector) { timber.productPage({ money_format: "${{amount}}", variant: variant, selector: selector, translations: { add_to_cart : "Add to Cart", sold_out : "Sold Out", unavailable : "Unavailable" } }); }; jQuery(function($) { new Shopify.OptionSelectors('productSelect', { product: {"id":4699210678369,"title":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC","handle":"camperpedic-universal-rtt-mattress","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003e\u003cspan\u003eWe sell tents ranging from a grand to over $5k, and it seems like the deciding factor always comes down to the mattress. What if your rooftop tent had a mattress where rest wasn't sacrificed? We're proud to announce our new line of premium RTT mattresses. It's a \u003c\/span\u003e\u003cspan\u003e2 stage high density foam designed to specifically fit most lines of soft shell tents from popular brands like 23Zero, CVT, Tepui, and others with standard sizing. We also designed one for the aluminum clamshell brands like GFC, Area BFE, Roofnest and CVT. This first run is our prototype and utilizes the existing cover which fits seamlessly. We are pre-launching this run with all sizes priced $100 OFF. The mattress \u003c\/span\u003e\u003cspan\u003earrives vacuum sealed and ready for install. Please call 720.787.9070 if you have any questions about fitment. ***THIS ITEM IS THE FOAM ONLY AND DOES NOT COME WITH A COVER, THIS FOAM IS A REPLACEMENT FOR YOUR CURRENT FOAM UTILIZING THE FACTORY COVER ***\u003c\/span\u003e\u003c\/p\u003e","published_at":"2020-08-18T21:45:00-06:00","created_at":"2020-07-09T13:31:54-06:00","vendor":"Spirit of 1876","type":"Accessories","tags":["camp gear","hardshell","New Arrivals","softshell"],"price":29999,"price_min":29999,"price_max":29999,"available":true,"price_varies":false,"compare_at_price":39900,"compare_at_price_min":39900,"compare_at_price_max":39900,"compare_at_price_varies":false,"variants":[{"id":32640529956961,"title":"Soft Shell Small 56”","option1":"Soft Shell Small 56”","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC - Soft Shell Small 56”","public_title":"Soft Shell Small 56”","options":["Soft Shell Small 56”"],"price":29999,"weight":11385,"compare_at_price":39900,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":32640529989729,"title":"Soft shell Medium 62”","option1":"Soft shell Medium 62”","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC - Soft shell Medium 62”","public_title":"Soft shell Medium 62”","options":["Soft shell Medium 62”"],"price":29999,"weight":11385,"compare_at_price":39900,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":32640530022497,"title":"Soft shell Large 72”","option1":"Soft shell Large 72”","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC - Soft shell Large 72”","public_title":"Soft shell Large 72”","options":["Soft shell Large 72”"],"price":29999,"weight":11385,"compare_at_price":39900,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":32640530055265,"title":"Soft shell X-Large 87”","option1":"Soft shell X-Large 87”","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC - Soft shell X-Large 87”","public_title":"Soft shell X-Large 87”","options":["Soft shell X-Large 87”"],"price":29999,"weight":11385,"compare_at_price":39900,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":32640530088033,"title":"Clam shell Small 48”","option1":"Clam shell Small 48”","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC - Clam shell Small 48”","public_title":"Clam shell Small 48”","options":["Clam shell Small 48”"],"price":29999,"weight":11385,"compare_at_price":39900,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":32640530120801,"title":"Clam shell Medium 56”","option1":"Clam shell Medium 56”","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Spirit of 1876 NEW Premium Roof Top Tent Mattress - THE CAMPERPEDIC - Clam shell Medium 56”","public_title":"Clam shell Medium 56”","options":["Clam shell Medium 56”"],"price":29999,"weight":11385,"compare_at_price":39900,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0287\/9818\/9665\/products\/IMG-2806.jpg?v=1597808667"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0287\/9818\/9665\/products\/IMG-2806.jpg?v=1597808667","options":["Size"],"media":[{"alt":null,"id":8070632931425,"position":1,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0287\/9818\/9665\/products\/IMG-2806.jpg?v=1597808667"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0287\/9818\/9665\/products\/IMG-2806.jpg?v=1597808667","width":3024}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003e\u003cspan\u003eWe sell tents ranging from a grand to over $5k, and it seems like the deciding factor always comes down to the mattress. What if your rooftop tent had a mattress where rest wasn't sacrificed? We're proud to announce our new line of premium RTT mattresses. It's a \u003c\/span\u003e\u003cspan\u003e2 stage high density foam designed to specifically fit most lines of soft shell tents from popular brands like 23Zero, CVT, Tepui, and others with standard sizing. We also designed one for the aluminum clamshell brands like GFC, Area BFE, Roofnest and CVT. This first run is our prototype and utilizes the existing cover which fits seamlessly. We are pre-launching this run with all sizes priced $100 OFF. The mattress \u003c\/span\u003e\u003cspan\u003earrives vacuum sealed and ready for install. Please call 720.787.9070 if you have any questions about fitment. ***THIS ITEM IS THE FOAM ONLY AND DOES NOT COME WITH A COVER, THIS FOAM IS A REPLACEMENT FOR YOUR CURRENT FOAM UTILIZING THE FACTORY COVER ***\u003c\/span\u003e\u003c\/p\u003e"}, onVariantSelected: selectCallback, enableHistoryState: true }); // Add label if only one product option and it isn't 'Title'. Could be 'Size'. $('.selector-wrapper:eq(0)').prepend('<label for="productSelect-option-0">Size</label>'); // Hide selectors if we only have 1 variant and its title contains 'Default'. // Auto-select first available variant on page load. Otherwise the product looks sold out. $('.single-option-selector:eq(0)').val("Soft shell Medium 62”").trigger('change'); $('.product-single .single-option-selector').wrap('<div class="selector-arrow">'); }); </script> <style> .swatch .tooltip{ display:block; } </style> <div id="size-chart" class="mfp-hide size-chart"> </div> <style> .product_single_detail_section #AddToCart { width:50%; float:left;letter-spacing:0.06em; background: #04335e;border:none;color: #ffffff;margin-bottom:10px;margin-right:10px; } .product_single_detail_section #AddToCart:hover { background:#ff9100;color: #fff;border-color: #ff9100; } .product_single_detail_section .add-to-wishlist { width:calc(50% - 10px ); } .product_single_detail_section .add-to-wishlist .btn { } @media (max-width: 567px) { .product_single_detail_section .add-to-wishlist { width:100%; } .product_single_detail_section #AddToCart { width:100%; }} .product_single_detail_section .add-to-wishlist .btn { width:100%; } </style> </div> </div> </div>  </div> </div> </div> </div> <div class="dt-sc-hr-invisible-large"></div> </main> <div id="shopify-section-footer-model-9" class="shopify-section"><div data-section-id="footer-model-9" data-section-type="Footer-model-9" class="footer-model-9"> <footer class="site-footer" style="background-image:url('//cdn.shopify.com/s/files/1/0287/9818/9665/files/img-9_1920X_26f98ab0-08ae-4fc6-a7fe-c088e5518dbe_1920X.jpg?v=1590814753');background-repeat:no-repeat;background-position:top center;background-size:cover; " > <div class="grid-uniform"> <div class="container"> <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--grid__item"> <h4 style="color:#ffffff;">Contact us</h4> <div class="address"> <p style="color:#ffffff;"> 2278 Manatt Court Unit C8, Castle Rock CO 80108</p> <p style="color:#ffffff;">720-787-9070</p> </div> <a class="mail-address" style="color:#ffffff;" href="mailto:mike@spiritof1876.com">mike@spiritof1876.com</a> <div class="payment_section"> <div class="footer-icons"> <ul class="inline-list payment-icons"> </ul> </div> </div> </div> <div class="grid__item wide--three-quarters post-large--three-quarters large--three-quarters medium--grid__item"> <div class="grid__item wide--one-quarter post-large--one-quarter large--one-third medium--one-half"> <h4 style="color:#ffffff;">About</h4> <ul class="site-footer__links"> <li><a style="color:#ffffff;" href="/pages/rtt-faq">Why Rooftop Tents</a></li> <li><a style="color:#ffffff;" href="/pages/frequently-asked-questions">Frequently Asked Questions</a></li> <li><a style="color:#ffffff;" href="/pages/contact">Contact</a></li> <li><a style="color:#ffffff;" href="/pages/privacy-policy"> Privacy Policy</a></li> </ul> </div> <div class="grid__item wide--one-quarter post-large--one-quarter large--one-third medium--one-half"> <h4 style="color:#ffffff;"> Gear</h4> <ul class="site-footer__links"> <li><a style="color:#ffffff;" href="/collections/rooftop-tents">Rooftop Tents</a></li> <li><a style="color:#ffffff;" href="/collections/accessories">Accessories</a></li> <li><a style="color:#ffffff;" href="/pages/contact">Store Location</a></li> <li><a style="color:#ffffff;" href="/policies/shipping-policy">Shipping</a></li> <li><a style="color:#ffffff;" href="/policies/refund-policy">Refund Policy</a></li> </ul> </div> <div class="grid__item wide--one-quarter post-large--one-quarter large--one-third medium--one-half"> <h4 style="color:#ffffff;">Explore</h4> <ul class="site-footer__links"> <li><a style="color:#ffffff;" href="/collections/weekend-warrior">Weekend Warrior</a></li> <li><a style="color:#ffffff;" href="/collections/off-the-grid">Off the Grid</a></li> <li><a style="color:#ffffff;" href="https://www.youtube.com/channel/UCxfqGufsfa_ztzmBAExgHsA">How-to Videos</a></li> </ul> </div> <div class="grid__item wide--one-quarter post-large--one-quarter large--one-third medium--one-half"> <h4 style="color:#ffffff;">Gather Round The Campfire</h4> <p>Join the Spirit of 1876 Outdoor Adventurists to Receive News about New Gear & Upcoming Events</p> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="input-group password__input-group"> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" id="Email" class="input-group__field newsletter__input" value="" placeholder="Email address" autocorrect="off" autocapitalize="off"> <span class="input-group__btn"> <button type="submit" class="btn newsletter__submit" name="commit" id="Subscribe"> <span class="newsletter__submit-text--large">Subscribe Now</span> </button> </span> </div> </form> <div class="footer_social_links"> <ul class="inline-list social-icons social-links-type-1"> <li> <a style="color:#bab9b5;" class="icon-fallback-text twitt hexagon" target="blank" href="https://twitter.com/1876co?lang=en" onmouseover="this.style.color='#ff9100';" onmouseout="this.style.color='#bab9b5';" title="Twitter"> <span class="fab fa-twitter" aria-hidden="true"></span> </a> </li> <li> <a style="color:#bab9b5;" class="icon-fallback-text fb hexagon" target="blank" href="https://www.facebook.com/spiritof1876/" onmouseover="this.style.color='#ff9100';" onmouseout="this.style.color='#bab9b5';" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a style="color:#bab9b5;" sclass="icon-fallback-text pin hexagon" target="blank" href="https://www.pinterest.com/Spiritof1876" onmouseover="this.style.color='#ff9100';" onmouseout="this.style.color='#bab9b5';" title="Pinterest"> <span class="fab fa-pinterest" aria-hidden="true"></span> </a> </li> <li> <a style="color:#bab9b5;" class="icon-fallback-text ins" target="blank" href="https://www.instagram.com/spiritof1876/" onmouseover="this.style.color='#ff9100';" onmouseout="this.style.color='#bab9b5';" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a style="color:#bab9b5;" class="icon-fallback-text youtube" target="blank" href="https://www.youtube.com/channel/UCxfqGufsfa_ztzmBAExgHsA?view_as=subscriber" onmouseover="this.style.color='#ff9100';" onmouseout="this.style.color='#bab9b5';" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="grid__item"> <div style="background:rgba(0,0,0,0);" class="grid__item copyright-section "> <div class="container"> <p style="color:#d4d2d7;" class="copyright">Spirit of 1876 © 2021 </p> </div> </div> </div> </footer> </div> <style> .footer-model-9 .footer_newsletter button:hover { background: !important;color: !important; } .footer-model-9 .site-footer__links li a:hover, .footer-model-9 .mail-address:hover { color:#ff9100 !important; } .footer-model-9 .footer-bottom .footer-bottom__menu ul li a:hover { color: !important; } .footer-model-9 .copyright a { color:#d4d2d7; } .footer-model-9 .copyright a:hover { color:#ff9100; } .footer-model-9 .site-footer .social-icons li a:hover { color:#ff9100 !important; } .footer-model-9 .site-footer input::-webkit-input-placeholder { color:#ffffff;} .footer-model-9 .site-footer input:-moz-placeholder { color:#ffffff;} .footer-model-9 .site-footer input::-moz-placeholder { color:#ffffff;} .footer-model-9 .site-footer input:-ms-input-placeholder { color:#ffffff;} .footer-model-9 .site-footer input { color:#ffffff; } .footer-model-9 h5, .footer-model-9 .site-footer p {color:#ffffff; } .footer-model-9 .site-footer input {background:rgba(247, 247, 247, 0.2);} .footer-model-9 .input-group .btn { color:#ffffff;} .footer-model-9 .input-group .btn:hover { background:#ff9100;} .footer-model-9 .input-group .btn{ background:#04335e;} </style> </div> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/timber.js?v=7336681203660404521" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/inview-donut-easing.js?v=11410926627178193725" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/theme.js?v=18326697871268545370" type="text/javascript"></script> <script src="//cdn.shopify.com/shopifycloud/shopify/assets/themes_support/option_selection-fe6b72c2bbdd3369ac0bfefe8648e3c889efca213baefd4cfb0dd9363563831f.js" type="text/javascript"></script> <script src="//cdn.shopify.com/shopifycloud/shopify/assets/themes_support/api.jquery-e94e010e92e659b566dbc436fdfe5242764380e00398907a14955ba301a4749f.js" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/history-to-light.js?v=17945962704583084051" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/footer.js?v=2142447555943530626" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/shop.js?v=3170641105429689576" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/social-buttons.js?v=11960793625780331128" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/wow.js?v=8607965041847799793"></script> <script type="text/javascript"> $('.quick-view .close-window').on('click', function() { $('.quick-view').switchClass("open-in","open-out"); }); </script> <script type="text/javascript"> var rv = $('.recently-viewed-products'); if ( rv.length ) { Shopify.Products.recordRecentlyViewed(); } </script> <script> $(document).ready(function() { var body = $('body'); var doc = $(document); var showLeftPush = $('#showLeftPush'); var nav = $('#cbp-spmenu-s1'); showLeftPush.on('click', function(e) { e.stopPropagation(); body.toggleClass('cbp-spmenu-push-toright'); nav.toggleClass('cbp-spmenu-open'); showLeftPush.toggleClass('active'); }); $('.gf-menu-device-wrapper .close-menu').on('click', function() { showLeftPush.trigger('click'); }); doc.on('click', function(e) { if (!$(e.target).closest('#cbp-spmenu-s1').length && showLeftPush.hasClass('active')) { showLeftPush.trigger('click'); } }); }); </script> <script src="//cdn.shopify.com/s/files/1/0287/9818/9665/t/5/assets/ajax-search-script.js?v=13414338875862439487"></script>  <div class="clearfix" id="quickview-template" style="display:none"> <div class="overlay"></div> <div class="content clearfix"> <div class="product-img images"> <div class="quickview-featured-image product-photo-container"></div> <div class="more-view-wrapper"> <ul class="product-photo-thumbs quickview-more-views-owlslider owl-carousel owl-theme"> </ul> <div class="quick-view-carousel"></div> </div> </div> <div class="product-shop summary"> <div class="product-item product-detail-section"> <h2 class="product-title"><a> </a></h2> <p class="item-text product-description"></p> <div class="prices product_price"> <label>Price :</label> <div class="price h4" id="QProductPrice"></div> <div class="compare-price" id="QComparePrice"></div> </div> <div class="product-infor"> <p class="product-inventory"><label>Availability :</label><span></span></p> </div> <div class="details clearfix"> <form action="/cart/add" method="post" class="variants"> <select name='id' style="display:none"></select> <div class="qty-section quantity-box"> <label>Quantity :</label> <div class="dec button qtyminus">-</div> <input type="number" name="quantity" id="Qty" value="1" class="quantity"> <div class="inc button qtyplus">+</div> </div> <div class="total-price"> <label>Subtotal :</label><span class="h5"></span> </div> <div class="actions"> <button type="button" class="add-to-cart-btn btn"> Add to Cart </button> </div> </form> </div> </div> </div> <a href="javascript:void(0)" class="close-window"></a> </div> </div>  <script type="text/javascript"> Shopify.doNotTriggerClickOnThumb = false; var selectCallbackQuickview = function(variant, selector) { var productItem = jQuery('.quick-view .product-item'); addToCart = productItem.find('.add-to-cart-btn'), productPrice = productItem.find('.price'), comparePrice = productItem.find('.compare-price'), totalPrice = productItem.find('.total-price span'), inventory = productItem.find('.product-inventory'); if (variant) { if (variant.available) { // We have a valid product variant, so enable the submit button addToCart.removeClass('disabled').removeAttr('disabled').text('Add to Cart'); } else { // Variant is sold out, disable the submit button addToCart.val('Sold Out').addClass('disabled').attr('disabled', 'disabled'); } // Regardless of stock, update the product price productPrice.html(Shopify.formatMoney(variant.price, "${{amount}}")); // Also update and show the product's compare price if necessary if ( variant.compare_at_price > variant.price ) { comparePrice .html(Shopify.formatMoney(variant.compare_at_price, "${{amount}}")) .show(); productPrice.addClass('on-sale'); } else { comparePrice.hide(); productPrice.removeClass('on-sale'); } //update variant inventory var inventoryInfo = productItem.find('.product-inventory span'); if (variant.available) { if (variant.inventory_management !=null ) { inventoryInfo.text(window.in_stock ); inventoryInfo.addClass('items-count'); inventoryInfo.removeClass('many-in-stock'); inventoryInfo.removeClass('out-of-stock'); inventoryInfo.removeClass('unavailable'); } else { inventoryInfo.text(window.many_in_stock); inventoryInfo.addClass('many-in-stock') inventoryInfo.removeClass('items-count'); inventoryInfo.removeClass('out-of-stock'); inventoryInfo.removeClass('unavailable'); } } else { inventoryInfo.addClass('out-of-stock') inventoryInfo.text(window.out_of_stock); inventoryInfo.removeClass('items-count'); inventoryInfo.removeClass('many-in-stock'); inventoryInfo.removeClass('unavailable'); } /*recaculate total price*/ //try pattern one before pattern 2 var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g; var unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex); if (!unitPriceTextMatch) { regex = /([0-9]+[.|,][0-9]+)/g; unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex); } if (unitPriceTextMatch) { var unitPriceText = unitPriceTextMatch[0]; var unitPrice = unitPriceText.replace(/[.|,]/g,''); var quantity = parseInt(jQuery('.quick-view input[name=quantity]').val()); var totalPrice = unitPrice * quantity; var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format); regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g; if (!totalPriceText.match(regex)) { regex = /([0-9]+[.|,][0-9]+)/g; } totalPriceText = totalPriceText.match(regex)[0]; var regInput = new RegExp(unitPriceText, "g"); var totalPriceHtml = jQuery('.quick-view .price').html().replace(regInput ,totalPriceText); jQuery('.quick-view .total-price span').html(totalPriceHtml); } /*end of price calculation*/ /*begin variant image*/ /*begin variant image*/ if (variant && variant.featured_image) { var originalImage = jQuery(".quick-view .quickview-featured-image img"); var newImage = variant.featured_image; var element = originalImage[0]; Shopify.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) { newImageSizedSrc = newImageSizedSrc.replace(/\?(.*)/,""); jQuery('.quick-view .more-view-wrapper img').each(function() { var grandSize = jQuery(this).attr('src'); grandSize = grandSize.replace('medium','grande'); if (grandSize == newImageSizedSrc) { jQuery(this).parent().trigger('click'); return false; } }); }); } /*end of variant image*/ /*end of variant image*/ } else { // The variant doesn't exist. Just a safegaurd for errors, but disable the submit button anyway addToCart.text('Unavailable').addClass('disabled').attr('disabled', 'disabled'); var inventoryInfo = productItem.find('.product-inventory span'); inventoryInfo.addClass("unavailable"); inventoryInfo.removeClass("many-in-stock"); inventoryInfo.removeClass("items-count"); inventoryInfo.removeClass("out-of-stock"); inventoryInfo.text(window.unavailable); } }; </script> <div class="loading-modal modal">Loading</div> <div class="newsletter-success-modal"> <div class="modal-overlay"></div> <div class="ajax-modal-content"> <a class="close close-window btn" title="Close (Esc)"> <i class="fa fa-times"></i> </a> <i class="fa fa-check" aria-hidden="true"></i> <span>Thank you for signing up!</span> </div> </div> <div class="ajax-lookbook-modal"> <div class="overlay"></div> <div class="ajax-modal-content"> <a href="javascript:void(0)" data-close-lookbook-modal class="close close-modal btn"> <i class="fa fa-times"></i> </a> <div class="lookbook-content"></div> </div> </div> <div class="ajax-error-modal modal"> <div class="modal-inner"> <div class="ajax-error-title">Error</div> <div class="ajax-error-message"></div> </div> </div> <div class="ajax-success-modal modal"> <div class="overlay"></div> <div class="content"> <div class="ajax-left"> <p class="added-to-cart info">Product successfully added to your shopping cart</p> <p class="added-to-wishlist info">translation missing: en.products.wishlist.added_to_wishlist</p> <img class="ajax-product-image" alt="modal window" src="/" /> <div class="ajax-cart-desc"> <h3 class="ajax-product-title"></h3> <span class="ajax_price"></span> <p>Qty: <span class="ajax_qty"></span></p> </div> </div> <div class="ajax-right"> <p>There are <span class="ajax_cartCount"></span> item(s) in your cart</p> <span class="ajax_cartTotal"></span> <button class="btn continue-shopping" onclick="javascript:void(0)">Continue shopping</button> <div class="success-message added-to-cart"><a href="/cart" class="btn"><i class="fas fa-shopping-cart"></i>View Cart</a> </div>  </div> <a href="javascript:void(0)" class="close-modal"><i class="far fa-times-circle"></i></a> </div> </div> <div class="loading-modal compare_modal">Loading</div> <div class="ajax-success-compare-modal compare_modal" id="moda-compare" tabindex="-1" role="dialog" style="display:none"> <div class="overlay"> </div> <div class="modal-dialog modal-lg"> <div class="modal-content content" id="compare-modal"> <div class="modal-header"> <h4 class="modal-title">Compare Products</h4> </div> <div class="modal-body"> <div class="table-wrapper"> <table class="table table-hover"> <thead> <tr class="th-compare"> <th></th> </tr> </thead> <tbody id="table-compare"> </tbody> </table> </div> </div> <div class="modal-footer"> <a href="javascript:void(0)" class="close-modal"><i class="far fa-times-circle"></i></a> </div> </div> </div> </div> <div id="shopify-section-GDPR-modal" class="shopify-section"> <div id="accept-cookies" class="cookieMessage" > <div class="block-cookies"> <div class="des"> The cookie settings on this website are set to 'allow all cookies' to give you the very best experience. Please click Accept Cookies to continue to use the site. </div> <div class="group-action-links"> <a target="_blank" href="https://policies.google.com/" class="notification-cookies privacy-link"> privacy policy </a> <a href="#" class="notification-cookies accept_cookies_link" data-accept-cookie> accept <span class="icon">✔</span> </a> </div> </div> </div> <style> #accept-cookies .block-cookies, #accept-cookies .accept_cookies_link, #accept-cookies .privacy-link:hover { color:#ffffff; } #accept-cookies .privacy-link, #accept-cookies .accept_cookies_link:hover { color:#818181; } #accept-cookies{ background: rgba(20, 20, 20, 0.9); } @media (min-width: 1200px) { #accept-cookies{ left: 15px;width: 368px; max-width: 85vw; text-align: left; } #accept-cookies .group-action-links { text-align:right; } } </style> <script> $(document).ready(function() { var gdprCookie = $('#accept-cookies'); gdprCookie.show(); if ($.cookie('cookieMessage') == 'closed') { gdprCookie.remove(); } gdprCookie.find('[data-accept-cookie]').on('click', function(e) { e.preventDefault(); gdprCookie.remove(); $.cookie('cookieMessage', 'closed', {expires: 1, path:'/'}); }); }) </script> </div>  </body> </html>

Showroom

One Tree Promise

FAQs