<div class="container" style="padding-bottom: 40px;"> <!-- ### START BREAD CRUMBS ### --> {if HAS_BREADCRUMBS_LOOP == 'T'} <div class="row"> <div class="col-sm-12"> <div style="margin-bottom: 35px;"> {var BREADCRUMBS} {for BREADCRUMBS in BREADCRUMBS_LOOP} {if BREADCRUMBS.HAS_LINK == 'T'} <div style="float: left;"><a href="${BREADCRUMBS.LINK}" style="font-size: 12px; color: #cd1316; text-decoration: none; border: none;">${BREADCRUMBS.LABEL}</a></div> <div style="float: left; padding-left: 4px; padding-right: 4px;"><i class="fa fa-angle-double-right" style="font-size: 12px; color: #cd1316;"></i></div> {/if} {/for} <div style="float: left;"><span style="font-size: 12px; color: #333333; text-decoration: none; border: none;">${STOREDISPLAYNAME}</span></div> <div style="clear: both;"></div> </div> </div> </div> {/if} <!-- ### END BREAD CRUMBS ### --> <!-- ### START ITEM IMAGE AND GALLERY, PRODUCT DESCRIPTION, ADD TO CART ### --> <div class="row"> <div class="col-sm-6" id="view-product-top-left"> <div id="container-item-image" class="view-product"> <!--img src="${STOREDISPLAYIMAGE}" alt="" class="img-responsive-table"/--> <!--h3>ZOOM</h3--> <img class="cloudzoom" id="zoom1" src="${STOREDISPLAYIMAGE}" data-cloudzoom="zoomImage: '${STOREDISPLAYIMAGE}', zoomPosition: 0, zoomSizeMode: 'zoom', maxMagnification:2" alt="" style="width: 100%; height: auto;"> </div> {if IS_DISPLAY_IMAGE_GALLERY_SLIDE_THUMBNAIL == 'T'} <div id="similar-product" class="carousel slide" data-interval="false"> {else} <div id="similar-product" class="carousel slide" data-interval="false" style="display: none;"> {/if} <!-- Wrapper for slides --> {if HAS_IMAGE_GALLERY_SLIDE_THUMBNAIL_LOOP == 'T'} <div class="carousel-inner"> {var OBJREFGALLERY} {for OBJREFGALLERY in IMAGE_GALLERY_SLIDE_THUMBNAIL_LOOP} {if OBJREFGALLERY_index == 0} <div class="item active" style="padding:10px; text-align:center;"> {else} <div class="item" style="padding:10px; text-align:center;"> {/if} {var GALLERY} {for GALLERY in OBJREFGALLERY} {if GALLERY.CTR == 1} <img src="${GALLERY.THUMBNAIL}" id="thumbnail-image-display" thumbnail-ctr="${GALLERY.CTR}" alt="" hspace="10" vspace="10" style="max-height: 85px; cursor: pointer; border: solid 1px #cd1316;"> {else} <img src="${GALLERY.THUMBNAIL}" id="thumbnail-image-display" thumbnail-ctr="${GALLERY.CTR}" alt="" hspace="10" vspace="10" style="max-height: 85px; cursor: pointer; border: solid 1px transparent;"> {/if} {/for} </div> {/for} </div> {/if} <!-- Controls --> {if IS_DISPLAY_IMAGE_GALLERY_SLIDE_THUMBNAIL_DIRECTION == 'T'} <a class="left item-control" href="#similar-product" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="right item-control" href="#similar-product" data-slide="next"> <i class="fa fa-angle-right"></i> </a> {else} <a class="left item-control" href="#similar-product" data-slide="prev" style="display: none;"> <i class="fa fa-angle-left" style="display: none;"></i> </a> <a class="right item-control" href="#similar-product" data-slide="next" style="display: none;"> <i class="fa fa-angle-right" style="display: none;"></i> </a> {/if} </div> {if HAS_IMAGE_GALLERY_SLIDE_THUMBNAIL_LOOP == 'T'} <div style="display: none;"> {var IMAGE_GALLERY_THUMBNAIL_HIDDEN} {for IMAGE_GALLERY_THUMBNAIL_HIDDEN in IMAGE_GALLERY_THUMBNAIL_LOOP} <div id="thumbnail-image-hidden-${IMAGE_GALLERY_THUMBNAIL_HIDDEN.CTR}" class="cloudzoom-gallery btn btn-primary" data-cloudzoom="useZoom:'#zoom1', image:'${IMAGE_GALLERY_THUMBNAIL_HIDDEN.MAINIMAGE}', zoomImage:'/avt-spos-retail/images/common/blank.gif'">${IMAGE_GALLERY_THUMBNAIL_HIDDEN.CTR}</div> {/for} </div> {/if} <script> $.extend($.fn.CloudZoom.defaults, { // Add desired default Cloud Zoom properties here. disableZoom: true , galleryFade: false }); CloudZoom.quickStart(); </script> <script> $(function() { $("img[id='thumbnail-image-display']").click( function () { $("img[id='thumbnail-image-display']").css({"border" : "solid 1px transparent"}); $(this).css({"border" : "solid 1px #cd1316"}); var thumbnailCtrValue = $(this).attr("thumbnail-ctr"); $("div[id='thumbnail-image-hidden-" + thumbnailCtrValue + "']").click(); }); }); </script> </div> <div id="view-product-top-right" class="col-sm-6"> <div id="container-view-product-top-right" style="margin: 0px; padding: 60px; border: 1px solid #e8e8e8;"> <div><h2 style="font-size: 22px; margin-top: 0; color: #363432;">${STOREDISPLAYNAME}</h2></div> <div style="margin-bottom: 5px;"><p><span style="font-weight: bold; color: #696763;">SKU: </span><span style="color: #696763;">${ITEMID}</span></p></div> <div style="margin-bottom: 20px; display: none;"><img src="/avt-spos-retail/images/common/share.png" class="share img-responsive" alt=""></div> <div style="margin-bottom: 10px;"><p><span style="font-weight: bold; color: #696763;">Availability: </span> <span style="color: #696763;">${STOCKSTATUSMESSAGETEXT}</span></p></div> <div id="add-to-cart-mobile-only" style="display: none; margin-bottom: 20px;"> {if HAS_ADDTOCART_BUTTON == 'T'} <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td align="center"><div id="div-item-price-mobile"></div></td></tr> <tr><td align="center"><div id="div-qty-cart-mobile" style="margin-bottom: 10px;"></div></td></tr> <tr><td align="center"><div id="butt-add-to-cart-mobile"></div></td></tr> </table> {else} <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td align="center"><div id="div-item-price-mobile"></div></td></tr> <tr><td align="center"><div id="div-qty-cart-mobile" style="margin-bottom: 10px; display: none;"></div></td></tr> <tr><td align="center"><div id="butt-add-to-cart-mobile" style="display: none;"></div></td></tr> </table> {/if} </div> <div id="add-to-cart-desktop-only" style="display: none; margin-bottom: 20px;"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td> {if HAS_ADDTOCART_BUTTON == 'T'} <div id="div-item-price-desktop" style="margin-right: 20px; max-width: 179px;"> <div id="div-item-price"><span style="font-size: 20px; font-weight: 700; color: #cd1316;">${SALESPRICETEXT}</span></div> </div> {else} <div id="div-item-price-desktop" style="margin-right: 20px;"> <div id="div-item-price"><span style="font-size: 20px; font-weight: 700; color: #cd1316;">${SALESPRICETEXT}</span></div> </div> {/if} </td> <td> <div id="div-qty-cart-desktop"> <div id="div-qty-cart"> {if HAS_ADDTOCART_BUTTON == 'T'} <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><div style="margin-right: 5px;"><span style="font-weight: 700; color: #696763;">Quantity</span></div></td> <td> {if ADDTOCART_TYPE == 'STANDARD'} <div style="margin-right: 5px;"><input type="text" name="addtocart-qty-standard" id="addtocart-qty-standard" value="" oninput="onInputUpAddToCartQtyStandard('addtocart-qty-standard', 'addtocart-standard', 'btn btn-fefault butt-addtocart-main-item-enabled', 'btn btn-fefault butt-addtocart-main-item-disabled');" style="border: 1px solid #DEDEDC; font-size: 20px; font-weight: 700; height: 33px; outline: medium none; width: 50px; text-align: center;"></div> {else} <div style="margin-right: 5px;"><input type="text" name="addtocart-qty-matrix" id="addtocart-qty-matrix" value="" style="border: 1px solid #DEDEDC; font-size: 20px; font-weight: 700; height: 33px; outline: medium none; width: 50px; text-align: center;"></div> {/if} </td> </tr> </table> {else} {/if} </div> </div> </td> <td> <div id="addtocart-storedisplayname" style="display: none;">${STOREDISPLAYNAME}</div> <div id="addtocart-storedisplayimage" style="display: none;">${STOREDISPLAYIMAGE}</div> <div id="butt-add-to-cart-desktop"> <div id="butt-add-to-cart"> {if HAS_ADDTOCART_BUTTON == 'T'} {if ADDTOCART_TYPE == 'STANDARD'} <button type="button" id="addtocart-standard" item-internalid="${INTERNALID}" item-itemtype="${ITEMTYPE}" input-qty-ref="addtocart-qty-standard" div-storedisplayname="addtocart-storedisplayname" div-storedisplayimage="addtocart-storedisplayimage" class="btn btn-fefault butt-addtocart-main-item-disabled" style="white-space: nowrap;" disabled><i class="fa fa-shopping-cart"></i>  ADD TO CART</button> {else} <button type="button" id="addtocart-matrix" item-internalid="${INTERNALID}" item-itemtype="${ITEMTYPE}" input-qty-ref="addtocart-qty-matrix" div-storedisplayname="addtocart-storedisplayname" div-storedisplayimage="addtocart-storedisplayimage" class="btn btn-fefault butt-addtocart-main-item-disabled" style="white-space: nowrap;" disabled><i class="fa fa-shopping-cart"></i>  ADD TO CART</button> {/if} {/if} </div> </div> </td> </tr> </table> </div> {if HAS_FEATURED_DESCRIPTION == 'T'} <div id="feateured-description" style="margin-bottom: 20px;"> <p style="font-size: 12px;">${FEATURED_DESCRIPTION}</p> </div> {/if} {if HAS_STOREDESCRIPTION == 'T'} <div id="store-description" style="margin-bottom: 20px;"> <p style="font-size: 12px;">${STOREDESCRIPTION}</p> </div> {/if} {if HAS_DETAILED_DESCRIPTION == 'T'} <div id="detailed-description" style="margin-bottom: 20px;"> <p style="font-size: 12px;">${DETAILED_DESCRIPTION}</p> </div> {/if} </div> </div> </div> <!-- ### END ITEM IMAGE AND GALLERY, PRODUCT DESCRIPTION, ADD TO CART ### --> <!-- ### START RELATED ITEMS ### --> {if HAS_RELATED_ITEMLIST_LOOP == 'T'} <div class="infoitem-info-box"> <h4 class="heading">SIMILAR ITEMS</h4> <div class="content panel-smart"> <!-- start pagination top --> {if HAS_PAGINATION_LOOP == 'T'} <div class="row"> <div class="col-sm-12" style="margin-bottom: 20px;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> {var PAGINATIONTOP} {for PAGINATIONTOP in PAGINATION_LOOP} {if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'} <span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span> {else} <span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span> {/if} {/if} {/for} </td> </tr> </table> </div> </div> {/if} <!-- end pagination top --> {var OBJREFITEMLIST} {for OBJREFITEMLIST in RELATED_ITEMLIST_LOOP} <!-- start row (item list) --> <div class="row"> {var ITEMLIST} {for ITEMLIST in OBJREFITEMLIST} <div class="col-sm-3"> <div id="ns-itemlist-item" style="padding: 10px; margin-bottom: 40px;"> <div style="padding-bottom: 10px; border-bottom: solid 1px #cd1316; margin-bottom: 10px;"> <a href="${ITEMLIST.STOREURL}" style="text-decoration: none; border: none;"><img src="${ITEMLIST.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive-table"></a> </div> <div style="margin-bottom: 5px;"><a href="${ITEMLIST.STOREURL}" style="font-weight: bold; text-decoration: none; border: none;">${ITEMLIST.STOREDISPLAYNAME2}</a></div> {if ITEMLIST.STOREDESCRIPTION != ''} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">${ITEMLIST.STOREDESCRIPTION}</span></div> {/if} {if ITEMLIST.IS_DONTSHOWPRICE == 'T'} {if ITEMLIST.SALESPRICETEXT != ''} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, ${ITEMLIST.SALESPRICETEXT}</span></div> {else} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, Please contact our sales team.</span></div> {/if} {else} {if ITEMLIST.HAS_QUANTITY_PRICING == 'T'} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.QUANTITY_BASEPRICE}</span></div> {else} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.SALESPRICETEXT}</span></div> {/if} {/if} </div> </div> {/for} </div> <!-- end row (item list) --> {/for} <!-- start pagination bottom --> {if HAS_PAGINATION_LOOP == 'T'} <div class="row"> <div class="col-sm-12" style="margin-bottom: 20px;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> {var PAGINATIONTOP} {for PAGINATIONTOP in PAGINATION_LOOP} {if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'} <span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span> {else} <span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span> {/if} {/if} {/for} </td> </tr> </table> </div> </div> {/if} <!-- end pagination bottom --> </div> </div> {else} {/if} <!-- ### END RELATED ITEMS ### --> <!-- ################# start modal window ################# --> <button id="butt-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-xyla" style="display: none;">Modal Butt</button> <div class="modal fade" id="modal-xyla" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="h3-modal-title" class="modal-title"></h3> </div> <div id="div-modal-body" class="modal-body"> </div> <div class="modal-footer"> <button id="butt-modal-close" type="button" class="btn btn-fefault" data-dismiss="modal">Close</button> <button id="butt-modal-view-cart" type="button" class="btn btn-fefault butt-addtocart-main-item-enabled" style="display: none;"><i class="fa fa-shopping-cart" style="font-size: 14px; padding-right: 5px;"></i> View Cart</button> {if ISBUNNING_RANGE} <a href="/Bunnings-Range/"> <button id="butt-modal-continue-shopping" type="button" class="btn btn-fefault butt-addtocart-main-item-enabled">Continue Shopping <i class="fa fa-play" style="font-size: 14px; padding-right: 5px;"></i></button> </a> {else} <button id="butt-modal-continue-shopping" type="button" class="btn btn-fefault butt-addtocart-main-item-enabled" data-dismiss="modal" style="display: none;">Continue Shopping <i class="fa fa-play" style="font-size: 14px; padding-right: 5px;"></i></button> {/if} </div> </div><!-- /.modal-content --> </div> <!-- ################# end modal window ################# --> </div> <script> $(function() { /** ### START ADD TO CART ### **/ $("button[id='butt-modal-view-cart']").click(function(){ window.location = CART_URL; }); //onKeyUpAddToCartQtyStandard('addtocart-qty-standard', 'addtocart-standard', 'btn btn-fefault butt-addtocart-main-item-enabled', 'btn btn-fefault butt-addtocart-main-item-disabled'); clickAddToCartButtStandard('addtocart-standard', 'div-storedisplayname', 'div-storedisplayimage'); /** ### END ADD TO CART ### **/ /** ### START WINDOW WIDTH (980px) ### **/ var windowWidth = $(window).width(); var isWindowWidthLessThan980 = (windowWidth < 980) ? true : false; /** start view-product-top **/ if (!isWindowWidthLessThan980) { $("div[id='div-item-price']").appendTo("div[id='div-item-price-desktop']") $("div[id='div-qty-cart']").appendTo("div[id='div-qty-cart-desktop']") $("div[id='butt-add-to-cart']").appendTo("div[id='butt-add-to-cart-desktop']") $("div[id='add-to-cart-desktop-only']").show(); $("div[id='add-to-cart-mobile-only']").hide(); } if (isWindowWidthLessThan980) { $("div[id='div-item-price']").appendTo("div[id='div-item-price-mobile']") $("div[id='div-qty-cart']").appendTo("div[id='div-qty-cart-mobile']") $("div[id='butt-add-to-cart']").appendTo("div[id='butt-add-to-cart-mobile']") $("div[id='add-to-cart-desktop-only']").hide(); $("div[id='add-to-cart-mobile-only']").show(); } /** end view-product-top **/ $(window).resize(function() { var windowWidth = $(window).width(); var isWindowWidthLessThan980 = (windowWidth < 980) ? true : false; /** start view-product-top **/ if (!isWindowWidthLessThan980) { $("div[id='div-item-price']").appendTo("div[id='div-item-price-desktop']") $("div[id='div-qty-cart']").appendTo("div[id='div-qty-cart-desktop']") $("div[id='butt-add-to-cart']").appendTo("div[id='butt-add-to-cart-desktop']") $("div[id='add-to-cart-desktop-only']").show(); $("div[id='add-to-cart-mobile-only']").hide(); } if (isWindowWidthLessThan980) { $("div[id='div-item-price']").appendTo("div[id='div-item-price-mobile']") $("div[id='div-qty-cart']").appendTo("div[id='div-qty-cart-mobile']") $("div[id='butt-add-to-cart']").appendTo("div[id='butt-add-to-cart-mobile']") $("div[id='add-to-cart-desktop-only']").hide(); $("div[id='add-to-cart-mobile-only']").show(); } /** end view-product-top **/ }); /** ### END WINDOW WIDTH (980px) ### **/ var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible"); var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false; if (isDisplayInMobileOnly) { $("div[id='container-view-product-top-right']").css({"height" : "auto"}) } if (!isDisplayInMobileOnly) { /** start view-product-top **/ $("div[id='container-item-image']").imagesLoaded() .always(function(instance) { }) .done( function(instance) { $("div[id='container-view-product-top-right']").css({"height" : "auto"}) var divItemImageTotal = $("div[id='container-item-image']").length; var hasDivItemImage = (divItemImageTotal != 0) ? true : false; if (hasDivItemImage) { var viewProductTopLeftHeight = $("div[id='view-product-top-left']").height(); var viewProductTopRightHeight = $("div[id='view-product-top-right']").height(); var isViewProductTopRightHeightLessThanViewProductTopLeftHeight = (viewProductTopRightHeight < viewProductTopLeftHeight) ? true : false; if (isViewProductTopRightHeightLessThanViewProductTopLeftHeight) { //container-view-product-top-right var viewProductTopRightHeightOffset = viewProductTopLeftHeight.toString() + 'px'; $("div[id='container-view-product-top-right']").css({"height" : viewProductTopRightHeightOffset}) } } }) .fail( function() { console.log('all images loaded, at least one is broken'); }) .progress( function( instance, image ) { var result = image.isLoaded ? 'loaded' : 'broken'; console.log( 'image is ' + result + ' for ' + image.img.src ); }); /** end view-product-top **/ } $(window).resize(function() { var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible"); var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false; if (isDisplayInMobileOnly) { $("div[id='container-view-product-top-right']").css({"height" : "auto"}) } if (!isDisplayInMobileOnly) { /** start view-product-top **/ $("div[id='container-item-image']").imagesLoaded() .always(function(instance) { }) .done( function(instance) { $("div[id='container-view-product-top-right']").css({"height" : "auto"}) var divItemImageTotal = $("div[id='container-item-image']").length; var hasDivItemImage = (divItemImageTotal != 0) ? true : false; if (hasDivItemImage) { var viewProductTopLeftHeight = $("div[id='view-product-top-left']").height(); var viewProductTopRightHeight = $("div[id='view-product-top-right']").height(); var isViewProductTopRightHeightLessThanViewProductTopLeftHeight = (viewProductTopRightHeight < viewProductTopLeftHeight) ? true : false; if (isViewProductTopRightHeightLessThanViewProductTopLeftHeight) { //container-view-product-top-right var viewProductTopRightHeightOffset = viewProductTopLeftHeight.toString() + 'px'; $("div[id='container-view-product-top-right']").css({"height" : viewProductTopRightHeightOffset}) } } }) .fail( function() { console.log('all images loaded, at least one is broken'); }) .progress( function( instance, image ) { var result = image.isLoaded ? 'loaded' : 'broken'; console.log( 'image is ' + result + ' for ' + image.img.src ); }); /** end view-product-top **/ } }); }); </script> <div class="row" style="margin-bottom: 25px;"> <div class="col-md-4"> <img class="img-responsive" src="${STOREDISPLAYIMAGE}" alt=""> </div> <div class="col-md-8"> <h3>${STOREDISPLAYNAME}</h3> <hr> <div><span style="font-weight: bold;">Order Quantity: </span><span>${ORDERQTY}</span></div> {if HAS_OPTIONS_LOOP == 'T'} <div><span style="font-weight: bold;">Selected Option(s):</span></div> {var OPTIONS} {for OPTIONS in OPTIONS_LOOP} <div><span style="font-weight: bold;">${OPTIONS.LABEL}: </span><span>${OPTIONS.SELECTED}</span></div> {/for} {/if} </div> </div>

1795

NO26-TF-0900*

InvtPart

26mm Angled Coolroom Datastrip - Clear

26mm Angled Coolroom Datastrip - Clear

https://webstore.sposgroup.com/NO26-TF-1200.png

https://webstore.sposgroup.com/NO26-TF-1200.png

Price: $2.09 (Excluding GST)

No

Register or Sign In to view pricing

[{"image-main":"/core/media/media.nl?id=333216&c=3332755&h=mcvWguQEVGZznJWQ_9nelq5ehRjrOmJ3TgxlzedRNWxMfCex","image-thumbnail":"/core/media/media.nl?id=333216&c=3332755&h=mcvWguQEVGZznJWQ_9nelq5ehRjrOmJ3TgxlzedRNWxMfCex"}]