• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: Yuri_G  
Сообщество uCoz » Модули uCoz » Интернет-магазин » Как увеличить фото товара в отдельном окне?
Как увеличить фото товара в отдельном окне?
shatrov
Сообщений: 440
Репутация: 66

Сообщение # 16 | 10:31:42 27 Апр 2014
Administrator3473, беда какая то прям...а с лупой получилось?
Administrator3473
Сообщений: 30
Репутация: 0

Сообщение # 17 | 10:32:35 27 Апр 2014
Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title><?if($META_TITLE$)?>$META_TITLE$<?else?><?if($ENTRY_MODE$ == "spec")?>Спецификация <?endif?><?if($ENTRY_MODE$ == "imgs")?>Изображения <?endif?><?if($ENTRY_MODE$ == "comm")?>Отзывы <?endif?>$ENTRY_TITLE$ - $MODULE_NAME$ - $SITE_NAME$<?endif?></title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
  <script type="text/javascript" src="/easyzoom.js"></script>  
<script type="text/javascript">  
jQuery(function($){  
  $('a.zoom').easyZoom();  
};);  
</script>  

<style>  
#easy_zoom{  
  width:600px;  
  height:400px;  
  border:5px solid #eee;  
  background:#fff;  
  color:#333;  
  position:absolute;  
  top:20%;  
  left:55%;  
  z-index:10;  
  overflow:hidden;  
  -moz-box-shadow:0 0 10px #777;  
  -webkit-box-shadow:0 0 10px #777;  
  box-shadow:0 0 10px #777;  
  /* vertical and horizontal alignment used for preloader text */  
  line-height:400px;  
  text-align:center;  
  }  
</style>
   
   
$ADMIN_BAR$
<div id="contanier"><div id="contentBlock">
  $GLOBAL_AHEADER$

  <!-- <middle> -->
  <table class="bigTable">
  <tr>
  <td class="subColumn">
  <!-- <sblock_menu> -->
<?if($SMENU_1$)?>
  <table class="boxTable"><tr><td class="boxContent"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr></table>
  <?endif?>
<!-- </sblock_menu> -->
$GLOBAL_CLEFTER$
  </td>
  <td class="centerColumn">
  <div id="textBlock">
  <?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>
  <!-- <body> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="white-space: nowrap;">$SHOP_PATH$</td>
<?if($EDIT_ENTRY_LINK$)?><td align="right" style="white-space: nowrap;">[ <a href="$EDIT_ENTRY_LINK$"><!--<s4443>-->Редактировать товар<!--</s>--></a> ]</td><?endif?>
</tr>
</table>

<h1><?if($MODER_PANEL$)?>$MODER_PANEL$ <?endif?>$ENTRY_TITLE$</h1>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top"><td style="padding-right:10px; width:1%">

$IMGS_ARRAY_JS$
<script type="text/javascript">
function _bldCont(indx){
var bck=indx-1;var nxt=indx+1;
if (bck<0){bck = allEntImgs$ID$.length-1;}
if (nxt>=allEntImgs$ID$.length){nxt=0;}
var imgs='';
if (allEntImgs$ID$.length>1){
for (var i=0;i<allEntImgs$ID$.length;i++){var img=i+1;
if(allEntImgs$ID$[i][0].length<1){continue;}
if (i==indx){imgs += '<b class="pgSwchA">'+img+'</b> ';}
else {imgs += '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+i+');return false;">'+img+'</a> ';}
}
imgs = '<div align="center" style="padding:8px 0 5px 0;white-space:nowrap;overflow:auto;overflow-x:auto;overflow-y:hidden;"><a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+bck+');return false;">« Back</a> '+imgs+'<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+nxt+');return false;">Next »</a> </div> ';}
var hght = parseInt(allEntImgs$ID$[indx][2]); if ($.browser.msie) { hght += 28; };
_picsCont = '<div id="_prCont" style="position:relative;"><img alt="" border="0" src="' + allEntImgs$ID$[indx][0] + '"/>'+imgs+'</div>';
new _uWnd('wnd_prv', "Изображения товара", 10, 10, { waitimages:300000, autosizewidth:1, hideonresize:1, autosize:1, fadetype:1, closeonesc:1, align:'center', min:0, max:0, resize:1 }, _picsCont);
}
</script>

<img alt="" src="$THUMB$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" id="ipreview" idx="0" title="Кликните для увеличения изображения">
</td><td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<?if($RATING$)?>
<td width="1%">
<div style="margin-bottom:10px;"><?$RSTARS$('30','/.s/img/stars/3/30.png','1','float')?><div style="font-size:10px; text-align:center;"><!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<span id="entRated$ID$">$RATED$</span></div></div>
</td>
<?endif?>
<td align="right"><b style="font-size:14px; padding:0 10px;"><?if($PRICE_OLD$)?><s>$PRICE_OLD$</s> <span class="newprice">$PRICE$</span><?else?>$PRICE$<?endif?></b> $2BASKET_Q$</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td><ul class="shop-options" id="id-$ID$-options">
  <?if($BRAND$)?><li><span class="opt"><!--<s4379>-->Производитель<!--</s>-->:</span> <span class="val">$BRAND$</span></li><?endif?>
  <?if($ART_NO$)?><li><span class="opt"><!--<s4749>-->Артикул<!--</s>-->:</span> <span class="val art">$ART_NO$</span></li><?endif?>
  <li><span class="opt"><!--<s4377>-->Наличие<!--</s>-->:</span> <span class="val stock">$STOCK$</span></li>
  <?if($WARR$)?><li><span class="opt"><!--<s4376>-->Гарантия<!--</s>-->:</span> <span class="val">$WARR$</span></li><?endif?>
  <?if($UNIT$)?><li><span class="opt"><!--<s4750>-->Единица<!--</s>-->:</span> <span class="val">$UNIT$</span></li><?endif?>
  <?if($WEIGHT$)?><li><span class="opt"><!--<s4751>-->Вес<!--</s>-->:</span> <span class="val">$WEIGHT$</span></li><?endif?>
  <?if($ENTRY_TYPE$ == 1)?><li><span class="opt"><!--<s5119>-->Размер<!--</s>-->:</span> <span class="val">$FILE_SIZE$</span></li><?endif?>
  <?if($TAGS$)?>Теги: $TAGS$<?endif?>
  $OPTIONS$
</ul></td>
<?if($BUY_NOW$)?>
<td align="center" width="1%" nowrap>
  <div style="float:right;" class="goods-list"><!--<s5454>-->Купить сейчас<!--</s>--> $BUY_NOW$ $2WISHLIST$</div>
</td>
<?endif?>
</table>

</td></tr>
</table>
<?if($SMALL_1$)?>
<img alt="" src="$SMALL$" class="gphoto" onclick="var el=getElementById('ipreview'); el.src='$PHOTO$'; el.setAttribute('idx',0);">
<img alt="" src="$SMALL_1$" class="gphoto" onclick="var el=getElementById('ipreview'); el.src='$PHOTO_1$'; el.setAttribute('idx',1);">
<?endif?>
<?if($SMALL_2$)?><img alt="" src="$SMALL_2$" class="gphoto" onclick="var el=getElementById('ipreview'); el.src='$PHOTO_2$'; el.setAttribute('idx',2);"><?endif?>
<?if($SMALL_3$)?><img alt="" src="$SMALL_3$" class="gphoto" onclick="var el=getElementById('ipreview'); el.src='$PHOTO_3$'; el.setAttribute('idx',3);"><?endif?>
<ul class="shop-tabs with-clear">
  <li<?if($ENTRY_MODE$ == 'desc')?> class="postRest1"<?endif?>><a href="$DESC_LINK$"><!--<s4375>-->Описание<!--</s>--></a></li>
  <?if($SPEC$)?>
  <li<?if($ENTRY_MODE$ == 'spec')?> class="postRest1"<?endif?>><a href="$SPEC_LINK$"><!--<s4781>-->Спецификация<!--</s>--></a></li>
  <?endif?>
  <?if($COM_IS_ACTIVE$)?>
  <li<?if($ENTRY_MODE$ == 'comm')?> class="postRest1"<?endif?>><a href="$COMM_LINK$"><!--<s4783>-->Отзывы<!--</s>--></a></li>
  <?endif?>
</ul>
<div class="shop-info">

<?if($ENTRY_MODE$ == 'desc')?>
  <?if($DESCRIPTION$)?>$DESCRIPTION$<?else?><!--<s4782>-->Описание товара отсутствует<!--</s>--><?endif?>
<?endif?>

<?if($ENTRY_MODE$ == 'spec')?>
  $SPEC$
<?endif?>

