Jump to content


Photo
- - - - -

Позиционирование окна быстрого просмотра

quick view позиция окна popup

Best Answer SmetDenis , 26 May 2015 - 06:27

Размеры и положение окна fancybox вычисляет сам скрипт "на лету".
Примерно так
ktdl_200x0.png


Варианта подправить есть несколько
1. найти проблемы вычислений. Скорее всего все сведется что где-то в документе используется position:relative/absolute, который сбивает вычисления.

2. установить железобетонные стили в виде

.fancybox-opened {
    position: absolute!important;
    top: 200px!important;
}

3. Попробовать изменить параметры инициализации fancybox, коих много - http://fancyapps.com/fancybox/#docs
media\zoo\applications\jbuniversal\elements\jbquickview\jbquickview.php
Функция _buttonData Go to the full post


  • This topic is locked This topic is locked
4 replies to this topic

#1 Renna

Renna
  • JBZoo User (rus)
  • User rate: ~
  • posts: 3
  • topics: 1

Posted 22 May 2015 - 12:14

Здравствуйте!

 

Прошу простить, если вопрос поднимался. Долго искал по форуму, но аналога не нашел.

 

Проблема в том, что всплывающее popup-окно режима Quick View позиционируется на экране слишком низко. Так низко, что часть окна скрывается за нижней кромкой экрана. Проблема усугубляется тем, что использование на странице прочих модулей (не связанных с JBZOO) влияет на позицию всплывающего окна в широких пределах и может совсем "вытолкнуть" его с экрана. 

 

Как я вижу в Инспекторе Fire Bug, вывод этого окна подчинен параметрам стиля:

 

{

position: fixed;

top: 50%; /* или что-то подобное*/

}

 

Меня бы вполне устроили жесткие параметры, например:

 

{

position: absolute;

top: 200px;

}

 

Но установить, где именно можно задать эти параметры, не удалось.

Подскажите, пожалуйста, возможную настройку.

 

Большое спасибо за замечательный продукт!

 

 

 

Attached Thumbnails

  • primer_okna.JPG
  • CSS_frag.JPG

  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 22 May 2015 - 12:54

Renna, можете дать ссылку на сайт? Возможно у вас конфликты стилей с вашим Joomla шаблоном. 


  • 0
Изображение
 

#3 Renna

Renna
  • Topic Starter
  • JBZoo User (rus)
  • User rate: ~
  • posts: 3
  • topics: 1

Posted 22 May 2015 - 13:54

Даю ссылку.

http://info.renna.ru...ers/produktsiya

 

Взаимодействие с шаблоном конечно есть, но оно по идее не должно быть критичным, так как я использую "родной" шаблон от Yootheme. Да и независимо от шаблона где-то ведь задается правило {position: fixed}. Найти бы где.  (blush) 


  • 0

#4 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 26 May 2015 - 06:27   Best Answer

Размеры и положение окна fancybox вычисляет сам скрипт "на лету".
Примерно так
ktdl_200x0.png


Варианта подправить есть несколько
1. найти проблемы вычислений. Скорее всего все сведется что где-то в документе используется position:relative/absolute, который сбивает вычисления.

2. установить железобетонные стили в виде
.fancybox-opened {
    position: absolute!important;
    top: 200px!important;
}

3. Попробовать изменить параметры инициализации fancybox, коих много - http://fancyapps.com/fancybox/#docs
media\zoo\applications\jbuniversal\elements\jbquickview\jbquickview.php
Функция _buttonData
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#5 Renna

Renna
  • Topic Starter
  • JBZoo User (rus)
  • User rate: ~
  • posts: 3
  • topics: 1

Posted 26 May 2015 - 09:05

Огромное спасибо за расширенный ответ!

 

Вы наставили меня на путь истинный. Для начала использовал Вариант 2. Он решает проблему немедленно, но при этом изображение немного "передергивается". Поэтому доводку буду делать вариантами 1 и 3.


  • 0





Click to return to top of page in style!