shopharbour.com
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: https://trk.klclick1.com/ls/click?upn=440S5nlULr46L2xmtAZf8xaWv9yfFJQY8X6Aa6mJo6swy9yaAYL-2Bb5VgvWQ0zwxQFJISbCU-2BE5WLKno...
Effective URL: https://shopharbour.com/products/victoria-stone-dining-table-108?utm_source=Klaviyo&utm_medium=email&utm_campaign=Victor...
Submission: On February 02 via api from BE — Scanned from DE
Effective URL: https://shopharbour.com/products/victoria-stone-dining-table-108?utm_source=Klaviyo&utm_medium=email&utm_campaign=Victor...
Submission: On February 02 via api from BE — Scanned from DE
Form analysis 5 forms found in the DOM
<form id="flits-guest-wishlist-form">
<div class="flits-input-wrap"> <input type="email" class="flits-input flits-tingle-input" placeholder="Email address" name="email" value="" id="flits_email_id" required=""> </div>
<div class="flits-tingle-modal-popup-action"> <button type="submit" class="flits-button flits-tingle-btn flits-tingle-primary-btn" data-flits-lang="wishlisted_product_page.add_to_wishlist_button" data-flits-lang-default="Add to Wishlist"> Add to
Wishlist </button> </div>
</form>POST /cart
<form class="Cart Drawer__Content" action="/cart" method="POST" novalidate="">
<div class="Drawer__Main" data-scrollable="">
<p class="Cart__Empty Heading u-h5">Your cart is empty</p>
</div>
</form>Name: GET — /search
<form action="/search" name="GET" role="search" class="Search__Form">
<div class="Search__InputIconWrapper">
<span class="hidden-tablet-and-up"><svg class="Icon Icon--search " role="presentation" viewBox="0 0 18 17">
<g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square">
<path d="M16 16l-5.0752-5.0752"></path>
<circle cx="6.4" cy="6.4" r="6.4"></circle>
</g>
</svg></span>
<span class="hidden-phone"><svg class="Icon Icon--search-desktop " role="presentation" viewBox="0 0 21 21">
<g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
<path d="M18 18l-5.7096-5.7096"></path>
<circle cx="7.2" cy="7.2" r="7.2"></circle>
</g>
</svg></span>
</div>
<input type="search" class="Search__Input Heading" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" aria-label="Search..." placeholder="Search..." autofocus="">
<input type="hidden" name="type" value="product">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_7641569526008" accept-charset="UTF-8" class="ProductForm" enctype="multipart/form-data" data-productid="7641569526008"><input type="hidden" name="form_type" value="product"><input type="hidden"
name="utf8" value="✓">
<div class="ProductMeta__Mobile">
<div class="ProductMeta" data-membershipdatastatus="1" data-customerstatus="loggedin" data-customerismember="0" data-pricedisplay-tag="Harbour-club" data-pricedisplay-discounts="15 - percentage" data-pricedisplay-label="club"
data-initial-original-price="629500" data-initial-original-compare_at_price="629500" data-membership-url="/pages/club" data-pricevaries="1" data-initial-highlighted="0">
<h1 class="ProductMeta__Title Heading u-h2">Victoria Dining Table 2600</h1>
<p class="ProductMeta__Sku Heading Text--subdued u-h6">SKU: <span class="ProductMeta__SkuNumber">VICT-03C-ALAST-TRGRE</span></p>
<div class=" ProductMeta__PriceList_Membership Heading u-h4"><!-- <span class="price_from_txt">FROM </span> -->
<span class="ProductMeta__Price Price u-h4"> $6,295.00 / </span>
<span class="ProductMeta__Price Price u-h4"><a href="/pages/club">club $5,350.75</a></span>
</div>
<div class="ProductMeta__UnitPriceMeasurement" style="display:none">
<div class="UnitPriceMeasurement Heading u-h6 Text--subdued">
<span class="UnitPriceMeasurement__Price"></span>
<span class="UnitPriceMeasurement__Separator">/ </span>
<span class="UnitPriceMeasurement__ReferenceValue" style="display: inline"></span>
<span class="UnitPriceMeasurement__ReferenceUnit"></span>
</div>
</div>
</div>
</div>
<div class="Product__Gallery Product__Gallery--withDots cylindo_on">
<span id="ProductGallery" class="Anchor"></span>
<div id="cylindo-product-container" style="position: relative; display: block; z-index: 0; height: 848px;" role="region" aria-label="360 HD Product Viewer" title="360 HD Product Viewer" class="cylindo-wrapper has-thumbs has-height">
<div class="cylindo-loading-bar" role="progressbar" style="opacity: 0.0984771; display: none;">
<div class="" style="height: 100%; width: 100%;"></div>
</div>
<div class="cylindo-viewer-container has-thumbs thumb-location-bottom" tabindex="0" style="">
<ul style="transition: opacity 0.2s linear 0s;" role="list" aria-label="threesixty viewer" class="cylindo-threesixty-list opacity-one">
<li aria-hidden="false" class="cylindo-viewer-frame-1 active" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/1/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)"
data-index="1"><img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/1/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 1 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-3" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/3/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="3"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/3/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 3 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-5" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/5/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="5"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/5/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 5 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-9" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/9/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="9"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/9/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 9 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-7" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/7/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="7"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/7/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 7 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-13" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/13/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="13">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/13/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 13 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-15" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/15/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="15">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/15/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 15 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-21" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/21/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="21">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/21/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 21 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-19" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/19/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="19">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/19/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 19 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-25" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/25/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="25">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/25/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 25 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-23" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/23/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="23">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/23/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 23 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-27" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/27/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="27">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/27/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 27 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-29" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/29/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="29">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/29/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 29 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-31" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/31/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="31">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/31/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 31 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-11" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/11/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="11">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/11/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 11 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-17" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/17/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="17">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/17/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 17 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-2" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/2/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="2"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/2/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 2 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-4" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/4/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="4"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/4/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 4 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-6" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/6/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="6"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/6/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 6 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-10" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/10/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="10">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/10/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 10 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-14" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/14/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="14">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/14/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 14 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-12" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/12/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="12">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/12/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 12 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-16" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/16/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="16">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/16/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 16 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-20" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/20/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="20">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/20/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 20 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-18" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/18/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="18">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/18/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 18 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-22" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/22/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="22">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/22/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 22 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-26" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/26/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="26">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/26/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 26 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-30" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/30/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="30">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/30/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 30 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-8" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/8/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="8"><img
draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/8/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 8 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-28" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/28/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="28">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/28/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 28 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-24" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/24/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="24">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/24/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 24 of "VICT-03C" "></li>
<li aria-hidden="true" class="cylindo-viewer-frame-32" data-zoom-image="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/32/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&crop=(__COORDS__)" data-index="32">
<img draggable="false" src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/32/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST" alt="Frame 32 of "VICT-03C" "></li>
</ul>
<div class="cylindo-action-button-group right" style="display: block; opacity: 1.08347;" aria-label="Action buttons" role="group">
<a style="display: block;" href="javascript:void(0)" class="fullscreen-button cylindo-action-button-icon cylindo-icon-fullscreen-off" aria-label="Enter full screen mode" role="link"></a><a style="display: none" href="javascript:void(0)" class="threesixty-button cylindo-action-button-icon cylindo-icon-zoom-off permanently-hidden" aria-label="Enter zoom mode" role="link"></a><a style="display: none" href="javascript:void(0)" class="threesixty-button-secondary cylindo-action-button-icon cylindo-icon-zoom-off permanently-hidden" aria-label="Exit zoom mode" role="link"></a>
</div>
<div class="cylindo-loader" role="progresbar" style="opacity: 0; display: none;"></div>
<div class="cylindo-tooltip cylindo-no-feature" role="tooltip" aria-label="Sorry, we do not have images for the requested feature set."><span>!</span>
<p>Sorry, we do not have images for the requested feature set.</p>
</div>
<div class="cylindo-tooltip cylindo-drag-tooltip cylindo-drag-to-rotate-tooltip" role="tooltip" aria-label="Drag to Rotate. Click to Zoom" style="display: block; opacity: 1.08347;"><span class="left" aria-hidden="true"></span>Drag to Rotate.
Click to Zoom<span class="right" aria-hidden="true"></span></div>
<div class="cylindo-tooltip cylindo-tooltip-not-available" role="" aria-label="Could not zoom in on the image."><span>!</span>
<p>Could not zoom in on the image.</p>
</div>
<div class="cylindo-zoom-imagery" role="group" aria-label="Zoom container" data-width="4096" data-height="4096" style="display: none; width: 4096px; height: 4096px;">
<div class="cylindo-zoom-background" data-width="4096" data-height="4096" style="width: 4096px; height: 4096px;"></div>
<div class="cylindo-zoom-images" role="img" aria-label="Zoomed image" data-width="4096" data-height="4096" style="width: 4096px; height: 4096px;"></div>
</div>
</div>
<div class="cylindo-thumbnail-wrapper thumb-location-bottom has-thumbs" style="display: block; opacity: 1.08347;" aria-label="Thumbnails bar">
<div class="cylindo-thumbnail-slider left"><a href="javascript:void(0)" class="glyphicon glyphicon-menu-left prev" aria-label="Move thumbs bar to the left" role="link"></a></div>
<div class="cylindo-thumbnail-bar" role="presentation">
<ul class="cylindo-rtv cylindo-thumbnail-list" role="list" aria-label="Thumbnail images">
<li data-index="1" style="width: 20%;" class="active"><img alt="VICT-03C, rotated 0 degrees" role="link"
src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/1/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&size=128" draggable="false"></li>
<li data-index="7" style="width: 20%;" class=""><img alt="VICT-03C, rotated 68 degrees" role="link"
src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/7/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&size=128" draggable="false"></li>
<li data-index="13" style="width: 20%;" class=""><img alt="VICT-03C, rotated 135 degrees" role="link"
src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/13/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&size=128" draggable="false"></li>
<li data-index="19" style="width: 20%;" class=""><img alt="VICT-03C, rotated 203 degrees" role="link"
src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/19/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&size=128" draggable="false"></li>
<li data-index="25" style="width: 20%;" class=""><img alt="VICT-03C, rotated 270 degrees" role="link"
src="https://content.cylindo.com/api/v2/5075/products/VICT-03C/frames/25/VICT-03C.PNG?feature=STONE:TRGRE&feature=FINISH:ALAST&size=128" draggable="false"></li>
</ul>
</div>
<div class="cylindo-thumbnail-slider right"><a href="javascript:void(0)" class="glyphicon glyphicon-menu-right next" aria-label="Move thumbs bar to the right" role="link"></a></div>
</div>
</div>
<div id="Product__Flickity" class="Product__Slideshow Product__Slideshow--zoomable Carousel flickity-enabled"
data-flickity-config="{"prevNextButtons": false,"pageDots": false,"watchCSS": true,"dragThreshold": 8,"adaptiveHeight": true,"initialIndex": 0,"arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}}"
tabindex="0">
<div class="flickity-viewport" style="height: 0px;">
<div class="flickity-slider" style="left: 0px; transform: translateX(0%);">
<div data-thumbnail-variant="all" id="Media-1" tabindex="0" class="Product__SlideItem Product__SlideItem--image Carousel__Cell is-selected" data-media-type="image" data-media-id="-1" data-media-position="1" data-image-media-position="0"
style="position: absolute; left: 0%;">
</div>
</div>
</div>
</div>
</div>
<div class="Product__InfoWrapper">
<div class="Product__Info Product__Info--noGallery">
<div class="Container">
<script type="application/json" data-product-json="">
{
"product": {
"id": 7641569526008,
"title": "Victoria Dining Table 2600",
"handle": "victoria-stone-dining-table-108",
"description": "Our Victoria collection balances sculptural curves and right angles for true simplicity of proportion. The Victoria Dining Table 108\" was designed as the perfect outdoor table for up to ten — featuring a stunning curved frame in powder coated extruded aluminum available in Asteroid or Taupe echoed in the rounded edges of the plank legs, with the option of a matching aluminum slatted top or contrasting slab of beautiful travertine stone. Our larger rectangular table, this contemporary dining table brings harmony to a variety of outdoor spaces. Pair it with our Victoria dining chairs to complete the outdoor dining set.\u003cbr\u003e\u003cbr\u003e\u003ch5\u003eFEATURES\u003c\/h5\u003e•Frame handcrafted of extruded aluminum in our workshop•Superior quality powder coating applied for weather resistance•Choose from a matching aluminum slatted top or travertine stone top•Table sits 8–10 guests comfortably•Our custom outdoor covers are strongly recommended as an extra layer of protection against the elements and natural aging",
"published_at": "2024-01-30T16:24:50-08:00",
"created_at": "2022-03-30T12:48:20-07:00",
"vendor": "ShopHarbourOutdoor",
"type": "DINING TABLE",
"tags": ["DINING", "DINING TABLE", "OUTDOOR", "VICTORIA"],
"price": 629500,
"price_min": 629500,
"price_max": 699500,
"available": true,
"price_varies": true,
"compare_at_price": 629500,
"compare_at_price_min": 629500,
"compare_at_price_max": 699500,
"compare_at_price_varies": true,
"variants": [{
"id": 42641533141240,
"title": "Aluminum Asteroid \/ Travertine Dark Grey",
"option1": "Aluminum Asteroid",
"option2": "Travertine Dark Grey",
"option3": null,
"sku": "VICT-03C-ALAST-TRGRE",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 39417454559480,
"product_id": 7641569526008,
"position": 1,
"created_at": "2023-08-07T16:05:26-07:00",
"updated_at": "2023-08-07T16:05:26-07:00",
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"width": 2048,
"height": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526",
"variant_ids": [42641533141240]
},
"available": true,
"name": "Victoria Dining Table 2600 - Aluminum Asteroid \/ Travertine Dark Grey",
"public_title": "Aluminum Asteroid \/ Travertine Dark Grey",
"options": ["Aluminum Asteroid", "Travertine Dark Grey"],
"price": 629500,
"weight": 159710,
"compare_at_price": 629500,
"inventory_management": "shopify",
"barcode": "745805032725",
"featured_media": {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211206392,
"position": 1,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}, {
"id": 42800751182072,
"title": "Aluminum Taupe \/ Travertine Silver",
"option1": "Aluminum Taupe",
"option2": "Travertine Silver",
"option3": null,
"sku": "VICT-03C-ALTAU-TRSIL",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 39417454788856,
"product_id": 7641569526008,
"position": 8,
"created_at": "2023-08-07T16:05:27-07:00",
"updated_at": "2023-08-07T16:05:27-07:00",
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALTAU-TRSIL",
"width": 2048,
"height": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-altau-trsil-636160.png?v=1691449527",
"variant_ids": [42800751182072]
},
"available": true,
"name": "Victoria Dining Table 2600 - Aluminum Taupe \/ Travertine Silver",
"public_title": "Aluminum Taupe \/ Travertine Silver",
"options": ["Aluminum Taupe", "Travertine Silver"],
"price": 699500,
"weight": 159710,
"compare_at_price": 699500,
"inventory_management": "shopify",
"barcode": "745805032800",
"featured_media": {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALTAU-TRSIL",
"id": 32032211435768,
"position": 8,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-altau-trsil-636160.png?v=1691449527"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
}],
"images": ["\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526",
"\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-713586.jpg?v=1691449527",
"\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-409872.jpg?v=1691449527",
"\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-724142.jpg?v=1691449527",
"\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-766062.jpg?v=1691449527",
"\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-520252.jpg?v=1691449527",
"\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-668509.jpg?v=1691449527", "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-altau-trsil-636160.png?v=1691449527"
],
"featured_image": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526",
"options": ["Finish", "Stone"],
"media": [{
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211206392,
"position": 1,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211239160,
"position": 2,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-713586.jpg?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-713586.jpg?v=1691449527",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211271928,
"position": 3,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-409872.jpg?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-409872.jpg?v=1691449527",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211304696,
"position": 4,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-724142.jpg?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-724142.jpg?v=1691449527",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211337464,
"position": 5,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-766062.jpg?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-766062.jpg?v=1691449527",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211370232,
"position": 6,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-520252.jpg?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-520252.jpg?v=1691449527",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211403000,
"position": 7,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-668509.jpg?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-668509.jpg?v=1691449527",
"width": 2048
}, {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALTAU-TRSIL",
"id": 32032211435768,
"position": 8,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-altau-trsil-636160.png?v=1691449527"
},
"aspect_ratio": 1.0,
"height": 2048,
"media_type": "image",
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-altau-trsil-636160.png?v=1691449527",
"width": 2048
}],
"requires_selling_plan": false,
"selling_plan_groups": [],
"content": "Our Victoria collection balances sculptural curves and right angles for true simplicity of proportion. The Victoria Dining Table 108\" was designed as the perfect outdoor table for up to ten — featuring a stunning curved frame in powder coated extruded aluminum available in Asteroid or Taupe echoed in the rounded edges of the plank legs, with the option of a matching aluminum slatted top or contrasting slab of beautiful travertine stone. Our larger rectangular table, this contemporary dining table brings harmony to a variety of outdoor spaces. Pair it with our Victoria dining chairs to complete the outdoor dining set.\u003cbr\u003e\u003cbr\u003e\u003ch5\u003eFEATURES\u003c\/h5\u003e•Frame handcrafted of extruded aluminum in our workshop•Superior quality powder coating applied for weather resistance•Choose from a matching aluminum slatted top or travertine stone top•Table sits 8–10 guests comfortably•Our custom outdoor covers are strongly recommended as an extra layer of protection against the elements and natural aging"
},
"selected_variant_id": 42641533141240
}
</script>
<div class="ProductMeta__Desktop">
<div class="ProductMeta" data-membershipdatastatus="1" data-customerstatus="loggedin" data-customerismember="0" data-pricedisplay-tag="Harbour-club" data-pricedisplay-discounts="15 - percentage" data-pricedisplay-label="club"
data-initial-original-price="629500" data-initial-original-compare_at_price="629500" data-membership-url="/pages/club" data-pricevaries="1" data-initial-highlighted="0">
<h1 class="ProductMeta__Title Heading u-h2">Victoria Dining Table 2600</h1>
<p class="ProductMeta__Sku Heading Text--subdued u-h6">SKU: <span class="ProductMeta__SkuNumber">VICT-03C-ALAST-TRGRE</span></p>
<div class=" ProductMeta__PriceList_Membership Heading u-h4"><!-- <span class="price_from_txt">FROM </span> -->
<span class="ProductMeta__Price Price u-h4"> $6,295.00 / </span>
<span class="ProductMeta__Price Price u-h4"><a href="/pages/club">club $5,350.75</a></span>
</div>
<div class="ProductMeta__UnitPriceMeasurement" style="display:none">
<div class="UnitPriceMeasurement Heading u-h6 Text--subdued">
<span class="UnitPriceMeasurement__Price"></span>
<span class="UnitPriceMeasurement__Separator">/ </span>
<span class="UnitPriceMeasurement__ReferenceValue" style="display: inline"></span>
<span class="UnitPriceMeasurement__ReferenceUnit"></span>
</div>
</div>
</div>
</div><input type="hidden" name="id" data-productid="7641569526008" id="hidElem" data-sku="VICT-03C-ALAST-TRGRE" value="42641533141240">
<link rel="stylesheet" href="//shopharbour.com/cdn/shop/t/118/assets/variant-selector.aio.min.css?v=126876803147463943771691701739">
<div class="ProductForm__Variants">
<div class="ProductForm__Options">
<div class="ProductVariant__Group ProductForm__Option">
<div class="ProductVariant__Title__Toggle">
<span class="ProductVariant__OptionName"> Finish: <span class="ProductVariant__SelectedValue ProductForm__SelectedValue">Aluminum Asteroid</span>
</span>
<span class="Tooltip__Toggle Group0" data-option-position="0-g0-0">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.2 1.2H5.5636L4.3636 0H0V12H12V7.6364L10.8 6.4364V10.8H1.2V1.2ZM12 0V5.3636L10.8 4.1636V2.12763L6.12426 6.80337L5.27574 5.95484L10.0306 1.2H7.8364L6.6364 0H12Z" fill="#737373">
</path>
</svg> VIEW SWATCH </span>
</div>
<div class="ProductVariant__Values">
<div class="ProductVariant__Item" data-option-position="0-g0-0">
<input id="option-template--16793344147704__main-0--0" class="ProductVariant__Radio ProductVariant__Radio--Selector ProductVariant__Radio--group-0" type="radio" name="option-0" value="Aluminum Asteroid" checked="checked"
data-option-position="1" data-thumbnail-swatch="Aluminum Asteroid" data-color-position="0-g0-0"
data-swatch="{"id":42829451886840,"title":"Aluminum Asteroid","option1":"Aluminum Asteroid","option2":null,"option3":null,"sku":"SAMP-18A-ALAST","requires_shipping":true,"taxable":true,"featured_image":{"id":39497097511160,"product_id":7688259010808,"position":1,"created_at":"2023-09-12T07:09:12-07:00","updated_at":"2023-09-12T07:09:12-07:00","alt":"Aluminum Asteroid - SWATCH - Harbour - Harbour - SAMP-18A-ALAST","width":1200,"height":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/aluminum-asteroid-swatch-samp-18a-alast-382206.png?v=1694527752","variant_ids":[42829451886840]},"available":true,"name":"Aluminum Asteroid - SWATCH - Aluminum Asteroid","public_title":"Aluminum Asteroid","options":["Aluminum Asteroid"],"price":500,"weight":0,"compare_at_price":500,"inventory_management":"shopify","barcode":"793519357023","featured_media":{"alt":"Aluminum Asteroid - SWATCH - Harbour - Harbour - SAMP-18A-ALAST","id":32113948885240,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/aluminum-asteroid-swatch-samp-18a-alast-382206.png?v=1694527752"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}">
<label for="option-template--16793344147704__main-0--0" class="ProductVariant__Label has_swatch" data-option-position="0-g0-0"><img
src="//shopharbour.com/cdn/shop/products/aluminum-asteroid-swatch-samp-18a-alast-382206_40x40.png?v=1694527752"></label>
<div class="ProductVariant__Tooltip ProductVariant__Tooltip--0-g0-0 hasdescription_yes hasprice_yes">
<div class="ProductVariant__Tooltip__Close" data-option-position="0-g0-0">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="20" fill="white"></rect>
<g clip-path="url(#clip0_471_4509)">
<path d="M26 14L14 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
<path d="M14 14L26 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_471_4509">
<rect width="24" height="24" fill="white" transform="translate(8 8)"></rect>
</clipPath>
</defs>
</svg>
</div>
<div class="ProductVariant__Tooltip__Image">
<img src="//shopharbour.com/cdn/shop/products/aluminum-asteroid-swatch-samp-18a-alast-382206_4472x4472.png?v=1694527752">
</div>
<div class="ProductVariant__Tooltip__Description">
<span class="ProductName">Aluminum Asteroid</span>
<div class="ProductVariant__Tooltip__Content">
<span class="ProductDescription">
<p><span data-mce-fragment="1">Crafted from high–quality extruded aluminum, our metal furniture is engineered to last in even the toughest climates. Using top grade European powder coat, sourced from AzkoNobel, our Aluminum
furniture is resistant to corrosion and rusting while still being light, strong and easy to clean. Bronze is a warm and slightly metallic dark brown color – An update to traditional outdoor stylings and a new
introduction at Harbour.</span><br></p>
<p> </p>
</span>
</div>
<div class="ProductVariant__Modal__Box SelecetedModalSwatch--0-g3-0">
<div class="ProductVariant__Modal__SwatchDetails">
<div class="ProductVariant__Modal__SwatchTitle">Aluminum Asteroid Sample</div>
<div class="ProductVariant__Modal__SwatchPrice">$5.00</div>
</div>
<button class="ProductVariant__Modal__SwatchAddToCart" data-hidden-id="42829451886840" data-quantity="1">ADD TO CART</button>
</div>
</div>
</div>
</div>
<div class="ProductVariant__Item" data-option-position="0-g0-1">
<input id="option-template--16793344147704__main-0--1" class="ProductVariant__Radio ProductVariant__Radio--Selector ProductVariant__Radio--group-0" type="radio" name="option-0" value="Aluminum Taupe" data-option-position="1"
data-thumbnail-swatch="Aluminum Taupe" data-color-position="0-g0-1"
data-swatch="{"id":42829451985144,"title":"Aluminum Taupe","option1":"Aluminum Taupe","option2":null,"option3":null,"sku":"SAMP-18A-ALTAU","requires_shipping":true,"taxable":true,"featured_image":{"id":39497097576696,"product_id":7688259109112,"position":1,"created_at":"2023-09-12T07:09:13-07:00","updated_at":"2023-09-12T07:09:13-07:00","alt":"Aluminum Taupe - SWATCH - Harbour - Harbour - SAMP-18A-ALTAU","width":1200,"height":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/aluminum-taupe-swatch-samp-18a-altau-297424.png?v=1694527753","variant_ids":[42829451985144]},"available":true,"name":"Aluminum Taupe - SWATCH - Aluminum Taupe","public_title":"Aluminum Taupe","options":["Aluminum Taupe"],"price":500,"weight":0,"compare_at_price":500,"inventory_management":"shopify","barcode":"745805023662","featured_media":{"alt":"Aluminum Taupe - SWATCH - Harbour - Harbour - SAMP-18A-ALTAU","id":32113948950776,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/aluminum-taupe-swatch-samp-18a-altau-297424.png?v=1694527753"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}">
<label for="option-template--16793344147704__main-0--1" class="ProductVariant__Label has_swatch" data-option-position="0-g0-1"><img
src="//shopharbour.com/cdn/shop/products/aluminum-taupe-swatch-samp-18a-altau-297424_40x40.png?v=1694527753"></label>
<div class="ProductVariant__Tooltip ProductVariant__Tooltip--0-g0-1 hasdescription_yes hasprice_yes">
<div class="ProductVariant__Tooltip__Close" data-option-position="0-g0-1">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="20" fill="white"></rect>
<g clip-path="url(#clip0_471_4509)">
<path d="M26 14L14 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
<path d="M14 14L26 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_471_4509">
<rect width="24" height="24" fill="white" transform="translate(8 8)"></rect>
</clipPath>
</defs>
</svg>
</div>
<div class="ProductVariant__Tooltip__Image">
<img src="//shopharbour.com/cdn/shop/products/aluminum-taupe-swatch-samp-18a-altau-297424_4472x4472.png?v=1694527753">
</div>
<div class="ProductVariant__Tooltip__Description">
<span class="ProductName">Aluminum Taupe</span>
<div class="ProductVariant__Tooltip__Content">
<span class="ProductDescription">
<p><span data-mce-fragment="1">Crafted from high–quality extruded aluminum, our metal furniture is engineered to last in even the toughest climates. Using top grade European powder coat, sourced from AzkoNobel, our Aluminum
furniture is resistant to corrosion and rusting while still being light, strong and easy to clean. Bronze is a warm and slightly metallic dark brown color – An update to traditional outdoor stylings and a new
introduction at Harbour.</span><br></p>
<p> </p>
</span>
</div>
<div class="ProductVariant__Modal__Box SelecetedModalSwatch--0-g3-1">
<div class="ProductVariant__Modal__SwatchDetails">
<div class="ProductVariant__Modal__SwatchTitle">Aluminum Taupe Sample</div>
<div class="ProductVariant__Modal__SwatchPrice">$5.00</div>
</div>
<button class="ProductVariant__Modal__SwatchAddToCart" data-hidden-id="42829451985144" data-quantity="1">ADD TO CART</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ProductVariant__Group ProductForm__Option">
<div class="ProductVariant__Title__Toggle">
<span class="ProductVariant__OptionName"> Stone: <span class="ProductVariant__SelectedValue ProductForm__SelectedValue">Travertine Dark Grey</span>
</span>
<span class="Tooltip__Toggle Default" data-option-position="1-g0-0">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.2 1.2H5.5636L4.3636 0H0V12H12V7.6364L10.8 6.4364V10.8H1.2V1.2ZM12 0V5.3636L10.8 4.1636V2.12763L6.12426 6.80337L5.27574 5.95484L10.0306 1.2H7.8364L6.6364 0H12Z" fill="#737373">
</path>
</svg> VIEW SWATCH </span>
</div>
<div class="ProductVariant__Values">
<div class="ProductVariant__Item" data-option-position="1-g0-0">
<input id="option-template--16793344147704__main-1--0" class="ProductVariant__Radio ProductVariant__Radio--Selector ProductVariant__Radio--group-default" type="radio" name="option-1" value="Travertine Dark Grey" checked="checked"
data-option-position="2" data-thumbnail-swatch="Travertine Dark Grey" data-color-position="1-g0-0"
data-swatch="{"id":42829455687928,"title":"Travertine Dark Grey","option1":"Travertine Dark Grey","option2":null,"option3":null,"sku":"SAMP-18A-TRGRE","requires_shipping":true,"taxable":true,"featured_image":{"id":39497107472632,"product_id":7688262254840,"position":1,"created_at":"2023-09-12T07:24:37-07:00","updated_at":"2023-09-12T07:24:37-07:00","alt":"Travertine Dark Grey - SWATCH - Harbour - ShopHarbourOutdoor - SAMP-18A-TRGRE","width":1200,"height":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/travertine-dark-grey-swatch-samp-18a-trgre-272637.png?v=1694528677","variant_ids":[42829455687928]},"available":true,"name":"Travertine Dark Grey - SWATCH - Travertine Dark Grey","public_title":"Travertine Dark Grey","options":["Travertine Dark Grey"],"price":1000,"weight":0,"compare_at_price":1000,"inventory_management":"shopify","barcode":"793519479664","featured_media":{"alt":"Travertine Dark Grey - SWATCH - Harbour - ShopHarbourOutdoor - SAMP-18A-TRGRE","id":32113959174392,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/travertine-dark-grey-swatch-samp-18a-trgre-272637.png?v=1694528677"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}">
<label for="option-template--16793344147704__main-1--0" class="ProductVariant__Label has_swatch" data-option-position="1-g0-0"><img
src="//shopharbour.com/cdn/shop/products/travertine-dark-grey-swatch-samp-18a-trgre-272637_40x40.png?v=1694528677"></label>
<div class="ProductVariant__Tooltip ProductVariant__Tooltip--1-g0-0 hasdescription_yes hasprice_yes">
<div class="ProductVariant__Tooltip__Close" data-option-position="1-g0-0">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="20" fill="white"></rect>
<g clip-path="url(#clip0_471_4509)">
<path d="M26 14L14 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
<path d="M14 14L26 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_471_4509">
<rect width="24" height="24" fill="white" transform="translate(8 8)"></rect>
</clipPath>
</defs>
</svg>
</div>
<div class="ProductVariant__Tooltip__Image">
<img src="//shopharbour.com/cdn/shop/products/travertine-dark-grey-swatch-samp-18a-trgre-272637_4472x4472.png?v=1694528677">
</div>
<div class="ProductVariant__Tooltip__Description">
<span class="ProductName">Travertine Dark Grey</span>
<div class="ProductVariant__Tooltip__Content">
<span class="ProductDescription"><br><br></span>
</div>
<div class="ProductVariant__Modal__Box SelecetedModalSwatch--1-g3-0">
<div class="ProductVariant__Modal__SwatchDetails">
<div class="ProductVariant__Modal__SwatchTitle">Travertine Dark Grey Sample</div>
<div class="ProductVariant__Modal__SwatchPrice">$10.00</div>
</div>
<button class="ProductVariant__Modal__SwatchAddToCart" data-hidden-id="42829455687928" data-quantity="1">ADD TO CART</button>
</div>
</div>
</div>
</div>
<div class="ProductVariant__Item hide-oos-disable camouflage-unavailable" data-option-position="1-g0-1">
<input id="option-template--16793344147704__main-1--1" class="ProductVariant__Radio ProductVariant__Radio--Selector ProductVariant__Radio--group-default" type="radio" name="option-1" value="Travertine Silver"
data-option-position="2" data-thumbnail-swatch="Travertine Silver" data-color-position="1-g0-1"
data-swatch="{"id":42829455753464,"title":"Travertine Silver","option1":"Travertine Silver","option2":null,"option3":null,"sku":"SAMP-18A-TRSIL","requires_shipping":true,"taxable":true,"featured_image":{"id":39497107570936,"product_id":7688262320376,"position":1,"created_at":"2023-09-12T07:24:37-07:00","updated_at":"2023-09-12T07:24:37-07:00","alt":"Travertine Silver - SWATCH - Harbour - ShopHarbourOutdoor - SAMP-18A-TRSIL","width":1200,"height":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/travertine-silver-swatch-samp-18a-trsil-474373.png?v=1694528677","variant_ids":[42829455753464]},"available":true,"name":"Travertine Silver - SWATCH - Travertine Silver","public_title":"Travertine Silver","options":["Travertine Silver"],"price":1000,"weight":0,"compare_at_price":1000,"inventory_management":"shopify","barcode":"793519340506","featured_media":{"alt":"Travertine Silver - SWATCH - Harbour - ShopHarbourOutdoor - SAMP-18A-TRSIL","id":32113959272696,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/shopharbour.com\/cdn\/shop\/products\/travertine-silver-swatch-samp-18a-trsil-474373.png?v=1694528677"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}"
disabled="">
<label for="option-template--16793344147704__main-1--1" class="ProductVariant__Label has_swatch hide-oos-disable camouflage-unavailable" data-option-position="1-g0-1"><img
src="//shopharbour.com/cdn/shop/products/travertine-silver-swatch-samp-18a-trsil-474373_40x40.png?v=1694528677"></label>
<div class="ProductVariant__Tooltip ProductVariant__Tooltip--1-g0-1 hasdescription_yes hasprice_yes">
<div class="ProductVariant__Tooltip__Close" data-option-position="1-g0-1">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="20" fill="white"></rect>
<g clip-path="url(#clip0_471_4509)">
<path d="M26 14L14 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
<path d="M14 14L26 26" stroke="#1C1B1B" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_471_4509">
<rect width="24" height="24" fill="white" transform="translate(8 8)"></rect>
</clipPath>
</defs>
</svg>
</div>
<div class="ProductVariant__Tooltip__Image">
<img src="//shopharbour.com/cdn/shop/products/travertine-silver-swatch-samp-18a-trsil-474373_4472x4472.png?v=1694528677">
</div>
<div class="ProductVariant__Tooltip__Description">
<span class="ProductName">Travertine Silver</span>
<div class="ProductVariant__Tooltip__Content">
<span class="ProductDescription"><br><br></span>
</div>
<div class="ProductVariant__Modal__Box SelecetedModalSwatch--1-g3-1">
<div class="ProductVariant__Modal__SwatchDetails">
<div class="ProductVariant__Modal__SwatchTitle">Travertine Silver Sample</div>
<div class="ProductVariant__Modal__SwatchPrice">$10.00</div>
</div>
<button class="ProductVariant__Modal__SwatchAddToCart" data-hidden-id="42829455753464" data-quantity="1">ADD TO CART</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="Tooltip__Overlay"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
(function() {
var initialLoad = true;
/* const swatchEl = document.querySelectorAll('.ProductVariant__Radio--Selector');
const selectedSwatches = document.querySelectorAll('.ProductVariant__Radio:checked'); */
const addToCartButtons = document.querySelectorAll('.ProductVariant__SwatchAddToCart');
const swatchEl = document.querySelectorAll('.ProductVariant__Radio--Selector');
const swatchContainers = document.querySelectorAll('.ProductVariant__Item');
const selectedSwatches = [];
//get an indicator to which frame really is the selected swatch, the issue before with the "view swatch" function, instead of the correct selected element, it gets the last instance of the element since the input element has the same input name and value. it confuses the system to which swatch is it: is it under the custom or the stocked. since queryselectorall :checked selects the last element of the same type(in this case the radio input with the same name and same value)
swatchContainers.forEach(el => {
// get group of the swatch
let swatchGroup = el.querySelector('.ProductVariant__Radio').getAttribute('data-color-position').split("-")[1];
let swatch = el.querySelector('.ProductVariant__Radio');
let groupContainer = el.closest('.ProductVariant__GroupContainer');
if (swatch.checked && swatchGroup == 'g0') {
selectedSwatches.push(swatch);
}
try {
if (groupContainer.classList.contains('variant_option_load_on')) {
if (swatch.classList.contains('selected_option_on')) {
selectedSwatches.push(swatch);
}
}
} catch (e) {}
});
const closeModalButton = document.querySelectorAll('.ProductVariant__Tooltip .ProductVariant__Tooltip__Close')
const tooltipContainer = document.querySelectorAll('.ProductVariant__Tooltip')
const toggleTooltip = document.querySelectorAll('.Tooltip__Toggle')
const selectedItem = document.getElementById('hidElem')
const overlayEl = document.querySelector('.Tooltip__Overlay')
const modalAddToCartBtn = document.querySelectorAll('.ProductVariant__Modal__SwatchAddToCart')
let selectedFrame = '';
let selectedAccent = '';
let stocked = false;
let custom = false;
const toggleTooltipG1 = document.querySelector('.Group1');
const toggleTooltipG2 = document.querySelector('.Group2');
const handleSwatchChange = (swatch, onLoad) => {
const swatchPosition = swatch.getAttribute('data-color-position');
const optionPosition = swatch.getAttribute('data-option-position');
const selectedSwatchData = swatch.getAttribute('data-swatch');
const swatchData = JSON.parse(selectedSwatchData);
const toggleTooltipG0 = document.querySelector('.Group0');
const toggleTooltipDefault = document.querySelector('.Default');
if (swatch.classList.contains('ProductVariant__Radio--group-1')) {
try {
toggleTooltipG2.style.display = 'none';
toggleTooltipG1.style.display = 'flex';
selectedAccent = swatchData.title;
} catch (e) {}
if (swatchPosition && toggleTooltipG1) {
toggleTooltipG1.setAttribute('data-option-position', swatchPosition);
}
stocked = true;
custom = false;
try {
let stockedCont = document.querySelector('.ProductVariant__GroupContainer.Stocked__Container');
let availableStockedItem = stockedCont.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch)');
if (availableStockedItem.length <= 0) {
toggleTooltipG1.style.display = 'none';
} else {
toggleTooltipG1.style.display = 'flex';
}
} catch (e) {}
//variantOptions(selectedAccent,selectedFrame, stocked, custom, swatchPosition)
} else if (swatch.classList.contains('ProductVariant__Radio--group-2')) {
try {
toggleTooltipG1.style.display = 'none';
toggleTooltipG2.style.display = 'flex';
selectedAccent = swatchData.title;
} catch (e) {}
if (swatchPosition && toggleTooltipG2) {
toggleTooltipG2.setAttribute('data-option-position', swatchPosition);
}
custom = true;
stocked = false;
//variantOptions(selectedAccent,selectedFrame, stocked, custom, swatchPosition)
} else if (swatch.classList.contains('ProductVariant__Radio--group-0')) {
if (selectedSwatchData != 'null') {
selectedFrame = swatchData.title;
}
if (swatchPosition && toggleTooltipG0) {
toggleTooltipG0.setAttribute('data-option-position', swatchPosition);
}
variantOptions(selectedAccent, selectedFrame, stocked, custom, swatchPosition);
if (stocked) {
try {
let availability_message = swatch.closest('.Product__InfoWrapper').querySelector('.available-soon strong');
availability_message.classList.add("stocked_accents");
} catch (e) {}
}
try {
//Check if Custom Fabric doesnt have any swatches under it, then hide the container, else: show.
let customCont = document.querySelector('.ProductVariant__GroupContainer.Custom__Container');
let availableCustomItem = customCont.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch)');
if (availableCustomItem.length <= 0) {
customCont.style.display = 'none';
} else {
customCont.style.display = 'block';
}
//Select first variant on frame change
if (!onLoad) filterSelectFrameAndAccent(onLoad);
} catch (e) {}
} else {
if (selectedSwatchData != 'null') {
selectedAccent = swatchData.title;
}
if (swatchPosition && toggleTooltipDefault) {
toggleTooltipDefault.setAttribute('data-option-position', swatchPosition);
}
}
/*
let decimal_places = 2
let money_numbers_only = swatchData.price
let digits_array = money_numbers_only.toString().split('')
let whole_length = digits_array.length - decimal_places
let whole_part = money_numbers_only.toString().slice(0,whole_length)
let decimal_part = money_numbers_only.toString().slice(1, decimal_places)
let currency = whole_part + '.' + decimal_part
*/
if (window.innerWidth < 1008) {
$('html,body').animate({
scrollTop: $('.shopify-section').offset().top
}, 'slow');
}
//Removed the prameters as the selected variant values can be easily retrived using a query selector.
selectedVariant();
initialLoad = false;
try {
let availability_message = swatch.closest('.Product__InfoWrapper').querySelector('.available-soon strong');
if (stocked) {
availability_message.classList.add("stocked_accents");
} else {
availability_message.classList.remove("stocked_accents");
}
var variantsInitiallyLoaded = document.querySelectorAll('.ProductVariant__Item.variant_selected_initially');
variantsInitiallyLoaded.forEach(el => {
el.classList.remove("variant_selected_initially");
});
let variantGroupContainer = document.querySelectorAll('.ProductVariant__GroupContainer.custom_frame');
if (variantGroupContainer) {
variantGroupContainer.forEach(elcg => {
let showGroup = false;
let inputValuesContainer = elcg.querySelector(".ProductVariant__Values");
let inputValues = inputValuesContainer.querySelectorAll(".ProductVariant__Item");
inputValues.forEach(el => {
if (el.style.display != "none") {
showGroup = true;
}
});
if (showGroup == false) {
elcg.style.display = 'none';
} else {
elcg.style.display = 'block';
}
});
}
} catch (e) {}
}
const showHideToolTip = (el, willShow) => {
const hoverPosition = el.getAttribute('data-option-position')
let hoveredSwatch = document.querySelector('.ProductVariant__Tooltip--' + hoverPosition)
if (willShow) {
hoveredSwatch.style.display = 'grid'
overlayEl.style.display = 'block'
functiondisable()
document.documentElement.classList.add("modal_active");
document.body.classList.add("modal_active");
} else {
hoveredSwatch.style.display = 'none'
overlayEl.style.display = 'none'
functionenable()
document.documentElement.classList.remove("modal_active");
document.body.classList.remove("modal_active");
}
}
window.addEventListener("load", () => {
selectedSwatches.forEach(el => {
filterThumbnail(el)
});
filterSelectFrameAndAccent(true);
})
const functiondisable = () => {
// To get the scroll position of current webpage
TopScroll = window.pageYOffset || document.documentElement.scrollTop;
LeftScroll = window.pageXOffset || document.documentElement.scrollLeft,
// if scroll happens, set it to the previous value
window.onscroll = function() {
window.scrollTo(LeftScroll, TopScroll);
};
}
const functionenable = () => {
window.onscroll = function() {};
}
const handleAddToCart = e => {
e.preventDefault()
const el = e.target
const variantId = el.getAttribute('data-hidden-id')
const quantity = el.getAttribute('data-quantity')
el.setAttribute('disabled', 'disabled');
document.dispatchEvent(new CustomEvent('theme:loading:start'));
$.ajax({
type: 'POST',
url: '/cart/add.js',
dataType: 'json',
data: {
quantity: quantity,
id: variantId
},
success: function() {
document.dispatchEvent(new CustomEvent('product:added', {
bubbles: true,
detail: {
variant: variantId,
quantity: quantity ? parseInt(quantity) : 1
}
}));
document.dispatchEvent(new CustomEvent('theme:loading:end'));
el.removeAttribute('disabled')
}
})
}
//Removed the prameters as the selected variant values can be easily retrived using a query selector. With this, any additional options should work regardless if the option name is frame or accent or other option name.
const selectedVariant = () => {
let selectedItems = document.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch) .ProductVariant__Radio--Selector:checked');
let selectedTitleArr = [];
let selectedTitleStr = '';
selectedItems.forEach(selectedEl => {
selectedTitleArr.push(selectedEl.value)
})
selectedTitleStr = selectedTitleArr.join(" / ");
console.log('selectedTitleStr');
console.log(selectedTitleStr);
var variants = [];
var item_v = {};
item_v.sku = "VICT-03C-ALAST-TRGRE";
item_v.id = "42641533141240";
item_v.title = "Aluminum Asteroid / Travertine Dark Grey";
item_v.inventory_quantity = 0; // Add the inventory_quantity property
variants.sort((a, b) => b.inventory_quantity - a.inventory_quantity);
variants.push(item_v);
var item_v = {};
item_v.sku = "VICT-03C-ALTAU-TRSIL";
item_v.id = "42800751182072";
item_v.title = "Aluminum Taupe / Travertine Silver";
item_v.inventory_quantity = 0; // Add the inventory_quantity property
variants.sort((a, b) => b.inventory_quantity - a.inventory_quantity);
variants.push(item_v);
/* old code to be deleted */
/*
let new_variant_title = null
var selected = null
if(frame && !accent){
new_variant_title = frame;
} else if(!frame && accent){
new_variant_title = accent;
} else if(frame && accent){
new_variant_title = frame + ' / ' + accent;
} */
/* end unused code to be deleted */
let filtered_variant = variants.filter(function(variants) {
return variants.title == selectedTitleStr;
})
filtered_variant.length && (selected = filtered_variant[0])
if (selected) {
selectedItem.dataset.sku = selected.sku;
selectedItem.value = selected.id;
} else {
try {
//If no variant data found, then select the first on the list
let variantGroups = document.querySelectorAll('.ProductVariant__Group.ProductForm__Option');
if (variantGroups.length > 1 && !initialLoad) {
let accentItems = variantGroups[1].querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch)');
if (accentItems.length) {
accentItems.forEach(item => {
item.querySelector('.ProductVariant__Radio--Selector').checked = false;
});
}
accentItems[0].querySelector('.ProductVariant__Radio--Selector').click();
accentItems[0].querySelector('.ProductVariant__Radio--Selector').checked = true;
}
} catch (e) {}
}
}
const variantOptions = (accent, frame, stocked, custom, swatchPosition) => {
var stockedAccent = []
var stockedFrame = []
let frames = frame.replace(/ /g, '_');
let accents = accent.replace(/ /g, '_');
var item = {}
var frameList = {}
item.title = "Aluminum Asteroid / Travertine Dark Grey"
item.id = "42641533141240"
stockedAccent.push(item)
frameList.frame = "Aluminum Asteroid"
stockedFrame.push(frameList)
var item = {}
var frameList = {}
item.title = "Aluminum Taupe / Travertine Silver"
item.id = "42800751182072"
stockedAccent.push(item)
frameList.frame = "Aluminum Taupe"
stockedFrame.push(frameList)
var variants = [];
var item_v = {}
item_v.sku = "VICT-03C-ALAST-TRGRE"
item_v.id = "42641533141240"
item_v.title = "Aluminum Asteroid / Travertine Dark Grey"
variants.push(item_v)
var item_v = {}
item_v.sku = "VICT-03C-ALTAU-TRSIL"
item_v.id = "42800751182072"
item_v.title = "Aluminum Taupe / Travertine Silver"
variants.push(item_v)
const urlParams = new URLSearchParams(window.location.search);
const highlight = urlParams.get('highlight');
const accentVariantId = urlParams.get('variant');
/**
* Hide / Show Acccents Fabric Swatches based on selected Frame
*
*/
const accentSelector = document.querySelectorAll('.ProductVariant__Item_Accent')
accentSelector.forEach(element => {
if (element.classList.contains(frames)) {
element.classList.remove('ProductVariant__HideSwatch')
} else {
element.classList.add('ProductVariant__HideSwatch')
}
});
/**
* Logic for adding border to selected swatches displaying label based on selected fabric swatches custom/stocked
*
*
*/
const stocked_optname = document.querySelector('.Stocked__Container > div > span.ProductVariant__OptionName');
const stocked_viewswatch = document.querySelector('.Stocked__Container > div > span.Tooltip__Toggle');
var stock_frame = stockedFrame.filter(function(stockedAccent) {
return stockedAccent.frame == frame
})
if (stock_frame.length >= 1) {
stocked_optname && (stocked_optname.style.display = 'block');
stocked_viewswatch && (stocked_viewswatch.style.display = 'block');
} else {
stocked_optname && (stocked_optname.style.display = 'none');
stocked_viewswatch && (stocked_viewswatch.style.display = 'none');
}
//Fallback just incase this variable doesnt exsist, to avoid errors
var currentVariantIdShopifyVariable = '42641533141240';
var currentVariantIdParsed = parseInt(currentVariantIdShopifyVariable);
const accentVariantIds = (currentVariantIdParsed) ? currentVariantIdParsed : urlParams.get('variant');
var stockedAccentVariant = stockedAccent.filter(function(stockedAccent) {
return stockedAccent.id == accentVariantIds
})
if (stockedAccentVariant.length >= 1) {
var arr = stockedAccentVariant[0].title.split('/');
var accent = "";
if (arr[1] !== undefined) {
accent = arr[1].trim();
var selected = stockedAccent.filter(function(stockedAccent) {
return stockedAccent.title == frame + ' / ' + accent
});
if (selected.length >= 1) {
stocked = true
custom = false
} else {
stocked = false
custom = true
}
}
} else {
var selected = stockedAccent.filter(function(stockedAccent) {
return stockedAccent.title == frame + ' / ' + accent
})
if (selected.length >= 1) {
stocked = true
custom = false
} else {
if (selected.length < 1) {
stocked = false
custom = true
} else {
stocked = true
custom = false
}
}
}
/**
* Process / Display Stocked Accents
*
*
*/
const el_stocked = document.querySelectorAll('.Stocked__Accents')
el_stocked.forEach(s_el => {
if (s_el.classList.contains(frames)) {
const selected_stock = s_el.querySelector('.Stocked__Accents_Input')
const stocked_label = document.querySelector('.Stocked__Container > div > span.ProductVariant__OptionName > span.ProductForm__SelectedValue')
const custom_label = document.querySelector('.Custom__Container > div > span.ProductVariant__OptionName > span.ProductForm__SelectedValue')
if (accent == selected_stock.value && stocked == true) {
selected_stock.checked = true;
stocked_label.innerHTML = accent
custom_label.innerHTML = ''
toggleTooltipG2.style.display = 'none'
toggleTooltipG1.style.display = 'flex'
toggleTooltipG1.setAttribute('data-option-position', s_el.getAttribute('data-option-position'))
}
}
})
/**
* Process / Display Custom Accents
* Hide Stocked Accent in list of Custom Accents
*
*/
const el_custom = document.querySelectorAll('.Custom__Accents')
el_custom.forEach(c_el => {
if (c_el.classList.contains(frames)) {
const selected_custom = c_el.querySelector('.Custom__Accents_Input')
const stocked_label = document.querySelector('.Stocked__Container > div > span.ProductVariant__OptionName > span.ProductForm__SelectedValue')
const custom_label = document.querySelector('.Custom__Container > div > span.ProductVariant__OptionName > span.ProductForm__SelectedValue')
if (accent == selected_custom.value && custom == true) {
toggleTooltipG2.style.display = 'flex'
toggleTooltipG1.style.display = 'none'
toggleTooltipG2.setAttribute('data-option-position', c_el.getAttribute('data-option-position'))
selected_custom.checked = true;
custom_label.innerHTML = accent
stocked_label.innerHTML = ''
}
if (c_el.classList.contains('ProductVariant__HideSwatch')) {
selected_custom.checked = false
}
stockedAccent.forEach(function(title) {
const s_accent_opt = title.title.split(' / ');
let s_frame = s_accent_opt[0].replace(/ /g, '_');
let s_accent = s_accent_opt[1].replace(/ /g, '_');
if (c_el.classList.contains(s_frame) && c_el.getAttribute('data-accent') == s_accent) {
c_el.classList.add('ProductVariant__HideSwatch')
selected_custom.checked = false
}
})
}
});
try {
//To fix the bug where custom variant is not selected when the previous frame has a stocked variant and the selected frame doesnt have one. e.g: products/mlb-lounge-chair , products/pacific-2-seat-sofa
let stockedContainerHeight = document.querySelector('.ProductVariant__GroupContainer.Stocked__Container').clientHeight;
let stockedContainer = document.querySelector('.ProductVariant__GroupContainer.Stocked__Container');
let selectedStockedItem = stockedContainer.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch) .ProductVariant__Radio--Selector:checked');
let customContainer = document.querySelector('.ProductVariant__GroupContainer.Custom__Container');
let selectedCustomItem = customContainer.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch) .ProductVariant__Radio--Selector:checked');
//If the stocked container is hidden and there's no selected item within the custom container.
if (stockedContainerHeight <= 0 && !selectedCustomItem[0]) {
//get the first visible element from the custom container
let getFirstItemInCustomContainer = customContainer.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch)');
getFirstItemInCustomContainer[0].querySelector('.ProductVariant__Radio--Selector').click();
getFirstItemInCustomContainer[0].querySelector('.ProductVariant__Radio--Selector').checked = true;
}
// If there is no selected stock item and as well as there is no selected custom item, then select the first one in the list that is not hidden
else if (!selectedStockedItem[0] && !selectedCustomItem[0]) {
//get the first visible element from the custom container
let getFirstItemInStockedContainer = stockedContainer.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch)');
//get the first visible element from the custom container
let getFirstItemInCustomContainer = customContainer.querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch)');
if (getFirstItemInStockedContainer[0]) {
getFirstItemInStockedContainer[0].querySelector('.ProductVariant__Radio--Selector').click();
getFirstItemInStockedContainer[0].querySelector('.ProductVariant__Radio--Selector').checked = true;
} else {
getFirstItemInCustomContainer[0].querySelector('.ProductVariant__Radio--Selector').click();
getFirstItemInCustomContainer[0].querySelector('.ProductVariant__Radio--Selector').checked = true;
}
}
} catch (e) {}
}
const filterSelectFrameAndAccent = (onLoad) => {
let urlParams = new URLSearchParams(window.location.search);
let highlight = urlParams.get('highlight');
let accentVariantId = urlParams.get('variant');
let firstStockedOption = {
"id": 42641533141240,
"title": "Aluminum Asteroid \/ Travertine Dark Grey",
"option1": "Aluminum Asteroid",
"option2": "Travertine Dark Grey",
"option3": null,
"sku": "VICT-03C-ALAST-TRGRE",
"requires_shipping": true,
"taxable": true,
"featured_image": {
"id": 39417454559480,
"product_id": 7641569526008,
"position": 1,
"created_at": "2023-08-07T16:05:26-07:00",
"updated_at": "2023-08-07T16:05:26-07:00",
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"width": 2048,
"height": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526",
"variant_ids": [42641533141240]
},
"available": true,
"name": "Victoria Dining Table 2600 - Aluminum Asteroid \/ Travertine Dark Grey",
"public_title": "Aluminum Asteroid \/ Travertine Dark Grey",
"options": ["Aluminum Asteroid", "Travertine Dark Grey"],
"price": 629500,
"weight": 159710,
"compare_at_price": 629500,
"inventory_management": "shopify",
"barcode": "745805032725",
"featured_media": {
"alt": "Victoria Dining Table 2600 - Harbour - ShopHarbourOutdoor - VICT-03C-ALAST-TRGRE",
"id": 32032211206392,
"position": 1,
"preview_image": {
"aspect_ratio": 1.0,
"height": 2048,
"width": 2048,
"src": "\/\/shopharbour.com\/cdn\/shop\/products\/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png?v=1691449526"
}
},
"requires_selling_plan": false,
"selling_plan_allocations": [],
"quantity_rule": {
"min": 1,
"max": null,
"increment": 1
}
};
let option1_title = firstStockedOption.option1;
let option2_title = firstStockedOption.option2;
if (!accentVariantId && !highlight) {
//get the first visible element from the 1st option container
let variantFirstGroupContainer = document.querySelectorAll('.ProductForm__Variants .ProductVariant__Group');
let firstGroupTobeSelectedItem = variantFirstGroupContainer[0].querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch) .ProductVariant__Radio--Selector[value="' + option1_title + '"]');
if (firstGroupTobeSelectedItem[0]) {
firstGroupTobeSelectedItem[0].click();
firstGroupTobeSelectedItem[0].checked = true;
}
//get the first visible element from the 1st option container
let variantSecondGroupContainer = document.querySelectorAll('.ProductForm__Variants .ProductVariant__Group');
let secondGroupTobeSelectedItem = variantSecondGroupContainer[1].querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch) .ProductVariant__Radio--Selector[value="' + option2_title + '"]');
if (secondGroupTobeSelectedItem[0] && onLoad) {
secondGroupTobeSelectedItem[0].click();
secondGroupTobeSelectedItem[0].checked = true;
document.body.classList.add("cylindo_initial_load");
}
}
if (!onLoad) {
//get the first visible element from the 1st option container
let variantSecondGroupContainer = document.querySelectorAll('.ProductForm__Variants .ProductVariant__Group');
let secondGroupTobeSelectedItem = variantSecondGroupContainer[1].querySelectorAll('.ProductVariant__Item:not(.ProductVariant__HideSwatch) .ProductVariant__Radio--Selector');
if (secondGroupTobeSelectedItem[0]) {
secondGroupTobeSelectedItem[0].click();
secondGroupTobeSelectedItem[0].checked = true;
}
}
}
const filterThumbnail = swatch => {
const divCarouselImage = document.querySelectorAll('div[data-thumbnail-variant]');
const thumbnailImage = document.querySelectorAll('a[data-thumbnail-variant]');
const selectedSwatchData = swatch.getAttribute('data-swatch')
const swatchData = JSON.parse(selectedSwatchData)
if (swatch.classList.contains('ProductVariant__Radio--group-0')) {
selectedFrame = swatchData.title
}
if (swatch.classList.contains('ProductVariant__Radio--group-1')) {
selectedAccent = swatch.getAttribute('data-thumbnail-swatch')
}
if (swatch.classList.contains('ProductVariant__Radio--group-2')) {
selectedAccent = swatch.getAttribute('data-thumbnail-swatch')
}
let divCarouselSelector = 'div[data-thumbnail-variant]'
let anchorThumbnailSelector = 'a[data-thumbnail-variant]'
if (selectedAccent.trim() !== '' || selectedFrame.trim() !== '') {
divCarouselSelector = 'div[data-thumbnail-variant="' + selectedFrame + ' / ' + selectedAccent + '"]'
anchorThumbnailSelector = 'a[data-thumbnail-variant="' + selectedFrame + ' / ' + selectedAccent + '"]'
} else {
divCarouselSelector = 'div[data-thumbnail-variant]'
anchorThumbnailSelector = 'a[data-thumbnail-variant]'
}
const selectedCarouselImage = document.querySelectorAll(divCarouselSelector);
if (selectedCarouselImage.length < 1) {
divCarouselImage.forEach(el => {
el.classList.remove('HideVariant__Image')
el.classList.add('Carousel__Cell')
})
} else {
divCarouselImage.forEach(el => {
el.classList.add('HideVariant__Image')
el.classList.remove('Carousel__Cell')
});
const selectedAndAll = document.querySelectorAll(`${divCarouselSelector}, div[data-thumbnail-variant="all"]`);
selectedAndAll.forEach(el => {
el.classList.remove('HideVariant__Image')
el.classList.add('Carousel__Cell')
});
}
const ancSelector = document.querySelectorAll(anchorThumbnailSelector);
if (ancSelector.length < 1) {
thumbnailImage.forEach(el => {
el.classList.remove('HideVariant__Image')
})
} else {
thumbnailImage.forEach(el => {
el.classList.add('HideVariant__Image')
});
const selectedAndAllThumbnail = document.querySelectorAll(`${anchorThumbnailSelector}, a[data-thumbnail-variant="all"]`);
var isFirstItem = true;
selectedAndAllThumbnail.forEach((el, i) => {
el.classList.remove('HideVariant__Image');
if (isFirstItem) {
el.click();
el.classList.add('is-selected');
isFirstItem = false;
}
})
}
}
selectedSwatches.forEach(el => {
handleSwatchChange(el, true);
})
swatchEl.forEach(el => {
el.addEventListener("change", () => handleSwatchChange(el, false));
el.addEventListener("change", () => filterThumbnail(el));
})
addToCartButtons.forEach(el => {
el.addEventListener("click", handleAddToCart)
})
closeModalButton.forEach(el => {
el.addEventListener("click", (e) => showHideToolTip(el, false))
})
toggleTooltip.forEach(el => {
el.addEventListener("click", (e) => showHideToolTip(el, true))
})
modalAddToCartBtn.forEach(el => {
el.addEventListener("click", handleAddToCart)
})
//handleTooltipPosition(swatchContainers)
}());
</script>
<script>
(function() {
const urlParams = new URLSearchParams(window.location.search);
const highlight = urlParams.get('highlight');
if (highlight) {
const selectorEl = document.querySelectorAll('.ProductVariant__Values')
const selectorButtons = document.querySelectorAll('.ProductVariant__Item')
//const highlightEl = document.querySelector('.ProductForm__Highlight')
const selectedValueEl = document.querySelectorAll('.ProductVariant__OptionName')
//selectorEl.forEach((el) => {
//el.style.display = 'none'
//})
selectorButtons.forEach((btn) => {
const btnEl = btn.querySelector('.ProductVariant__Radio')
if (!btnEl.checked) {
btn.style.display = 'none'
}
})
selectedValueEl.forEach((el) => {
const valueEl = el.querySelector('.ProductVariant__SelectedValue')
if (valueEl.innerHTML === '') {
el.style.display = 'none'
}
})
//selectorBtn.style.display = 'none'
//highlightEl.style.display = 'block'
}
})()
</script>
<div class="available-soon">
<script>
var individual_variant_metafield = [];
individual_variant_metafield.push(' Early July 2023.- Early July 2023.');
individual_variant_metafield.push('estimate_shipping_dates_1- Early April 2024.');
individual_variant_metafield.push('estimate_shipping_dates_2- Early May 2024.');
individual_variant_metafield.push('estimate_shipping_dates_3- Early May 2024.');
individual_variant_metafield.push('estimate_shipping_dates_4- Late May 2024.');
individual_variant_metafield.push('estimate_shipping_dates_5-.');
individual_variant_metafield.push('special_order_lead_time-18');
individual_variant_metafield.push('available_date_string-Early April 2024.');
variant_metafield.push({
42641533141240: individual_variant_metafield
});
variant_inventory.push({
42641533141240: 0
});
</script>
<strong class="">Arrival Date: <div class="available-date"> Early April 2024. </div>
</strong>
<script>
var individual_variant_metafield = [];
individual_variant_metafield.push('estimate_shipping_dates_1- Early May 2024.');
individual_variant_metafield.push('estimate_shipping_dates_2- Early May 2024.');
individual_variant_metafield.push('estimate_shipping_dates_3- Late May 2024.');
individual_variant_metafield.push('estimate_shipping_dates_4-.');
individual_variant_metafield.push('estimate_shipping_dates_5-.');
individual_variant_metafield.push('special_order_lead_time-16');
individual_variant_metafield.push('available_date_string-Early May 2024.');
variant_metafield.push({
42800751182072: individual_variant_metafield
});
variant_inventory.push({
42800751182072: 0
});
</script>
<div class="instock_msg hide" style="font-size:14px;font-weight:bold;font-style:normal;color:#056d00;">IN STOCK</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".no-js-hidden").on("click", function() {
var refreshint = setInterval(function() {
location.reload();
}, 1000);
});
});
</script>
<div class="ProductForm__QuantitySelector">
<div class="QuantitySelector QuantitySelector--large"><button type="button" class="QuantitySelector__Button Link Link--secondary" data-action="decrease-quantity"><svg class="Icon Icon--minus " role="presentation" viewBox="0 0 16 2">
<path d="M1,1 L15,1" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path>
</svg></button>
<input type="text" class="QuantitySelector__CurrentQuantity" pattern="[0-9]*" name="quantity" value="1" aria-label="Quantity">
<button type="button" class="QuantitySelector__Button Link Link--secondary" data-action="increase-quantity"><svg class="Icon Icon--plus " role="presentation" viewBox="0 0 16 16">
<g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square">
<path d="M8,1 L8,15"></path>
<path d="M1,8 L15,8"></path>
</g>
</svg></button>
</div>
</div>
<div class="ProductForm__BuyButtons"><button type="submit" data-use-primary-button="true" class="ProductForm__AddToCart Button Button--primary Button--full" data-action="add-to-cart"><span>Add to cart</span>
<span class="Button__SeparatorDot"></span>
<span class="subtotall-price">$6,295.00</span>
</button></div><shopify-payment-terms variant-id="42641533141240"
shopify-meta="{"type":"product","variants":[{"id":42641533141240,"price_per_term":"$1,573.75","full_price":"$6,295.00","eligible":true,"available":true},{"id":42800751182072,"price_per_term":"$1,748.75","full_price":"$6,995.00","eligible":true,"available":true}],"min_price":"$50.00","max_price":"$30,000.00","financing_plans":[{"min_price":"$50.00","max_price":"$149.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":4}]},{"min_price":"$150.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]}],"installments_buyer_prequalification_enabled":true,"seller_id":944860}"></shopify-payment-terms>
<div class="ProductMeta__Description">
<div class="Rte">
<div class="easytabs-text">Our Victoria collection balances sculptural curves and right angles for true simplicity of proportion. The Victoria Dining Table 108" was designed as the perfect outdoor table for up to ten — featuring a
stunning curved frame in powder coated extruded aluminum available in Asteroid or Taupe echoed in the rounded edges of the plank legs, with the option of a matching aluminum slatted top or contrasting slab of beautiful travertine stone.
Our larger rectangular table, this contemporary dining table brings harmony to a variety of outdoor spaces. Pair it with our Victoria dining chairs to complete the outdoor dining set.<br><br></div>
<div class="easytabs-container tab-widget-7641569526008 easytabs-inited" data-et-min-width="0" data-et-auto-accordion="0" data-et-cbw="1" data-et-cbr="0" data-et-sta="0" data-et-amp="0" data-et-flx="0" data-et-wt="0" data-et-ao="1"
id="7641569526008" data-et-tabs-width="269">
<div class="easytabs-holder easytabs-accordion">
<ul class="easytabs-tabs" role="tablist">
<li class="easytabs-tab-item" data-et-marker="tabs-victoria-stone-dining-table-108-2" data-et-handle="tabs-features" role="tab" tabindex="0" aria-labelledby="easytabs-tab-label-7641569526008-0" aria-selected="true"> <span
class="easytabs-header-text ui-tabs-anchor js-no-transition" id="easytabs-tab-label-7641569526008-0">FEATURES</span> </li>
<li class="easytabs-tab-item" data-et-marker="tabs-victoria-stone-dining-table-108-s0" data-et-handle="tabs-spec" role="tab" tabindex="-1" aria-labelledby="easytabs-tab-label-7641569526008-1" aria-selected="false"><span
class="easytabs-header-text ui-tabs-anchor js-no-transition" id="easytabs-tab-label-7641569526008-1">SPEC</span></li>
<li class="easytabs-tab-item" data-et-marker="tabs-victoria-stone-dining-table-108-s1" data-et-handle="tabs-care" role="tab" tabindex="-1" aria-labelledby="easytabs-tab-label-7641569526008-2" aria-selected="false"><span
class="easytabs-header-text ui-tabs-anchor js-no-transition" id="easytabs-tab-label-7641569526008-2">CARE</span></li>
<li class="easytabs-tab-item" data-et-marker="tabs-victoria-stone-dining-table-108-s2" data-et-handle="tabs-shipping" role="tab" tabindex="-1" aria-labelledby="easytabs-tab-label-7641569526008-3" aria-selected="false"><span
class="easytabs-header-text ui-tabs-anchor js-no-transition" id="easytabs-tab-label-7641569526008-3">SHIPPING</span></li>
</ul>
<div class="easytabs-contents" role="tablist">
<div class="easytabs-content-item" data-et-marker="tabs-victoria-stone-dining-table-108-2" data-et-handle="tabs-features">
<div class="easytabs-accordion-item" role="tab" tabindex="0" aria-labelledby="easytabs-slide-label-7641569526008-0" aria-selected="true"> <span class="easytabs-header-text ui-tabs-anchor js-no-transition"
id="easytabs-slide-label-7641569526008-0">FEATURES</span> <span class="easytabs-accordion-glyph"></span> </div>
<div class="easytabs-content-holder" role="tabpanel" aria-labelledby="easytabs-slide-label-7641569526008-0" aria-expanded="true" aria-hidden="false"> •Frame handcrafted of extruded aluminum in our workshop•Superior quality powder
coating applied for weather resistance•Choose from a matching aluminum slatted top or travertine stone top•Table sits 8–10 guests comfortably•Our custom outdoor covers are strongly recommended as an extra layer of protection
against the elements and natural aging </div>
</div>
<div class="easytabs-content-item easytabs-content-item-static" data-et-marker="tabs-victoria-stone-dining-table-108-s0" data-et-handle="tabs-spec">
<div class="easytabs-accordion-item" role="tab" tabindex="-1" aria-labelledby="easytabs-slide-label-7641569526008-1" aria-selected="false"><span class="easytabs-header-text ui-tabs-anchor js-no-transition"
id="easytabs-slide-label-7641569526008-1">SPEC</span><span class="easytabs-accordion-glyph"></span></div>
<div class="easytabs-content-holder" role="tabpanel" aria-labelledby="easytabs-slide-label-7641569526008-1" aria-expanded="false" aria-hidden="true">
<div class="TableWrapper">
<table style="text-align: center;" border="0" align="center" cellpadding="0" cellspacing="0" class="body" padding="0">
<tbody>
<tr>
<td><strong>Width (in)</strong></td>
<td align="right">108</td>
</tr>
<tr>
<td><strong>Depth (in)</strong></td>
<td align="right">39.4</td>
</tr>
<tr>
<td><strong>Height (in) </strong></td>
<td align="right">30</td>
</tr>
<tr>
<td><strong>Weight (lb)</strong></td>
<td align="right">352.1</td>
</tr>
<tr>
<td><strong>Seat Height (in)</strong></td>
<td align="right">0</td>
</tr>
<tr>
<td><strong>Arm Height (in)</strong></td>
<td align="right">0</td>
</tr>
<tr>
<td><!--
////////////////////////
// TEAR SHEET TRIGGER //
////////////////////////
-->
<!-- Add this code wherever you want your button to trigger the TEAR SHEET code -->
<!-- Don't forget to add some style, broh -->
<div class="tear-btn" id="tear-btn" style="align-self: auto;" onclick="tearSheet()">
<input id="tear-sheet" type="button" name="print" value="PRINT TEAR SHEET" aria-label="Product Tear Sheet" style="font-size:14px; font-weight:regular; color:#FFF; background-color:#000;
padding: 0; border:0; padding:9px;
">
</div>
<!-- TEAR SHEET CODE -->
<script>
var variantId = `42641533141240`;
var product_id = `7641569526008`;
var imgStore = 'image' + variantId;
var imgGet = `products/victoria-dining-table-2600-vict-03c-alast-trgre-551008.png`;
var imgPrint = `//shopharbour.com/cdn/shop/products/victoria-dining-table-2600-vict-03c-alast-trgre-551008_720x720.png?v=1691449526`;
var titleStore = 'title' + variantId;
//var titlePrint = `Victoria Dining Table 2600`;
//var titlePrint = "titlePrint 1";
var descStore = 'description' + variantId;
var descPrint =
`Our Victoria collection balances sculptural curves and right angles for true simplicity of proportion. The Victoria Dining Table 108" was designed as the perfect outdoor table for up to ten — featuring a stunning curved frame in powder coated extruded aluminum available in Asteroid or Taupe echoed in the rounded edges of the plank legs, with the option of a matching aluminum slatted top or contrasting slab of beautiful travertine stone. Our larger rectangular table, this contemporary dining table brings harmony to a variety of outdoor spaces. Pair it with our Victoria dining chairs to complete the outdoor dining set.<br><br><h5>FEATURES</h5>•Frame handcrafted of extruded aluminum in our workshop•Superior quality powder coating applied for weather resistance•Choose from a matching aluminum slatted top or travertine stone top•Table sits 8–10 guests comfortably•Our custom outdoor covers are strongly recommended as an extra layer of protection against the elements and natural aging`;
var skuStore = 'sku' + variantId;
var skuPrint = `VICT-03C-ALAST-TRGRE`;
var priceStore = 'price' + variantId;
var pricePrint = `$6,295.00`;
var barcodeStore = 'barcode' + variantId;
var barcodePrint = `745805032725`.toString();
// CLEAR OLD PRODUCT INFO IN LOCAL STORAGE ON PAGE LOAD
localStorage.clear();
// SET CURRENT PRODUCT INFO INTO LOCAL STORAGE
function currentProduct() {
// TITLE
localStorage.setItem(titleStore, `Victoria Dining Table 2600`.toString());
//localStorage.setItem(titleStore, "titlePrint 2");
// console.log('TITLE: ' + localStorage.getItem(titleStore));
// DESCRIPTION
localStorage.setItem(descStore, descPrint);
// console.log('DESC: ' + localStorage.getItem(descStore));
// IMAGE
localStorage.setItem(imgStore, imgPrint);
// console.log('IMAGE: ' + localStorage.getItem(imgStore));
// PRICE
localStorage.setItem(priceStore, pricePrint);
// console.log('PRICE: ' + localStorage.getItem(priceStore));
// SKU
localStorage.setItem(skuStore, skuPrint);
// console.log(localStorage.getItem(skuStore));
// BARCODE
//localStorage.setItem(barcodeStore, barcodePrint);
//localStorage.setItem(barcodeStore, "Barcode 2");
localStorage.setItem(barcodeStore, `108`);
// console.log(localStorage.getItem(barcodeStore));
var widthStore = 'width' + variantId;
localStorage.setItem(widthStore, `108`);
var heightStore = 'height' + variantId;
localStorage.setItem(heightStore, `30`);
}
// CALL FUNCTION TO SET PRODUCTS INTO LOCAL STORAGE ON PAGE LOAD
// NOTE: This is optional...
//currentProduct(); // ...can be commented out and left to be called at the 'tearSheet' function below
function tearSheet() {
localStorage.clear();
currentProduct();
var variantId = '42641533141240';
//var variantId = '';
/////// OPEN TEAR SHEET PRINT PAGE ///////
//window.open("/pages/tear-sheet?"+variantId);
window.open("https://shopharbour.trafico.io/tearsheet/?id=" + product_id);
//window.open("/pages/tear-sheet?"+XXX);
};
</script>
</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="easytabs-content-item easytabs-content-item-static" data-et-marker="tabs-victoria-stone-dining-table-108-s1" data-et-handle="tabs-care">
<div class="easytabs-accordion-item" role="tab" tabindex="-1" aria-labelledby="easytabs-slide-label-7641569526008-2" aria-selected="false"><span class="easytabs-header-text ui-tabs-anchor js-no-transition"
id="easytabs-slide-label-7641569526008-2">CARE</span><span class="easytabs-accordion-glyph"></span></div>
<div class="easytabs-content-holder" role="tabpanel" aria-labelledby="easytabs-slide-label-7641569526008-2" aria-expanded="false" aria-hidden="true">
<p>Equally important is the appropriate use and correct maintenance of the product. You can find important tips in our care instructions.</p>
<p><a href="https://shopharbour.com/pages/care">CARE + MAINTENANCE</a></p>
<p></p>
</div>
</div>
<div class="easytabs-content-item easytabs-content-item-static" data-et-marker="tabs-victoria-stone-dining-table-108-s2" data-et-handle="tabs-shipping">
<div class="easytabs-accordion-item" role="tab" tabindex="-1" aria-labelledby="easytabs-slide-label-7641569526008-3" aria-selected="false"><span class="easytabs-header-text ui-tabs-anchor js-no-transition"
id="easytabs-slide-label-7641569526008-3">SHIPPING</span><span class="easytabs-accordion-glyph"></span></div>
<div class="easytabs-content-holder" role="tabpanel" aria-labelledby="easytabs-slide-label-7641569526008-3" aria-expanded="false" aria-hidden="true">
<p>Place your order with Harbour prior to 12pm PST and if the order is In-Stock, it will ship within 3 business days. All orders will be received within 15 business days from shipping except Metro Los Angeles will be received
within 3 business days.</p>
</div>
</div>
</div>
<div class="easytabs-undertabs-holder"></div>
<style type="text/css" class="easytabs-styles">
.easytabs-hidden {
height: 1px;
visibility: hidden;
}
.easytabs-container {
clear: both;
}
.easytabs-container .easytabs-tabs {
display: block;
overflow: hidden;
padding: 0;
margin: 0;
background: transparent;
border: 0 !important;
border-radius: 0;
list-style: none;
}
/* for some themes */
.easytabs-container ul.easytabs-tabs,
.easytabs-container ul.easytabs-tabs li.easytabs-tab-item {
margin: 0;
}
/* tabs styles */
.easytabs-container .easytabs-tab-item,
.easytabs-container .easytabs-accordion-item {
display: block;
overflow: hidden;
position: relative;
z-index: 4;
width: auto;
height: 12px;
padding: 14px 10px 14px 0px !important;
margin: 0;
background-color: #f7f5f2;
border: 0 solid #000000;
color: #000000;
line-height: 12px;
font-size: 12px;
font-style: normal;
font-weight: bold;
border-radius: 0;
outline: none;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
opacity: 1 !important;
}
.easytabs-container .easytabs-tab-item {
float: left;
text-align: left;
}
.easytabs-container .easytabs-tab-item:focus,
.easytabs-container .easytabs-accordion-item:focus,
.easytabs-container .easytabs-tab-item.easytabs-active,
.easytabs-container .easytabs-active .easytabs-accordion-item {
background-color: #f7f5f2;
border-color: #d6d4d2;
color: #000000;
}
.easytabs-container.easytabs-flexible .easytabs-tabs {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.easytabs-container.easytabs-flexible .easytabs-tab-item {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.easytabs-container .easytabs-tab-item span:before,
.easytabs-container .easytabs-accordion-item span:before,
.easytabs-container .easytabs-tab-item span:after,
.easytabs-container .easytabs-accordion-item span:after {
content: none;
}
.easytabs-container .easytabs-tab-item .easytabs-header-text,
.easytabs-container .easytabs-accordion-item .easytabs-header-text {
display: block;
width: auto;
padding: 0;
margin: 0;
color: inherit !important;
border: none;
font: inherit;
text-decoration: none;
outline: none;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
cursor: pointer;
}
.easytabs-container.easytabs-flexible .easytabs-tab-item .easytabs-header-text {
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.1;
}
.easytabs-container .easytabs-tab-item span:hover,
.easytabs-container .easytabs-accordion-item span:hover,
.easytabs-container .easytabs-tab-item span:focus,
.easytabs-container .easytabs-accordion-item span:focus {
border: none;
text-decoration: none;
opacity: 1;
}
.easytabs-container .easytabs-contents .easytabs-content-holder {
display: none;
padding: 5px 10px 5px 10px !important;
border-radius: 0 0px 0px 0px;
border: 0 solid #f7f5f2;
background-color: #f7f5f2;
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
}
.easytabs-container .easytabs-contents .easytabs-content-holder,
.easytabs-container .easytabs-contents .easytabs-content-holder * {
color: #333333;
}
.easytabs-container.easytabs-flexible .easytabs-contents .easytabs-content-holder {
-moz-border-radius-topright: 0 !important;
-webkit-border-top-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.easytabs-container .easytabs-contents .easytabs-active .easytabs-content-holder {
display: block;
}
.easytabs-container .easytabs-tab-item:last-child,
.easytabs-container .easytabs-tab-item.easytabs-last-visible {
border-top-right-radius: 0px;
}
.easytabs-container .easytabs-tab-item:first-child,
.easytabs-container .easytabs-tab-item.easytabs-first-visible {
border-top-left-radius: 0px;
}
.easytabs-container .easytabs-tab-item {
background-color: transparent !important;
border-bottom-width: 1px;
border-color: #f7f5f2;
}
.easytabs-container .easytabs-contents .easytabs-content-holder {
margin-top: -1px;
border-width: 0;
}
/* accordions styles */
.easytabs-container .easytabs-accordion-item {
display: none;
}
.easytabs-container .easytabs-accordion .easytabs-tabs {
height: 0 !important;
visibility: hidden !important;
}
.easytabs-container .easytabs-accordion .easytabs-accordion-item {
display: block;
}
.easytabs-container .easytabs-accordion .easytabs-content-item:first-child .easytabs-accordion-item,
.easytabs-container .easytabs-accordion .easytabs-content-item.easytabs-first-visible .easytabs-accordion-item {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.easytabs-container .easytabs-accordion .easytabs-content-item:last-child .easytabs-accordion-item,
.easytabs-container .easytabs-accordion .easytabs-content-item.easytabs-last-visible .easytabs-accordion-item {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.easytabs-container .easytabs-accordion .easytabs-content-item.easytabs-active:last-child .easytabs-accordion-item,
.easytabs-container .easytabs-accordion .easytabs-content-item.easytabs-active.easytabs-last-visible .easytabs-accordion-item {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.easytabs-container .easytabs-accordion .easytabs-content-holder {
border-radius: 0 !important;
}
.easytabs-container .easytabs-accordion .easytabs-content-item:last-child .easytabs-content-holder,
.easytabs-container .easytabs-accordion .easytabs-content-item.easytabs-last-visible .easytabs-content-holder {
border-radius: 0 0 0px 0px !important;
}
.easytabs-container .easytabs-accordion-item {
padding-right: 28px !important;
}
.easytabs-container .easytabs-accordion-glyph {
position: absolute;
top: 0;
bottom: 0;
width: 8px;
line-height: 40px;
right: 10px;
}
.easytabs-container .easytabs-content-item .easytabs-accordion-glyph {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgMzIwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTQzLjEsMjU2LjI1IEw3LjEsMTIwLjI1IGMtOS40LC05LjQgLTkuNCwtMjQuNiAwLC0zMy45IGwyMi42LC0yMi42IGM5LjQsLTkuNCAyNC42LC05LjQgMzMuOSwwIGw5Ni40LDk2LjQgbDk2LjQsLTk2LjQgYzkuNCwtOS40IDI0LjYsLTkuNCAzMy45LDAgbDIyLjYsMjIuNiBjOS40LDkuNCA5LjQsMjQuNiAwLDMzLjkgbC0xMzYsMTM2IGMtOS4yLDkuNCAtMjQuNCw5LjQgLTMzLjgsMCB6Ij48L3BhdGg+PC9zdmc+') no-repeat 0 50%;
background-size: contain;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.easytabs-container .easytabs-accordion-item:focus .easytabs-accordion-glyph {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgMzIwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTQzLjEsMjU2LjI1IEw3LjEsMTIwLjI1IGMtOS40LC05LjQgLTkuNCwtMjQuNiAwLC0zMy45IGwyMi42LC0yMi42IGM5LjQsLTkuNCAyNC42LC05LjQgMzMuOSwwIGw5Ni40LDk2LjQgbDk2LjQsLTk2LjQgYzkuNCwtOS40IDI0LjYsLTkuNCAzMy45LDAgbDIyLjYsMjIuNiBjOS40LDkuNCA5LjQsMjQuNiAwLDMzLjkgbC0xMzYsMTM2IGMtOS4yLDkuNCAtMjQuNCw5LjQgLTMzLjgsMCB6Ij48L3BhdGg+PC9zdmc+') no-repeat 0 50%;
background-size: contain;
}
.easytabs-container .easytabs-content-item.easytabs-active .easytabs-accordion-glyph {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgMzIwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTQzLjEsMjU2LjI1IEw3LjEsMTIwLjI1IGMtOS40LC05LjQgLTkuNCwtMjQuNiAwLC0zMy45IGwyMi42LC0yMi42IGM5LjQsLTkuNCAyNC42LC05LjQgMzMuOSwwIGw5Ni40LDk2LjQgbDk2LjQsLTk2LjQgYzkuNCwtOS40IDI0LjYsLTkuNCAzMy45LDAgbDIyLjYsMjIuNiBjOS40LDkuNCA5LjQsMjQuNiAwLDMzLjkgbC0xMzYsMTM2IGMtOS4yLDkuNCAtMjQuNCw5LjQgLTMzLjgsMCB6Ij48L3BhdGg+PC9zdmc+') no-repeat 0 50%;
background-size: contain;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.easytabs-container .easytabs-accordion-item {
background-color: transparent !important;
}
.easytabs-container .easytabs-active .easytabs-accordion-item {
border-bottom-width: 1px;
}
.easytabs-container .easytabs-accordion .easytabs-contents .easytabs-content-holder {
margin-top: 0;
border-width: 0;
}
.easytabs-container .easytabs-active .easytabs-accordion-item {
border-bottom-width: 0;
}
.easytabs-container .easytabs-accordion .easytabs-content-item+.easytabs-content-item .easytabs-accordion-item {
border-top-width: 1px;
border-color: #d6d4d2;
}
.easytabs-container .easytabs-content-holder p:last-child {
margin-bottom: 0;
}
.easytabs-container .easytabs-kiwi-hidden {
display: none !important;
}
.easytabs-container .easytabs-undertabs-holder {
overflow: hidden;
margin-top: 18px;
}
.easytabs-container .easytabs-tab-item .easytabs-header-text,
.easytabs-container .easytabs-accordion-item .easytabs-header-text {
display: block;
width: auto;
padding: 0;
margin: 0;
color: inherit !important;
font: inherit;
text-decoration: none;
outline: none;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
cursor: pointer;
letter-spacing: 2px;
}
</style>
</div>
<script type="text/javascript">
if (typeof easytabs == 'object') easytabs.initWidgets(document.querySelectorAll('.tab-widget-7641569526008'));
</script>
</div>
</div>
</div>
<div id="launchtip_upsell_wrapper1">
<div id="product-victoria-dining-table-108-weather-cover" style="border-top-width:nullpx;border-left-width:nullpx;border-right-width:nullpx;border-bottom-width:nullpx;border-color:null;padding:nullpx;"
class="item victoria-dining-table-2600 productbox upsellproductcount0">
<div class="image upline">
<a href="/products/victoria-dining-table-108-weather-cover"> <img style="display: block;" src="https://cdn.shopify.com/s/files/1/0624/6812/9016/products/victoria-dining-table-2600-weather-cover-vict-03c-cvr-srlgry-453624.png?v=1691449521" alt="" width="60" height=""> </a>
</div>
<div class="details upline" style="font-family:Cabin">
<a class="detail_title" href="/products/victoria-dining-table-108-weather-cover"> <span class="title" style="font-size:12px;" title="Victoria Dining Table 2600 - Weather Cover">Victoria Dining Table 2600 - Weather Cover</span> </a>
<div class="detail_price" style="text-transform: uppercase;"><span> $590.00</span> <span>/</span> <span><a href="/pages/club"> club $501.50</a></span></div>
</div>
<div class="action upline">
<div class="lightbox launchtiplightbox upsell_variants" id="fl00p">
<h3>Please select an option</h3>
<div class="lbimg"> <img style="max-width: 250px;height: auto;width:100%;margin: auto;display: block;" class="lightboximage"
src="https://cdn.shopify.com/s/files/1/0624/6812/9016/products/victoria-dining-table-2600-weather-cover-vict-03c-cvr-srlgry-453624.png?v=1691449521" alt="" width="" height=""> undefined </div>
</div> <input type="hidden" name="id" value="42641639637240"> <input type="hidden" name="quantity" value="1" tabindex="-1"><input type="hidden" name="properties[_sellup_id]" value="42063"> <button type="submit" name="add"
ind_product_id="7641612943608" sell-id="42063" title="Surlast Grey" action-type="" upsell-type="onpage" class="btn add-to-cart launchtip_add_to_cart launchtip_upsell_design"
style="font-size:12px;background-color:#000000;color:#ffffff;border: none;cursor: pointer;"><span class="add-to-cart__text">ADD THIS</span></button>
</div>
</div>
<div id="product-victoria-dining-table-108-weather-cover" style="border-top-width:nullpx;border-left-width:nullpx;border-right-width:nullpx;border-bottom-width:nullpx;border-color:null;padding:nullpx;"
class="item victoria-dining-table-2600 productbox upsellproductcount1">
<div class="image upline">
<a href="/products/victoria-dining-table-108-weather-cover"> <img style="display: block;" src="https://cdn.shopify.com/s/files/1/0624/6812/9016/products/victoria-dining-table-2600-weather-cover-vict-03c-cvr-srlsnd-269423.png?v=1691449521" alt="" width="60" height=""> </a>
</div>
<div class="details upline" style="font-family:Cabin">
<a class="detail_title" href="/products/victoria-dining-table-108-weather-cover"> <span class="title" style="font-size:12px;" title="Victoria Dining Table 2600 - Weather Cover">Victoria Dining Table 2600 - Weather Cover</span> </a>
<div class="detail_price" style="text-transform: uppercase;"><span> $550.00</span> <span>/</span> <span><a href="/pages/club"> club $467.50</a></span></div>
</div>
<div class="action upline">
<div class="lightbox launchtiplightbox upsell_variants" id="fl10p">
<h3>Please select an option</h3>
<div class="lbimg"> <img style="max-width: 250px;height: auto;width:100%;margin: auto;display: block;" class="lightboximage"
src="https://cdn.shopify.com/s/files/1/0624/6812/9016/products/victoria-dining-table-2600-weather-cover-vict-03c-cvr-srlsnd-269423.png?v=1691449521" alt="" width="" height=""> undefined </div>
</div>
<form action="#" method="post" class="LaunchTipAddToCartForm LaunchTipAddToCartForm" enctype="multipart/form-data"> <input type="hidden" name="id" value="42641639670008"> <input type="hidden" name="quantity" value="1"
tabindex="-1"><input type="hidden" name="properties[_sellup_id]" value="42063"> <button type="submit" name="add" ind_product_id="7641612943608" sell-id="42063" title="Surlast Sand" action-type="" upsell-type="onpage"
class="btn add-to-cart launchtip_add_to_cart launchtip_upsell_design" style="font-size:12px;background-color:#000000;color:#ffffff;border: none;cursor: pointer;"><span class="add-to-cart__text">ADD THIS</span></button> </form>
</div>
</div>
<div class="more_onpage_offers" style=""></div>
</div>
</div>
</div>
</div>
</form>POST #
<form action="#" method="post" class="LaunchTipAddToCartForm LaunchTipAddToCartForm" enctype="multipart/form-data"> <input type="hidden" name="id" value="42641639670008"> <input type="hidden" name="quantity" value="1" tabindex="-1"><input
type="hidden" name="properties[_sellup_id]" value="42063"> <button type="submit" name="add" ind_product_id="7641612943608" sell-id="42063" title="Surlast Sand" action-type="" upsell-type="onpage"
class="btn add-to-cart launchtip_add_to_cart launchtip_upsell_design" style="font-size:12px;background-color:#000000;color:#ffffff;border: none;cursor: pointer;"><span class="add-to-cart__text">ADD THIS</span></button> </form>Text Content
×Close
What's Your Email?
Add to Wishlist
Product has been added to your wishlist
You can view your wishlist by creating account or logging-in an existing
account.
Login Register
Victoria Dining Table 2600 - Harbour Skip to content
STORY
NEW
ALL NEW
CORDOBA
COLLINS
KARA MANN
MASON
MAUI
MILAN
TULUM
In Stock
Outdoor Living
* Lounge Chairs
* Sofas
* Sectionals
* Coffee Tables
* Side Tables
* Ottomans
Outdoor Dining
* Dining Chairs
* Dining Tables
* Counter and Bar Stools
* Bar Tables
Outdoor Pool
* Sun Lounges
* Day Beds
* Cabanas
* Umbrellas
Indoor
Shop All
* In-Stock Outdoor
* In-Stock Indoor
Outdoor
IN STOCK
* Lounge Chairs
* Sofas
* Sectionals
* Coffee Tables
* Side Tables
* Ottomons
* Dining Chairs
* Dining Tables
* Counter + Bar Stools
* Bar Tables
* Sun Lounges
* Day Beds
* Cabanas
* Umbrellas
New Collections
* Cassis
* CORDOBA
* COLLINS
* KARA MANN
* MASON
* MAUI
* MILAN
* TULUM
Outdoor Collections
* Shop All
* AVALON
* AMALFI
* ANTIGUA
* BREEZE
* BREEZE XL ALUMINUM
* BREEZE XL TEAK
* BYRON
* Cassis
* COLLINS
* CORDOBA
* KARA MANN
* HAMILTON
* HAYMAN ALUMINUM
* HAYMAN TEAK
* LOOP
* LUCCA
* MAUI
* MASON
* MILAN
* MLB TEAK
* MLB ALUMINUM
* Moab
* PACIFIC ALUMINUM
* PACIFIC TEAK
* SANTORINI
* TAHITI
* TULUM
* VAUCLUSE
* VICTORIA ALUMINUM
* VICTORIA TEAK
Living
* Sofas
* Lounge Chairs
* Sectionals
* Coffee Tables
* Side Tables
* Ottomans
* View All
Dining
* Dining Chairs
* Dining Tables
* Counter and Bar Stools
* Bar Tables
* View All
Pool
* Sun Lounges
* Day Beds
* Cabanas
* Umbrellas
* View All
More
* Consoles
* Bar Carts
* Fire Tables
* Planters
* Rugs
* Outdoor Furniture Covers
* Outdoor Swatches
Indoor
TRADE
CONTRACT
Dealers
CLUB
Showrooms
SALE
SALE OUTDOOR
SALE INDOOR
* Account
*
*
*
*
Cart
Your cart is empty
* STORYSTORY
* NEW
* ALL NEW
* CORDOBA
* COLLINS
* KARA MANN
* MASON
* MAUI
* MILAN
* TULUM
* In Stock
* Outdoor Living
* Lounge Chairs
* Sofas
* Sectionals
* Coffee Tables
* Side Tables
* Ottomans
* Outdoor Dining
* Dining Chairs
* Dining Tables
* Counter and Bar Stools
* Bar Tables
* Outdoor Pool
* Sun Lounges
* Day Beds
* Cabanas
* Umbrellas
* Indoor
* Shop All
* In-Stock Outdoor
* In-Stock Indoor
* Outdoor
* IN STOCK
* Lounge Chairs
* Sofas
* Sectionals
* Coffee Tables
* Side Tables
* Ottomons
* Dining Chairs
* Dining Tables
* Counter + Bar Stools
* Bar Tables
* Sun Lounges
* Day Beds
* Cabanas
* Umbrellas
* New Collections
* Cassis
* CORDOBA
* COLLINS
* KARA MANN
* MASON
* MAUI
* MILAN
* TULUM
* Outdoor Collections
* Shop All
* AVALON
* AMALFI
* ANTIGUA
* BREEZE
* BREEZE XL ALUMINUM
* BREEZE XL TEAK
* BYRON
* Cassis
* COLLINS
* CORDOBA
* KARA MANN
* HAMILTON
* HAYMAN ALUMINUM
* HAYMAN TEAK
* LOOP
* LUCCA
* MAUI
* MASON
* MILAN
* MLB TEAK
* MLB ALUMINUM
* Moab
* PACIFIC ALUMINUM
* PACIFIC TEAK
* SANTORINI
* TAHITI
* TULUM
* VAUCLUSE
* VICTORIA ALUMINUM
* VICTORIA TEAK
* Living
* Sofas
* Lounge Chairs
* Sectionals
* Coffee Tables
* Side Tables
* Ottomans
* View All
* Dining
* Dining Chairs
* Dining Tables
* Counter and Bar Stools
* Bar Tables
* View All
* Pool
* Sun Lounges
* Day Beds
* Cabanas
* Umbrellas
* View All
* More
* Consoles
* Bar Carts
* Fire Tables
* Planters
* Rugs
* Outdoor Furniture Covers
* Outdoor Swatches
* IndoorIndoor
* TRADETRADE
* CONTRACTCONTRACT
* DealersDealers
* CLUBCLUB
* ShowroomsShowrooms
* SALE
* SALE OUTDOOR
* SALE INDOOR
* Account
* Search
* Cart (0)
VICTORIA DINING TABLE 2600
SKU: VICT-03C-ALAST-TRGRE
$6,295.00 / club $5,350.75
/
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
!
Sorry, we do not have images for the requested feature set.
Drag to Rotate. Click to Zoom
!
Could not zoom in on the image.
*
*
*
*
*
VICTORIA DINING TABLE 2600
SKU: VICT-03C-ALAST-TRGRE
$6,295.00 / club $5,350.75
/
Finish: Aluminum Asteroid VIEW SWATCH
Aluminum Asteroid
Crafted from high–quality extruded aluminum, our metal furniture is engineered
to last in even the toughest climates. Using top grade European powder coat,
sourced from AzkoNobel, our Aluminum furniture is resistant to corrosion and
rusting while still being light, strong and easy to clean. Bronze is a warm and
slightly metallic dark brown color – An update to traditional outdoor stylings
and a new introduction at Harbour.
Aluminum Asteroid Sample
$5.00
ADD TO CART
Aluminum Taupe
Crafted from high–quality extruded aluminum, our metal furniture is engineered
to last in even the toughest climates. Using top grade European powder coat,
sourced from AzkoNobel, our Aluminum furniture is resistant to corrosion and
rusting while still being light, strong and easy to clean. Bronze is a warm and
slightly metallic dark brown color – An update to traditional outdoor stylings
and a new introduction at Harbour.
Aluminum Taupe Sample
$5.00
ADD TO CART
Stone: Travertine Dark Grey VIEW SWATCH
Travertine Dark Grey
Travertine Dark Grey Sample
$10.00
ADD TO CART
Travertine Silver
Travertine Silver Sample
$10.00
ADD TO CART
Arrival Date:
Early April 2024.
IN STOCK
Add to cart $6,295.00
Our Victoria collection balances sculptural curves and right angles for true
simplicity of proportion. The Victoria Dining Table 108" was designed as the
perfect outdoor table for up to ten — featuring a stunning curved frame in
powder coated extruded aluminum available in Asteroid or Taupe echoed in the
rounded edges of the plank legs, with the option of a matching aluminum slatted
top or contrasting slab of beautiful travertine stone. Our larger rectangular
table, this contemporary dining table brings harmony to a variety of outdoor
spaces. Pair it with our Victoria dining chairs to complete the outdoor dining
set.
* FEATURES
* SPEC
* CARE
* SHIPPING
FEATURES
•Frame handcrafted of extruded aluminum in our workshop•Superior quality powder
coating applied for weather resistance•Choose from a matching aluminum slatted
top or travertine stone top•Table sits 8–10 guests comfortably•Our custom
outdoor covers are strongly recommended as an extra layer of protection against
the elements and natural aging
SPEC
Width (in)108Depth (in)39.4Height (in) 30Weight (lb)352.1Seat Height (in)0Arm
Height (in)0
CARE
Equally important is the appropriate use and correct maintenance of the product.
You can find important tips in our care instructions.
CARE + MAINTENANCE
SHIPPING
Place your order with Harbour prior to 12pm PST and if the order is In-Stock, it
will ship within 3 business days. All orders will be received within 15 business
days from shipping except Metro Los Angeles will be received within 3 business
days.
Victoria Dining Table 2600 - Weather Cover
$590.00 / club $501.50
PLEASE SELECT AN OPTION
undefined
ADD THIS
Victoria Dining Table 2600 - Weather Cover
$550.00 / club $467.50
PLEASE SELECT AN OPTION
undefined
ADD THIS
FINISH THE COLLECTION
VICTORIA 2 SEAT SOFA
FROM $4,495.00 / club $3,820.75
SAVE 20%
On sale
VICTORIA 3 SEAT SOFA
FROM $5,450.00 $4,359.00 / club $3,705.15
VICTORIA ARMLESS DINING CHAIR
FROM $795.00 / club $675.75
VICTORIA COFFEE TABLE
FROM $3,250.00 / club $2,762.50
SAVE 35%
On sale
VICTORIA DINING CHAIR
FROM $895.00 $581.00 / club $493.85
SAVE 20%
On sale
VICTORIA LOUNGE CHAIR
FROM $2,250.00 $1,799.00 / club $1,529.15
VICTORIA SLATTED COFFEE TABLE
$1,995.00 / club $1,695.75
VICTORIA SLATTED DINING TABLE 108"
$3,495.00 / club $2,970.75
VICTORIA SLATTED ROUND DINING TABLE 48"
$2,995.00 / club $2,545.75
VICTORIA SLATTED ROUND DINING TABLE 60"
$4,250.00 / club $3,612.50
SCULPTURAL CURVES AND RIGHT ANGLES COME TOGETHER TO CREATE SIMPLICITY OF
PROPORTION, SCALE AND BALANCE. OUR TAKE ON THE MID-CENTURY AESTHETIC, THIS
COLLECTION BRINGSHARMONY TO A VARIETY OF SPACES.
THE COLLECTION
This collection features an assortment of handcrafted seating, sun lounges,
dining and occasional tables to complete your outdoor space.
FEATURED MATERIALS
ALUMINUM
Crafted from high-quality extruded aluminum – available in Asteroid finish –
with a superior quality European powder coating sourced from AkzoNobel® for
weather resistance. Our Aluminum furniture is resistant to corrosion and rusting
while still being light, strong and easy to clean. Asteroid is our dark grey
finish – a contemporary staple to our product line and versatile to many styles.
PERFORMANCE CUSHIONS
Enjoy plush cushions that are resistant to sun, moisture, mildew, staining and
supported by a slatted suspension for added comfort. Our quick dry flow-through
foam seat cushions also feature a Dacron wrap for sink-in comfort.
FABRICS
A range of stocked fabrics are available.
Cast – available in Silver and Slate – Our Cast range features a heathered
appearance that creates a sense of texture and dimension while still being flat
and lightweight.
Lisos - Milled in Spain as part of the Agora line, our Lisos range is made of
100% solution dyed acrylic yarn that is resistant to sun, moisture, mildew and
staining.
Panama - Our Panama range – available in Blanco, Grafito and Marble – is a flat
yet consistent square weave that is lightweight but impressive in hand and able
to take on the outdoor elements with ease.
The sun lounges feature top-of-the-line Batyline mesh slings – available in
Silver – sourced and manufactured in Europe by Serge Ferrari. This incredibly
strong PVC-coated material enables airy and supportive reclining and is
resistant to stretching and tearing while being easy to clean.
HEAR ABOUT THE COLLECTION
WHY HARBOUR
OUR PRODUCT VALUES
FADE RESISTANT FABRIC
Color-Protection, even in sunny spaces.
CLEANABLE
Easily spot cleaned with soap and water.
LIQUID RESISTANT FABRIC
Liquid spills bead up to be wiped away.
PET FRIENDLY
Highly durable and claw-repellent.
FLAT RATE SHIPPING
White glove delivery and setup.
QUICK DELIVERY
In-stock items ships out next day.
YOU MAY ALSO LIKE
ANTEGO CANTILEVER UMBRELLA (STONE BASE SOLD SEPARATELY)
$2,800.00 / club $2,380.00
BREEZE XL CABANA
FROM $16,500.00 / club $14,025.00
ALUMINUM PLANTER - LARGE
$1,195.00 / club $1,015.75
RECENTLY VIEWED
COMPANY
* Company
* Showrooms
* Careers
* News
SERVICES
* The Harbour Club
* Design Consult
* Customer Service
* Sustainability
* Terms and Conditions
* Care + Maintenance
* CALL HARBOUR
SALES
* Trade Program
* Dealer Program
* Contract
INFORMATION
* Shipping & Delivery
* Privacy Policy
* Product Warranty
* Returns & Exchanges
* Global Sitemap
© Harbour
* American Express
* Apple Pay
* Diners Club
* Discover
* Meta Pay
* Google Pay
* Mastercard
* Shop Pay
* Visa