Категории

Никто не пробовал применить подобное в Shopos?

Увидел на одном сайте как вариант просмотра картинки. Никто не пробовал применить подобное в Shopos? Такой вариант на мой взгляд удобен на сайте бижутерии или галереи картин где pop-up картинка большая и информативная.

http://www.laguna.lv/veikals/auskari/plastikata-auskari--136/

скрипт магазина значения не имеет.
такой скрипт просмотра можно сунуть куда угодно.
а вот реализация уже под каждый шаблон индивидуальная нужна. так что готовое решение делать смысла нету.
достаточно найти скрипт и заточить под свой шаб.

Спасибо NeBox, я как раз так и сделал, заточил скриптик
http://www.zeltaperlite.lv/

Круто! Я уже месяц мечтаю о таком просмотре картинок!
Подскажи, как ты это реализовал! Может скриптик дашь?

Буду чертовски презнателен!

http://www.zeltaperlite.lv/popup_search_help.php

Там про карманные компьютеры написано, думаю надо подправить))

Очень странно, там в самомо коде бибилиотека jquery раза 3 подключена, как оно умудряетса работать, непонятно

вообще сам код очень замусорен, поуберайте лишнее

Вы его сами писали или где взяли?

Скрипт скачал отсюда
http://www.yellowlemon.net/javascript/images/cloud-zoom
В корень /upload залил три скачаных файла.
А код вставил в карточку товара в файл themes/шаблон/module/product_info/product_info_v1.html В других шаблонах файл product_info_v1.html называется product_info.html
Мой шаблон shopos-vamcart на div-ах, посему если шаблон табличный надо немного доделать

часть кода со скриптом (оригинальный вариант закоментирован)

{config_load file="$language/lang.conf" section="product_info"}
{$FORM_ACTION}
<h1 class="contentBoxHeading">{$PRODUCTS_NAME}</h1>

{if $info_message}
<div class="contacterror">
{$info_message}
</div>
{/if}

{$PRODUCT_NAVIGATOR}

<div class="page">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="pagecontent">

<div class="ProductInfoLeft">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="cloud-zoom.1.0.2.js"></script>
<link href="cloud-zoom.css" rel="stylesheet" type="text/css" />

{if $PRODUCTS_IMAGE or $PRODUCTS_MO_IMAGES or $PRODUCTS_IMAGE_LINK!=''}
{if $PRODUCTS_POPUP_LINK!=''}
<a href='{$PRODUCTS_POPUP_IMAGE}' class = 'cloud-zoom' title="{$PRODUCTS_NAME}" rel="softFocus: false, position:'anypos', smoothMove:2"
{if $PRODUCTS_MO_IMAGES}rel="gallery-plants"{/if} target="_blank">{/if}<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" />

{if $PRODUCTS_POPUP_LINK!=''}</a>
{/if}
<div class="zoom-desc" style="position:relative; ">
<div id="anypos" style="position:absolute;top:10px; left: 0px;width:300px; height:300px; "></div>
</div>
<div style="height:300px;"></div>
{/if}



{if ($PRODUCTS_FSK18=='true') or ($MODULE_graduated_price !='')}
{if $PRODUCTS_FSK18=='true'}
<p>
<img src="{$tpl_path}img/fsk18.gif" alt="" />
</p>
{/if}
{if $MODULE_graduated_price !=''}
{$MODULE_graduated_price}
{/if}

{/if}

</div>

СПАСИБО!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Рад был помочь :)

Источник