Прикрутим lightbox к магазину?

27 ноября 2008 г.

Re: Прикрутим lightbox к магазину?

Довелось повозиться с highslide - сильная штука с кучей настроек.

8 января 2009 г.

Re: Прикрутим lightbox к магазину?

Чтобы прикрутить highslide в галерее:

1 Качаем
http://highslide.com/download.php
2 Разархивируем папку highslide в корень hostcms
3 Открываем свой template, добавляем в шапку перед </head>

4 Открываем XSL-шаблоны > Фотогалерея > СписокКартинок

Находим

<xsl:if test="item_image!=''">
                           <a href="{item_image}" target="_blank" onclick="ShowImgWindow('{item_name}','{item_image}', {item_image/@width}, {item_image/@height}); return false;">
                              <img src="{item_small_image}" style="border: 1px solid #c6bea7; padding: 1px;"/>
                           </a>
                        </xsl:if>

Заменяем на

<xsl:if test="item_image!=''">
                           <a href="{item_image}"  onclick="return hs.expand(this)" class="highslide">
                              <img src="{item_small_image}" style="border: 1px solid #c6bea7; padding: 1px;"/>
                           </a>
                        </xsl:if>

http://www.aiventa.ru

13 января 2009 г.

Re: Прикрутим lightbox к магазину?

Вот так интереснее:

<xsl:if test="item_small_image!=''">

<xsl:if test="item_image!=''">
<a class="highslide" onclick="return hs.expand (this)" href="{item_image}" title="{item_name}" alt="{item_name}" width="{item_image/@width}" height="{item_image/@height}">
<img src="{item_small_image}" style="border: 1px solid #c6bea7; padding: 1px;"/>
</a>

<div class="highslide-caption"><p>
<a href="{item_path}">
<xsl:value-of disable-output-escaping="yes" select="item_name"/>
</a>
</p>
</div>
</xsl:if>

Не стыдно что-либо не знать или не понимать. Стыдно бояться спросить.

13 января 2009 г.

Re: Прикрутим lightbox к магазину?

Да,

только еще </xsl:if> в конце забыли

http://www.aiventa.ru

12 апреля 2009 г.

Re: Прикрутим lightbox к магазину?

попробовал и lightbox, и highslide...
а остановился на LITEbox (это красиво порезанная версия lightbox'a от нашего русского товарища).
так сказать, "минимум музыки, максимум пафоса"

скрипт и мануал с легкостью находятся в поисковике.
желаю удачи.

26 января 2010 г.

Re: Прикрутим lightbox к магазину?

а у меня почемуто

<xsl:if test="item_small_image!=''">
                                   
                                    <xsl:if test="item_image!=''">
                                      <a href="{item_image}" rel="lightbox" title="{item_name}" alt="{item_name}">
                                      <img src="{item_small_image}" align="left"/>
                                      </a>
                                    </xsl:if>
                           </xsl:if>

вот эта конструкция с портфолио не работает. не в элеменрте портфолио, а в СпискеЭлементовПортфолио. Подскажите, где руки кривые. Спасибо

В говно может вступить любой желающий. (с)

27 января 2010 г.

Re: Прикрутим lightbox к магазину?

не отображает

{item_small_image}

по чему то

В говно может вступить любой желающий. (с)

27 января 2010 г.

Re: Прикрутим lightbox к магазину?

А погляди, в xml оно есть?

Не стыдно что-либо не знать или не понимать. Стыдно бояться спросить.

31 января 2010 г.

Re: Прикрутим lightbox к магазину?

Помогите пожалуйста подключить jquery.prettyPhoto.js в интернет магазине, сделал следующее:

в корне сайта создал папку /js и /js/сss
и скопировал в /js/jquery.prettyPhoto.js
в макете в css добавил строку

@import url("/js/css/prettyPhoto.css");

в макете добавил

в xsl МагазинТовар нашел

<xsl:if test="small_image != ''">
<div style="float: left; width: {small_image/@width}px; margin: 0px 10px 10px 0px; color: #aaaaaa;">
<a href="{image}" target="blank_" onclick="ShowImgWindow('{name}','{image}', {image/@width}, {image/@height}); return false;">
<img src="{small_image}" style="border: 1px solid #DADADA; margin: 0px 5px 5px 0px"/>
</a>
<br/>
<a href="{image}" target="blank_" onclick="ShowImgWindow('{name}','{image}', {image/@width}, {image/@height}); return false;">
<img src="/hostcmsfiles/images/zoom.gif" alt="Увеличить" />
</a>
</div>
</xsl:if>

и исправил на

<xsl:if test="small_image != ''">
<div style="float: left; width: {small_image/@width}px; margin: 0px 10px 10px 0px; color: #aaaaaa;">
<a rel="prettyPhoto" href="{image}" target="blank_" onclick="ShowImgWindow('{name}','{image}', {image/@width}, {image/@height}); return false;">
<img src="{small_image}" style="border: 1px solid #DADADA; margin: 0px 5px 5px 0px"/>
</a>
<br/>
<a rel="prettyPhoto" href="{image}" target="blank_" onclick="ShowImgWindow('{name}','{image}', {image/@width}, {image/@height}); return false;">
<img src="/hostcmsfiles/images/zoom.gif" alt="Увеличить" />
</a>
<script>
$(document).ready(function(){
$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
});
</script>
</div>
</xsl:if>

но что-то не доделал или сделал не так, вообщем не работает, помогите плз...

Мы знаем, где они летают!

5 февраля 2010 г.

Re: Прикрутим lightbox к магазину?

Не получается Скиньте пожалуйста весь xsl шаблон для вывода highslide в галерее) очень нужно вопрос жизни и смерти по примерам делал нифига не получилось ваще

Авторизация