Сообщений в теме: 44

[vsupport]

В файл product_brief.tpl.html вставить код:

<td class="imboxl"><a href="{if  $smarty.const.CONF_MOD_REWRITE eq 1}  data/medium/{$product_info.thumbnail}" class="highslide" onclick="return  hs.expand(this)      {else}index.php?productID={$product_info.productID}{/if}">
<img src="data/small/{$product_info.picture}" alt="{$product_info.name}"></a></td>

В файл category.tpl.html вставить код:

<script type="text/javascript" src="data/default/highslide.packed.js"></script>
<script type="text/javascript">
<!--
    hs.graphicsDir = 'data/default/';
    hs.outlineType = 'rounded';
    hs.showCredits = false;
    hs.loadingOpacity = 1;

    hs.lang.restoreTitle = 'Нажмите на картинку чтобы закрыть окно';
    hs.lang.loadingText = 'Загрузка...';
    hs.lang.loadingTitle = 'Отменить загрузку';
    hs.lang.focusTitle = 'Нажмите для возврата к картинке';
    hs.lang.fullExpandTitle = 'Развернуть во всю величину';
//-->
</script>

В итоге получаем:
В кратком описании при нажатии на фото не осуществлялся переход на страницу с подробным описанием, а всплывало big-фото, если нет то medum-фото. Переход на страницу с подробным описанием останется через заголовок и ссылку Подробнее.

[kratos]

Версия 3.1.2.Чёт не работаем,всё делал даж попробовал полностью заменить, ноль эмоций

[bum]

По подобному делали - выскакивала при продукт бриф ошибка в Эксплоере.

[ruter]

Я подобное реализовал в рекомендованных товарах, при нажатии на маленькую можно посмотреть на увеличенное фото, то чего рекомендуется. А в категории решил не делать, это на любителя, но кому надо, тоже не плохо.

[dvdosh]

Версия 3.1.2.Чёт не работаем,всё делал даж попробовал полностью заменить, ноль эмоций

для версии 3.1.2
В файл product_brief.tpl.html вставить код:

<script type="text/javascript" src="data/{$smarty.const.TPL}/highslide.packed.js"></script>
<script type="text/javascript">
<!--
    hs.graphicsDir = 'data/{$smarty.const.TPL}/';
    hs.outlineType = 'rounded';
    hs.showCredits = false;
    hs.loadingOpacity = 1;

    hs.lang.restoreTitle = '{$smarty.const.STRING_HS_RESTORETITLE}';
    hs.lang.loadingText = '{$smarty.const.STRING_HS_LOADINGTEXT}';
    hs.lang.loadingTitle = '{$smarty.const.STRING_HS_LOADINGTITLE}';
    hs.lang.focusTitle = '{$smarty.const.STRING_HS_FOCUSTITLE}';
    hs.lang.fullExpandTitle = '{$smarty.const.STRING_HS_FULLEXPANDTITLE}';
//-->
</script>
{* Для эффекта затемнения всей страницы при развертывании большого фото раскомментируйте этот блок кода *}
<script type="text/javascript">
    hs.dimmingOpacity = 0.75;
</script>

и заменить

<td class="imboxl"><a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}"></a></td>
          {else}
          {if $smarty.const.CONF_DISPLAY_NOPHOTO eq 1}
          <td class="imboxl"><a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}"><img src="data/empty.gif" alt="no photo"></a></td>

на

<td class="imboxr"> {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} </td>
          {else}
          {if $smarty.const.CONF_DISPLAY_NOPHOTO eq 1}
          <td class="imboxl"><a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}"><img src="data/empty.gif" alt="no photo"></a></td>

[venceslauzzz]

для версии 3.1.2
В файл product_brief.tpl.html вставить код:

карочь там есть ошибки, поэтому вот исправленный код файла [PHP]{* шаблон короткого описния товара *}
 product_brief.tpl.zip   3.6К   10 Количество загрузок:

[igoryk]

вопрос

а как сделать, чтобі картинка всплівала не кликая по ней?

[R.Sergey]

onclick

замените на

onmouseover

[natashashukina]