<?if($ENTRY_MODE$ == 'imgs')?>
  <div class="shop-imgs with-clear">
  <?if($PHOTO$)?><img alt="" src="$PHOTO$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="0" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_1$)?><img alt="" src="$PHOTO_1$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="1" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_2$)?><img alt="" src="$PHOTO_2$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="2" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_3$)?><img alt="" src="$PHOTO_3$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="3" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_4$)?><img alt="" src="$PHOTO_4$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="4" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_5$)?><img alt="" src="$PHOTO_5$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="5" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_6$)?><img alt="" src="$PHOTO_6$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="6" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_7$)?><img alt="" src="$PHOTO_7$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="7" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_8$)?><img alt="" src="$PHOTO_8$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="8" title="Кликните для увеличения изображения"><?endif?>
  <?if($PHOTO_9$)?><img alt="" src="$PHOTO_9$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" idx="9" title="Кликните для увеличения изображения"><?endif?>
  </div>
<?endif?>

<?if($ENTRY_MODE$ == 'comm')?>
  <?if($COM_IS_ACTIVE$)?>
  <?if($COM_CAN_READ$)?>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
  <tr><td colspan="2">$COM_BODY$</td></tr>
  <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
  <tr><td colspan="2" height="10"></td></tr>
  </table>
  <?endif?>

  <?if($COM_CAN_ADD$)?>
  $COM_ADD_FORM$
  <?else?>
  <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
  <?endif?>
  <?endif?>
<?endif?>
</div>

<div style="margin-top: 10px; text-align:right;"><?if($ADD_UID$)?><!--<s3178>-->Добавил<!--</s>-->: <a href="/shop/user/$ADD_UID$/goods" title="Все товары $ADD_USER$">$ADD_USER$</a>,<?else?><!--<s4417>-->Добавлен в каталог<!--</s>-->:<?endif?> $ADD_WDAY$, $ADD_DATE$</div>

<?if($LASTV_2$)?><hr /><div style="font-size:20px; padding:5px 0 10px 0"><!--<s7005>-->Просмотренные ранее товары<!--</s>--></div>$LASTV_2$<?endif?>

  <!-- </body> -->
  </div>
  </td>
<?if(!$HIDE_CRIGHTER$)?>  
  <td class="subColumn">
$GLOBAL_DRIGHTER$
  </td>
<?endif?>
  </tr>
  </table>
<!-- </middle> -->
$GLOBAL_BFOOTER$
</div></div>
</body>

</html>

вот так сейчас выглядит код "Страница товара"

Добавлено (27 Апр 2014, 10:32:35)
---------------------------------------------
с лупой кое что получилось, но изображение по прежнему небольшое, поэтому начал копать в другом направлении

shatrov
Сообщений: 440
Репутация: 66

Сообщение # 18 | 10:40:33 27 Апр 2014
Administrator3473, в ЛС посмотри, может поможет
Administrator3473
Сообщений: 30
Репутация: 0

Сообщение # 19 | 18:23:08 27 Апр 2014
хорошо, спасибо, буду ковырять)

Добавлено (27 Апр 2014, 18:23:08)
---------------------------------------------
ух, добился я своего, в общем ситуация следующая: фото товаров, которые я загружал имеют разрешение 1350*1800 px. после загрузки на сервер, размер фото становился 375*500. в настройках загрузчик изображений не стояла галочка на против пункта "Ограничивать размер загружаемых изображений товара:" тем самым подразумевалось, что фото можно залить без ограничений, НО ЭТО НЕ ТАК! методом тыка я установил сначала ограничение размеров фото 2000*2000, после сохранения параметров и обновления страницы заметил, вместо 2000*2000 стоят уже числа 500*500, так я понял что всё таки ограничению по размеру есть, и выставил значения 1500*1500 после сохранения параметров и обновления страницы параметры сохранились и я попробовал залить снова фото товаров на сайт, так как старые так и остались 375*500. В общем после введения ограничения на размер загружаемых фото 1500*1500 фото стали загружаться размером 1125*1500 что уже неплохо и достаточно. теперь буду внедрять лупу на сайт.

shatrov
Сообщений: 440
Репутация: 66

Сообщение # 20 | 18:34:44 27 Апр 2014
Administrator3473, кто ищет тот всегда найдет)
Administrator3473
Сообщений: 30
Репутация: 0

Сообщение # 21 | 20:56:06 27 Апр 2014
а вот с лупой не получается, при наведении курсора окно НЕ всплывает, а при нажатии на фото, в новой вкладке открывается увеличенное фото..
shatrov
Сообщений: 440
Репутация: 66

Сообщение # 22 | 21:33:09 27 Апр 2014
Administrator3473, я вам страничку скидывал, изучите ее
Сообщество uCoz » Модули uCoz » Интернет-магазин » Как увеличить фото товара в отдельном окне?
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!