Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

  • 1 month later...

А где можно поменять цвет фрифта, тот что под фоткой. Он по умолчанию белый и его не видно на светлых темах, а еще он мерцает в момент смены фоток(не красиво, как будто глюк).

post-6463-0-46157600-1307095872_thumb.jpg

Надіслати
Поділитися на інших сайтах


Papiros, подобные вопросы обычно легко решаются с помощью firefox+firebug. настоятельно рекомендовано к ознакомлению и пониманию, ибо дарует определённую независимость )

tim21701, мегареспект! сам привык везде видеть/использовать лайтбоксы, и дефолтная мёртвая библиотека ввела в ступор своим абсолютно никаким интерфейсом.

спасибо за исчерпывающий мануал :)

  • +1 1
Надіслати
Поділитися на інших сайтах


помогите пожалуйста!

у меня в catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl тоже нет rel="gallery"

что делать?

P.S. шаблон cofran

Видимо дело в шаблоне, без этой команды картинки не будут работать. Или плохо ищите, что, видимо, врятли.

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

помогите пожалуйста!

у меня в catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl тоже нет rel="gallery"

что делать?

P.S. шаблон cofran

Если нет такого: rel="gallery" тогда ищите class="thickbox" и после дописывайте rel="prettyPhoto[gallery]" и все будет работать на ура
  • +1 1
Надіслати
Поділитися на інших сайтах


  • 1 month later...
  • 1 month later...

В продолжении двух тем "Установка FancyBox..." и "Установка ColorBox..." предлагаю третий вариант.

Итак, вместо стандартного ThickBox устанавливаем prettyPhoto на preview товара.

Разница:

......................................... prettyPhoto....................................................... ...............Стандартный ThickBox

Изображение....Изображение

Как prettyPhoto выглядит, можно увидеть на демо сайте www.cartopen.ru.

=================================================================================

1). Качаем архив (ниже) и распаковываем папку prettyPhoto в catalog/view/javascript/jquery/

2). Открываем файл catalog/view/theme/ВАША ТЕМА/template/common/header.tpl и перед тегом </head> добавляем:

<script type="text/javascript" src="catalog/view/javascript/jquery/prettyPhoto/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/prettyPhoto/prettyPhoto.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/prettyPhoto/jquery.cycle.lite.1.0.min.js"></script>
<script type="text/javascript" charset="utf-8">
		$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto();
		});
</script>
4). Далее, открываем файл catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl и находим значение:

rel="gallery"
(Их должно быть два!). Меняем оба эти значения на:

rel="prettyPhoto[gallery]"
Всё.

Плюсы prettyPhoto перед FancyBox, ColorBox и стандартным ThickBox - наличие (thumb) "галереи", (если мышь находится над изображением).

Изображение

+ в архиве 6 тем

Внимание:

Отображение "Privacy Policy" и "Terms & Conditions" будет происходить в ThickBox`е.

============================================================================================

Дополнительные параметры:

animation_speed: 'normal', Скорость анимации про загрузке и смене фото, значение fast, slow или normal

autoplay_slideshow: true, Разрешить слайд шоу, значение true или false

slideshow: 3000, false или интервал в миллисекундах (работает если autoplay_slideshow: true)

opacity: 0.60, Сила затемнения, (допустимые значения от 0.1 до 1) 0.1 - самое слабое, 1 - самое сильное

show_title: true, Показывает наименование товара, значение true или false

default_width: 500,

default_height: 500,

counter_separator_label: ' из ', Разделитель для счётчика, по умолчанию косая черта (слэш) "/"

theme: 'facebook', Указываем тему: light_rounded, dark_rounded, light_square, dark_square или facebook

modal: false, Если установлено значение true, закрыть окно можно только по нажатию "Закрыть" Изображение

============================================================================================

Установка параметров:

<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({
		animation_speed: 'normal', /* скорость анимации про загрузке и смене фото, значение fast, slow или normal */
		autoplay_slideshow: true, /* разрешить слайд шоу, значение true или false */
		slideshow: 3000, /* false или интервал в миллисекундах (работает если autoplay_slideshow: true)*/
		opacity: 0.60, /* Сила затемнения, (допустимые значения от 0.1 до 1) 0.1 - самое слабое, 1 - самое сильное */
		show_title: true, /* Показывает наименование товара, значение true или false */
		default_width: 500,
		default_height: 500,
		counter_separator_label: ' из ', /* разделитель для счётчика, по умолчанию косая черта (слэш) "/" */
		theme: 'facebook', /* указываем тему: light_rounded, dark_rounded, light_square, dark_square или facebook */
		modal: false, /* если установлено значение True, закрыть окно можно только по нажатию "Закрыть" */
		});
	});
</script>

prettyPhoto.zip

исправлен

prettyPhoto.zip

Надіслати
Поділитися на інших сайтах


  • 1 month later...

Выбрасывает ошибки

post-14367-0-45582300-1320481638_thumb.jpg

Ваша ошибка к данному модулю никакого отношения не имеет. Проблемы у вас со вкладкой видео (видимо коряво как-то установили).

Надіслати
Поділитися на інших сайтах


Ваша ошибка к данному модулю никакого отношения не имеет. Проблемы у вас со вкладкой видео (видимо коряво как-то установили).

:)) а как можно установить коряво?

скачал ваш файл в чистый OS-store (3 раза переустанавливал)

итог один и тот-же.

Надіслати
Поділитися на інших сайтах


В файле product.tpl присутствует кусок кода, который используется для добавления вкладки "Видео". Естественно, на чистой версии ocStore этого нет. Поэтому и выдаёт ошибку.

capuletty, удалите 113 строку:

<a tab="#tab_youtube"><?php echo $tab_youtube; ?></a>
и вот этот кусок (с 167 по 174):

<div id="tab_youtube" class="tab_page">
      <?php if ($youtube_code) { ?>
      <div align="center"><?=$youtube_code;?></div>
      <?php } else { ?>
      <div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;">
      <?php echo $text_no_contents; ?></div>
      <?php } ?>
    </div>
Надіслати
Поділитися на інших сайтах


В файле product.tpl присутствует кусок кода, который используется для добавления вкладки "Видео". Естественно, на чистой версии ocStore этого нет. Поэтому и выдаёт ошибку.

capuletty, удалите 113 строку:

<a tab="#tab_youtube"><?php echo $tab_youtube; ?></a>
и вот этот кусок (с 167 по 174):

<div id="tab_youtube" class="tab_page">
      <?php if ($youtube_code) { ?>
      <div align="center"><?=$youtube_code;?></div>
      <?php } else { ?>
      <div style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;">
      <?php echo $text_no_contents; ?></div>
      <?php } ?>
    </div>

Это былобы самое простое решение всех проблем (метод удаления)

ну чтож, следую ему удаляю 113 строку и получаю...

post-14367-0-72608600-1320507515_thumb.jpg

Ок, действую далее вырезанием "опухоли" удаляю ошибочные 2 строки

И вот итог

post-14367-0-75025200-1320507631_thumb.jpg

Пациент помер....

Надіслати
Поділитися на інших сайтах


было бы хорошо выложить в первом посте правильный архив, а то там структура директорий неверная как мне кажется. А этот модуль ой как нужен, дефолтный тикбокс с новым IE 9 не работает. Во всяком случае на моем win7-x64.

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

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

overlay_gallery: false

И подскажите, кто-то, пожалуйста, у меня в одной категории превьюшки есть, в другой нету. Все аналогично, но такое впечатление что устанавливается overlay_gallery: false, хотя оно прописанно в TRUE.

В чем может быть дело?

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

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

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.