|
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64 User : jackjohn ( 502) PHP Version : 5.3.17 Disable Function : NONE Directory : /home/jackjohn/public_html/cgi-bin/sc/templates/includes/ |
Upload File : |
[-- VAR.AdditionalImages "0" --][-- FOR VAR.I 1 20 --][-- IF PRODUCT.MoreInfoImage[VAR.I] --][-- VAR.AdditionalImages INC --][-- END_IF --][-- END_FOR --]
[-- VAR.ThumbSize STORE.ImageZoomThumbSize --][-- VAR.RegSize STORE.ImageZoomProductSize --][-- VAR.LargeSize STORE.ImageZoomZoomSize --]
#
[-- IF Store.ImageZoom --]
[-- VAR.NumberPerRow 1 --][-- VAR.MaxNumberPerRow Store.ImageRowCnt --]
<style type="text/css">.clear{clear:both}.hidden{display:none!important}.thumb-cards{display:-ms-flexbox !important;display: flex !important;}.flex2>div{max-width:50%}.flex3>div{max-width:33%}.flex4>div{max-width:25%}.flex5>div{max-width:20%}.flex6>div{max-width:16%}.flex7>div{max-width:14%}.flex8>div{max-width:12.5%}.flex9>div{max-width:11%}.flex10>div{max-width:10%}td div.prod_img{min-width:300px}.prod_img,.row_img,#prod_img,.row_img img{max-width:100%}.row_img{margin-top:6px;clear:left}.row_img a{display:inline-block;margin-top:2px;margin-right:2px}.row_img .thumb-cards>div:last-child a{margin-right:0px !important}#gallery img{border:1px solid transparent;;opacity:.7;filter:opacity(70)}a.zoomGalleryActive img{border:1px solid #[-- STORE.LinkColor --] !important;opacity:1!important;filter:opacity(100)!important}</style>
<div class="prod_img"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]" name="prod_img" id="prod_img" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"></div>
<div class="row_img" id="gallery"><div class="thumb-cards flex[-- Store.ImageRowCnt --]">
[-- IF VAR.AdditionalImages GT 0 --]<div><a href="#" id="prod_img_main1" class="hidden" data-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a><a href="#" id="prod_img_main" class="hidden" data-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a><a href="#" class="zoomGalleryActive" data-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a></div>
[-- FOR VAR.I 1 20 --][-- IF PRODUCT.MoreInfoImage[VAR.I] --][-- IF VAR.NumberPerRow VAR.MaxNumberPerRow --][-- VAR.NumberPerRow 0 --]</div><div class="clear"></div><div class="thumb-cards flex[-- Store.ImageRowCnt --]">[-- END_IF --][-- VAR.NumberPerRow INC --]<div><a href="#" data-image="[-- PRODUCT.MoreInfoImage[VAR.I] SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInfoImage[VAR.I] SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInfoImage[VAR.I] SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInfoImageDesc[VAR.I] --][-- PRODUCT.MoreInfoImageDesc[VAR.I] --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --] [-- VAR.I --][-- END_IF --]"></a></div>[-- END_IF --][-- END_FOR --]
[-- ELSE_IF PRODUCT.OptionFiniteText --][-- IF PRODUCT.UseNewOption --]<div><a href="#" id="prod_img_main1" class="hidden" data-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a><a href="#" id="prod_img_main" class="hidden" data-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a><a href="#" class="zoomGalleryActive" data-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]" data-zoom-image="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a>[-- END_IF --]
[-- END_IF --]</div></div>
#
##### Else No Zoom
[-- ELSE --][-- VAR.NumberPerRow 1 --][-- VAR.MaxNumberPerRow Store.ImageRowCnt --]
<style type="text/css">.clear{clear:both}.prod_img,.row_img,#prod_img,.row_img img{max-width:100%}.thumb-cards{display:-ms-flexbox !important;display: flex !important;}.flex2>div{max-width:50%}.flex3>div{max-width:33%}.flex4>div{max-width:25%}.flex5>div{max-width:20%}.flex6>div{max-width:16%}.flex7>div{max-width:14%}.flex8>div{max-width:12.5%}.flex9>div{max-width:11%}.flex10>div{max-width:10%}.row_img a{display:inline-block;margin-top:2px;margin-right:2px}.row_img .thumb-cards>div:last-child a{margin-right:0px !important}</style>
<div class="prod_img" align="center"><img src="[-- PRODUCT.MoreInformationGraphic URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]" name="prod_img" id="prod_img"></div>
[-- IF VAR.AdditionalImages GT 0 --]<div class="row_img" align="center"><div class="thumb-cards flex[-- Store.ImageRowCnt --]"><div><a href="#" onmouseover="document.prod_img.src='[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.RegSize] URL_ONLY --]';" onClick="window.open('[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.LargeSize] URL_ONLY --]', 'image_window', 'width=600px,height=600px,resizable=yes,scrollbars=yes'); return false;"><img src="[-- PRODUCT.MoreInformationGraphic SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInformationGraphicDesc --][-- PRODUCT.MoreInformationGraphicDesc --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]"></a></div>
[-- FOR VAR.I 1 20 --][-- IF PRODUCT.MoreInfoImage[VAR.I] --][-- IF VAR.NumberPerRow VAR.MaxNumberPerRow --][-- VAR.NumberPerRow 0 --]</div><div class="clear"></div><div class="thumb-cards flex[-- Store.ImageRowCnt --]">[-- END_IF --][-- VAR.NumberPerRow INC --]<div><a href="#" onmouseover="document.prod_img.src='[-- PRODUCT.MoreInfoImage[VAR.I] SS_SIZE[VAR.RegSize] URL_ONLY --]';" onClick="window.open('[-- PRODUCT.MoreInfoImage[VAR.I] SS_SIZE[VAR.LargeSize] URL_ONLY --]', 'image_window', 'width=600px,height=600px,resizable=yes,scrollbars=yes'); return false;"><img src="[-- PRODUCT.MoreInfoImage[VAR.I] SS_SIZE[VAR.ThumbSize] URL_ONLY --]" alt="[-- IF PRODUCT.MoreInfoImageDesc[VAR.I] --][-- PRODUCT.MoreInfoImageDesc[VAR.I] --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --] [-- VAR.I --][-- END_IF --]"></a></div>[-- END_IF --][-- END_FOR --]
</div></div>[-- END_IF --]
[-- END_IF --]