Категории

Фото-галерея

Всем привет =)

Женя, такое дело .. необходимо сообразить качественный показ картинок в магазине. К примеру есть такой скрип Highslide .. в нём есть более приятные глазу виды оформления показа изображений, чем стандартно в магазине. Можешь намекнуть, в каком файле прикручивается скрипт, дабы изменить popup визуализацию =) В хайслайде суть следующая ... на странице, на которой нужно увеличивать фотку в код добавляется скрипт .. допустим в шаблон, чтобы на все распространялось ... и в код картинки тоже добавляется определённое значение, привязывающее к скрипту .. думаю у тебя такая же система =)

Просто есть товар с 20 фотографиями, которые обязательно должны присутствовать .. стандартно добавляя фотки получается очень длинная страница вниз ... как-то не очень радовательно глазу ))

themes\шаблон\module\product_info\product_info_v1.html

Странная тема случилась. После прикрутки highslide всё работает отлично, но в "Кто в онлайн?", если находишься на странице инфо товара теперь вылазит последний URL: /zoomin00.cur ... по сути это файл курсора увеличения, когда наводишь на фотку, но почему именно эта фигня выдаётся в "Кто в онлайн" ... никто не сталкивался с подобным ?

иногда кто онлайн выдет ошибки. не знаю с чем это связано

не серьезная проблема.

не серъёзная, но не приятная )) не видно на какой странице находится посетитель =) .. если что найду .. отпишусь.
А сейчас =) .. поехал ка я на праздник ))) .. всех с наступающим .. всех благ .. здоровья .. успеха .. ну всего всего в общем .. в новом году =)

IlIEFF Поделитесь доработкой если не жалко?

Без проблем .. =)
Распаковываете приложенный в конце сообщения скрипт HighSlide куда вам нужно в сайт (у меня в папке jscript корня сайта).
В product_info_v1.html вставляем (первая и последняя строчки кода указаны как в оригинале шаблона, всё что между, нужно вставить) .. обратите внимание на пути к скрипту относительно корня сайта (смотря куда вы распаковали скрипт)!
{config_load file="$language/lang.conf" section="product_info"}
<script type="text/javascript" src="jscript/highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="jscript/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="jscript/highslide/highslide.css" />

{$FORM_ACTION}
Далее заменяем строчку (первая и последняя как в оригинале, всё что между заменить на такие же):

{if $PRODUCTS_IMAGE or $PRODUCTS_MO_IMAGES or $PRODUCTS_IMAGE_LINK!=''}
{if $PRODUCTS_POPUP_LINK!=''}<a href="{$PRODUCTS_POPUP_IMAGE}" title="{$PRODUCTS_NAME}" class="highslide" onClick="return hs.expand(this)" {if $PRODUCTS_MO_IMAGES}rel="gallery-plants"{/if} target="_blank">{/if}<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" />{if $PRODUCTS_POPUP_LINK!=''}</a>{/if}
{/if}

И тоже самое делаем тут:

{foreach name=mo_pic item=img_values from=$mo_img}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">{if $img_values.PRODUCTS_MO_POPUP_LINK !=''}<a href="{$img_values.PRODUCTS_MO_POPUP_IMAGE}" title="{$PRODUCTS_NAME}" class="highslide" onClick="return hs.expand(this)" rel="gallery-plants" target="_blank">{/if}<img src="{$img_values.PRODUCTS_MO_IMAGE}" alt="{$PRODUCTS_NAME}" width="150" />{if $img_values.PRODUCTS_MO_POPUP_LINK !=''}</a>{/if} 
</td>
</tr>
{/foreach}

Вроде всё ... это комбинация скрипта "картинка галерея".
http://highslide.com/editor/ тут вы можете сами составить варианты отображения разворачивания картинок ... тогда замените скрипт на сгенерированный и подрихтуете код согласно тому, что вам выдадут по окончанию генерации.

IlIEFF спасибо огромное, все прекрасно работает!

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

Держи ..
http://www.slivki.dn.ua/product_info.php?products_id=1430

у тебя на сайте всё супер, но у меня нет ни кнопок управления нихрена. Просто картинка в popup

Если я правильно понял, у тебя картинка попап вылетает нормально, но нет кнопок управления слайдшоу ..
Галерея со слайд шоу делается отдельно в редакторе http://highslide.com/editor/ .. ты прямо там создаёшь галерею.. добавляешь туда фотки в конце тебе будет выдан макет .. "как заказал =)" .. открываешь страницу макета *html в любом редакторе и вытягиваешь оттуда:

<h3>Gallery</h3>
<div class="highslide-gallery">
<ul>
<li>
<a href="highslide/images/large/111.jpg" class="highslide"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/111.jpg"
alt="" />
</a>
</li>
<li>
<a href="highslide/images/large/101.jpg" class="highslide"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/101.jpg"
alt="" />
</a>
</li>
<li>
<a href="highslide/images/large/117.jpg" class="highslide"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/117.jpg"
alt="" />
</a>
</li>
... и так далее, в зависимости сколько фоток

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

Смотри, у Евгения на сайте (в стандартном скрипте) реализованы и кнопки управления. Т.е. через админку подгружаю фотки и есть кнопки навигации. Я думал, что ты сделал модификацию, что и кнопки заменяются. У тебя же получается, что всё работает статически

мммм ... не совсем понял, о каких кнопках управления идёт речь.
Я видель только то, что главная картинка и дополнительные были одинакового размера и при клике на любую из них .. просто посреди экрана появлялось увеличенное изображение в обычной рамке белого цвета и вся функциональность была лишь в нажатии на крестик или на фотку, чтобы её закрыть =) .. мне же необходим был другой .. более мягкий глазу стиль (тени, показ слайд-шоу .. и.т.д.) В стандарте я этого не нашёл, собственно с подобного сообщения и была создана эта тема.

..кстати, а могу я где-нить глянуть на то, о чём ты говоришь (стандартное) ?
может я кучу ненужного нагородил, а ответ лежал где-то намного ближе )))

Я говорю, что в скрипте магазина фотки подгружаются через админку и есть стрелки навигации. У тебя есть стрелки навигации, но фотки динамически (через админку) не подгрузить

Мы походу о разном говорили ))

Ты формируешь галарею на сайте highslide мне же надо формировать её через админку. Фёрштейн?

так у IlIEFF так и сделано

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

Я включил доп картинки. Скрипт работает, но отсутствуют кнопки навигации.

Ты формируешь галарею на сайте highslide мне же надо формировать её через админку. Фёрштейн?

Та неееее ... ))) Гитлер капут )))
Фрост, я лишь добился цели путём минимальных издержек. Ты погоди, за концепцией этого мага (скрипта) стоит намного большее, чем какой-то хайслайд.
Просто если захотеть =) ... можно битрикс перебить!
... Я не хотел создавать велик .. мне нужна была графика .. срочно!
... короче .. амбиции на парковку .. средства нужны на машину, на дом .. на тёлку ;)

Кста, парни (или девушки) .. ко мне можно проще .. Антон .. или Тоха. .. хотя шеф тоже катит ;)

Антон, интересно товар как блинчики расходится или нет? :D

Да пока только раскручиваюсь .. )) но спрос многообещающий ))

А почему у меня при добавлении второй картинки нет кнопок прокрутки в поп-ап окне? Использую стандартный скрипт!

Источник