7
Просьба без помидоров....
Спасибо badisoft и eugene_wb
Все работает как и было задумано
1) добавить файлы, которые необходимо прописывать в head и заливать в папку с шаблоном
<script type="text/javascript" src="data/{$smarty.const.TPL}/js/scripts.js"></script>
<script type="text/javascript" src="data/{$smarty.const.TPL}/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="data/{$smarty.const.TPL}/css/prettyPhoto.css" type="text/css" media="screen">
2) файлы копируем архив в папку data ( по умолчанию в default) если есть свой шаблон то копируем в него.
3) в файле product_detailed.tpl.html меняем
{if $product_info.thumbnail}
{if $product_info.big_picture} <a href="data/big/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)"><img src="data/medium/{$product_info.thumbnail}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>{*
<div class="fil"></div>
<a href="data/big/{$product_info.big_picture}" onclick="return hs.expand(this,{literal}{{/literal}thumbnailId: '{$product_info.big_picture}'{literal}}{/literal})" class="cl9">{$smarty.const.ENLARGE_PICTURE}</a> *}
{else} <img src="data/medium/{$product_info.thumbnail}" alt="{$product_info.name}"> {/if}
{elseif $product_info.picture}
{if $product_info.big_picture} <a href="data/big/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>{*
<div class="fil"></div>
<a href="data/big/{$product_info.big_picture}" onclick="return hs.expand(this,{literal}{{/literal}thumbnailId: '{$product_info.big_picture}'{literal}}{/literal})" class="cl9">{$smarty.const.ENLARGE_PICTURE}</a> *}
{else} <img src="data/small/{$product_info.picture}" alt="{$product_info.name}"> {/if}
{else}
{if $smarty.const.CONF_DISPLAY_NOPHOTO eq 1} <img src="data/empty.gif" alt="no photo"> {/if}
{/if}
{if $all_product_pictures}
{section name=i loop=$all_product_pictures}
<div class="fil"></div>
{if $all_product_pictures[i].enlarged} <a href="data/big/{$all_product_pictures[i].enlarged}" class="highslide" onclick="return hs.expand(this)"><img src="data/small/{$all_product_pictures[i].filename}" alt="{$product_info.name}" id="{$all_product_pictures[i].enlarged}"></a>{*
<div class="fil"></div>
<a href="data/big/{$all_product_pictures[i].enlarged}" onclick="return hs.expand(this,{literal}{{/literal}thumbnailId: '{$all_product_pictures[i].enlarged}'{literal}}{/literal})" class="cl9">{$smarty.const.ENLARGE_PICTURE}</a> *}
{else} <img src="data/small/{$all_product_pictures[i].filename}" alt="{$product_info.name}"> {/if}
{/section}
{/if}
и меняем
{if $product_info.thumbnail}
{if $product_info.big_picture}
<div class="img_middle_big" id="product_image_big_photos"><div><div>
<a rel="prettyPhoto[pp_gal]" href="data/big/{$product_info.big_picture}" target="_blank" {if $smarty.section.i.index}style="display:none;"{/if}>
<img src="data/small/{$product_info.thumbnail}">
<b class="zoom"></b></a>
{if $all_product_pictures}
{section name=i loop=$all_product_pictures}
<a rel="prettyPhoto[pp_gal]" href="data/big/{$all_product_pictures[i].enlarged}" target="_blank" style="display:none;">
<img src="data/medium/{$all_product_pictures[i].filename}">
<b class="zoom"></b></a>{/section}{/if}
</div></div></div>
<div class="photos" id="product_images_small_photos">
<div class="img_middle_small"><div>
<a href="data/big/{$product_info.big_picture}" target="_blank">
<img class="game_img_selected" src="data/small/{$product_info.thumbnail}" style="width:50px"></a>
</div></div>
{section name=i loop=$all_product_pictures}
<div class="img_middle_small"><div>
<a href="data/big/{$all_product_pictures[i].enlarged}" target="_blank"><img class="" src="data/small/{$all_product_pictures[i].enlarged}" style="width:50px"></a></div></div> {/section}{/if}
</div>
<div class="clearer"></div>
{/if}
{literal}
<script type="text/javascript">
$(function(){
$('#product_images_small_photos a').click(function(){
var $a = $(this);
var $sImg = $a.find('img');
$('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected');
$sImg.addClass('game_img_selected');
var index = $(this).index('#product_images_small_photos a')
$('#product_image_big_photos a').hide();
$('#product_image_big_photos a').eq(index).show();
return false;
});
$('#product_image_big_photos a').hover(
function(){$(this).children('b').addClass('hover');},
function(){$(this).children('b').removeClass('hover');}
);
});
</script>
<script type="text/javascript">
$(function() {
$("#product_image_big_photos a[rel^='prettyPhoto']").prettyPhoto({
animation_speed: 0,
slideshow: false,
social_tools: '',
deeplinking: false,
default_width: 1500,
default_height: 938,
allow_imgize: true
});
});
</script>
{/literal}
прикрепил архив
data.rar 159.31К
29 Количество загрузок:
