how-to Установка prettyPhoto вместо стандартного ThickBox

[madbadjack]

Это такой ужас после дополнения "Доп. опций" появился? :blink:

Ога! Но, есть одно "но" :))) Одновременно поставил тестироваться "звонок с сайта" . Код скрипта так же прописан в header.tpl (в самом конце)

<script type="text/javascript">
var ZINGAYA_PARAMS = {id:"1efccf5ba3cc9237f61e0a5fc491e5d6", label:"Позвоните нам БЕСПЛАТНО!!!", tooltip:"Необходимо подключение микрофона", pos1:"bottom", pos2:"right", margin: 20 , color:"#948c64", hover_color:"#556f96", background_color: "#333333" , theme:"dark" };
</script>
<script type="text/javascript" src="http://zingaya.com/js/zingaya.js" charset="utf-8"></script>

[tim21701]

Где то, что то.....

Отключите ка вообще все скрипты - какой то из них конфликтует с другим. Надо выяснить - какой именно... Я только что проверил - у меня на IE6 (о чудо!) работает, и такого бага как у Вас не видно...

Пы.Сы.

Что это за "Звонок с сайта"? Нефиговый такой скрипт на 22 килобайта... :D

[madbadjack]

Скрипт позволяет покупателю звонить (через гарнитуру, например) на любой номер/номера телефона АБСОЛЮТНО бесплатно. Платит владелец магазина. Минимальный тариф 30 баков/мес. Куда включено 500 мин. трафика. Подробней можно посмотреть на сайте (адрес в скрипте виден). Снес этот скрипт и еще один...не помогает. Что бы это значило?? Прилагаю файл

header.zip

[tim21701]

...На всякий случай прикладываю блок различий между "родным" файлом и измененным...

Лучше вместо скрина оригинал (и изменённый) запакуйте в zip и прикрепите в пост выше, я посмотрю...

[madbadjack]

Прицепил.

[ergil]

Что значит отключить? Бери и выполняй все действия наоборот. Это если религия не позволила back up сделать перед изменениями.

Если религия не позволяет вникнуть в суть вопроса, то и писать ничего не стоит.

Вопрос был конкретно о возможности отключения галереи превьшек в PrettyPhoto.

[tim21701]

...Вопрос был конкретно о возможности отключения галереи превьшек в PrettyPhoto.

На самом деле, добавить или убрать в скриптах jQuery можно всё что угодно. И данный пример с отображением товара - тому не исключение... Другой вопрос, а стоит ли? Как я уже сказал выше: "prettyPhoto тем и хорош, что показывает превьюшки".

А если Вам они не нужны, может стоит попробовать другой вариант, и если с ним глюки или ещё что - разбираться почему?

Ведь prettyPhoto поставили себе далеко не все. У многих стоит (и работает) всё тот же ColorBox и FancyBox.

;)

[AlexFisher]

Кстати, да. Тестил галлерейку - все заработало с первого раза на ура. ocstore 1.8.0

ОДНАКО. Заметил багу. В купе с прокруткой страницы вверх глючит. Если хоть раз приттиФото стартует - кнопулька возврата наверх уже не отображается аж до перезагрузки страницы. Такие дела.

С уважением.

[ergil]

tim21701, большое спасибо за знакомство с новыми интересными фишками. С расположением галерии я разберусь, когда будет пара свободных минут. У меня есть еще пара вопросов:

1. Не знаете почему вместо некоторых превьюшек отображается миниатюра по-умолчанию (черный прямоугольник с белым треугольником)?

2. Почкему убрали тему Default из css файла?

[tim21701]

1. Не знаете почему вместо некоторых превьюшек отображается миниатюра по-умолчанию (черный прямоугольник с белым треугольником)?

Даже не знаю что предположить, это у Вас что то индивидуальное.

2. Почкему убрали тему Default из css файла?

Как понять "убрали" тему из css? Не понятен вопрос. ;) Её там вроде как и не должно быть.

[madbadjack]

tim21701,

а с моей проблемой так и нет мыслей по решению?

[ergil]

Даже не знаю что предположить, это у Вас что то индивидуальное.

Как понять "убрали" тему из css? Не понятен вопрос. ;) Её там вроде как и не должно быть.

Вот пример:

В оригинальном css файле prettyPhoto есть описание темы Default. В вашем же css ее нет и выбрать ее невозможно. По умолчанию отображается тема Facebook.

Вот этот кусок отсутсвует (без правки работать не будет):

/* ----------------------------------

Default Theme

----------------------------------- */

div.pp_default .pp_top,

div.pp_default .pp_top .pp_middle,

div.pp_default .pp_top .pp_left,

div.pp_default .pp_top .pp_right,

div.pp_default .pp_bottom,

div.pp_default .pp_bottom .pp_left,

div.pp_default .pp_bottom .pp_middle,

div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */

div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */

div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */

div.pp_default .pp_content .ppt { color: #f8f8f8; }

div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }

div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }

div.pp_default .pp_content { background-color: #fff; } /* Content background */

div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */

div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */

div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */

div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */

div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */

div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */

div.pp_default #pp_full_res .pp_inline { color: #000; }

div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }

div.pp_default .pp_gallery ul li a:hover,

div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }

div.pp_default .pp_gallery a.pp_arrow_previous,

div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }

div.pp_default .pp_nav .pp_play,

div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }

div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }

div.pp_default .pp_details { position: relative; }

div.pp_default a.pp_arrow_previous,

div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }

div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */

div.pp_default .pp_content_container .pp_details { margin-top: 5px; }

div.pp_default .pp_nav { clear: none; height: 30px; width: 105px; position: relative; }

div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; font-color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */

div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */

div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

[tim21701]

В оригинальном css файле prettyPhoto есть описание темы Default. В вашем же css ее нет...

Я так понял, Вам просто не нравится тема "Facebook"? Так бы и написали...

Да, css у меня изменён. Так же, как и сам скрипт jquery.prettyPhoto.js. Можете сказать оригинал и убедиться в этом.

[ergil]

Я так понял, Вам просто не нравится тема "Facebook"? Так бы и написали...

Да, css у меня изменён. Так же, как и сам скрипт jquery.prettyPhoto.js. Можете сказать оригинал и убедиться в этом.

Не совсем так, просто интересовали мотивы почему удалили тему Default из сss, а папку темы оставили :)

Я ставил оригинал, но что-то не так работало. В условиях жесткой нехватки времени вернул назад.

[tim21701]

...просто интересовали мотивы почему удалили тему Default из сss, а папку темы оставили...

Не знаю, уже просто не помню.. :rolleyes: Сегодня гляну вечером, поставлю Вам шаблон Default и отпишусь.

[madbadjack]

- Доктор, меня все игнорируют, что делать?

- Следующий!!!

Сорри за оффтоп, конечно, но навеяло :)

[ergil]

Не знаю, уже просто не помню.. :rolleyes: Сегодня гляну вечером, поставлю Вам шаблон Default и отпишусь.

Спасибо. Но в этом нет необходимости, по крайней мере у меня :)

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

[ergil]

- Доктор, меня все игнорируют, что делать?

- Следующий!!!

Сорри за оффтоп, конечно, но навеяло :)

Отвечу бессмертным: "Уважаемые господа академики! У меня уже который год в подполе происходит подземный стук. Объясните, пожалуйста, как он происходит?". (с) Стругацкие.

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

[madbadjack]

Вообще то оба файла в аттаче. Т.ч. дистанция тут не причем.

[ergil]

Вообще то оба файла в аттаче. Т.ч. дистанция тут не причем.

А вы уверены что причина именно в этом файле? Что ничего и нигде больше не изменялось?

Я вот уверен, что изменение параметров функции не может привести к таким результатам.

Отвечу вашей же цитатой: "Бери и выполняй все действия наоборот. Это если религия не позволила back up сделать перед изменениями." А потом последовательно накатывая изменения можно определить источник глюка...

[ergil]

Причину проблемы с миниатюрами я нашел - если исходная картинка имеет разрешение в верхнем регистре (.JPG в моем случае), то миниатюра этой картинки не отображается.

tim21701, можете подправить скриптик?

UPD: Эту ошибку исправил + изменил подпись к кнопке развертывания окна. Если кому понадобиться скриптик прикладываю.

jquery.prettyPhoto.zip

[tim21701]

tim21701, можете подправить скриптик?

Чуть позже гляну.. Щас немного другим занят, но за советы зарание спасибо... Обязательно посмотрю...

[ergil]

Чуть позже гляну.. Щас немного другим занят, но за советы зарание спасибо... Обязательно посмотрю...

уже исправил и выложил!

[ELITE]

4). Далее, открываем файл catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl и находим значение:

rel="gallery"

U menia v product.tpl net etogo slova "rel="gallery" . shto mne delot?:)

[tim21701]

U menia v product.tpl net etogo slova "rel="gallery" . shto mne delot?

Такого просто быть не может. :)