Подскажите, А что нужно заменить и на что в коде (в стандартном product_brief.tpl.html ) чтобы не менять весь код в файле ???

[Barns]

Подскажите, А что нужно заменить и на что в коде (в стандартном product_brief.tpl.html ) чтобы не менять весь код в файле ???

Установи программу WinMerge, она умеет сравнивать два файла, добавь стандартный шаблон и этот и глянь что изменилось.

[mx009]

Что то не работает(( Господа напишите плиз что надо поменять или добавить в html коде?

[mailomsk]

А можно отбельным файлом выложить для версии 3.1.2 (коряво код представлен.)

[R.Sergey]

А можно отбельным файлом выложить для версии 3.1.2 (коряво код представлен.)

можно

[mailomsk]

Замена файла product_brief.tpl действительно делает всплывающую картинку в кратком описании. Коряво но делает.
Но в моем случае необходима всплывающая картинка не только в описании но и в разделе на главной спец предложения.
Помогите пожалуйста это сделать
А вот почему коряво получается в кратком описании и в чем корявость! Вот

После


Вот мой файлик product_brief.tpl

Прикрепленные файлы

•  product_brief.tpl.rar   2.87К   0 Количество загрузок:

[drserg]

вопрос а как сделать, чтобі картинка всплівала не кликая по ней?

onclick замените на onmouseover

а я бы лучше использовал jq tooltip
делается все просто: подключаем плагин http://bassistance.d...plugin-tooltip/ (думаю все знают как делать)
ищем в proudct_brief.tpl свой кусок кода, который выводит ваши фотографии (примерно такой)

{if $smarty.const.CONF_DISPLAY_FOTO eq 0}
{if $product_info.picture}
<a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}"></a>
{else}
{if $smarty.const.CONF_DISPLAY_NOPHOTO eq 1}
<a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}"><img src="data/empty.gif" alt="no photo"></a>
{/if}
{/if}
{/if}

для тега <img> добавляем id, значением которого будет айди товара <img src="data/small/{$product_info.picture}" alt="{$product_info.name}" id="{$product_info.productID}"> (что бы тег был уникальным)
Далее, в конце файла активируем плагин:



{literal}
<script>

$('#{/literal}{$product_info.productID}{literal}').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $("<img/>").attr("src", function() {

return "data/big/{/literal}{$product_info.picture}{literal}"
});
}
});
</script>
{/literal}

И все, теперь у ваших тизер картинок красивый тултип. И вообще, тултип можно подключить куда угодно (в прайс, в список товаров в корзине и т.д...), и всплывать что угодно. Это, так скажем мини гайд )

[mailomsk]

Прошу помощи в моей просьбе по всплывающей фотки в описании товара.

[Dbus]

Прошу помощи в моей просьбе по всплывающей фотки в описании товара.

Какой помощи ты ждешь ? Чтоб кто-то сделал за тебя ?

[mailomsk]

Какой помощи ты ждешь ? Чтоб кто-то сделал за тебя ?

Хотябы обьяснили почему так получается.
Шаблон не стандартный.

[drserg]

Замена файла product_brief.tpl действительно делает всплывающую картинку в кратком описании. Коряво но делает.
Но в моем случае необходима всплывающая картинка не только в описании но и в разделе на главной спец предложения.
Помогите пожалуйста это сделать
А вот почему коряво получается в кратком описании и в чем корявость! Вот

После


Вот мой файлик product_brief.tpl

выложи исходный код бывшего и теперешнего файла продукт_бриф
Для спец предл. делаешь те же манипуляции, что и для продукт_брифа, только в файле home.tpl.html. Перед этим в коде (который дали выше) все $product_info. замени на $special_offers.
И будет тебе счастье

[mailomsk]

1-Взят с архива шаблона.
2-Тот что на сайте.
3-Тот что с форума.

Прикрепленные файлы

•  origin_product_brief.tpl.rar   2.88К   0 Количество загрузок:
•  rab_product_brief.tpl.rar   2.87К   0 Количество загрузок:
•  forum_product_brief.tpl.rar   3.5К   0 Количество загрузок: