Домой Wp-Recall WP-Recall: Проблемы и решения При загрузке обложки окно preview не помещается на экран.
36ответ(ов) в теме
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
1
12:24
Версия WP-Recall: 16.17.5

Доброго времени суток.
При загрузке обложки, если картинка больше расширения экрана, то окно preview не помещается на экран и выходит за viewport. Соответственно кнопки Загрузить и Закрыть тоже скрываются выходя за пределы экрана. Как можно пофиксить эту проблему? Если делать через CSS то нарушается работа рамки выбора области загружаемого изображения.

Редакции сообщения
15.03.2019 12:35andrey.porsevПричина: не указано
0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
2
12:35

Здравствуйте.
Я у себя не могу повторить. На экране 1680 загружаю 3200 обложку - всё входит:

Вы не можете просматривать опубликованные ссылки

Дайте подробности: ссылку на проблему и тестовые доступы, саму картинку какую загружаете. Или еще какие подробности

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
3
12:42

Вот фото которое сбросил клиент.

Вы не можете просматривать опубликованные ссылки

Это картинка которую он пробовал загрузить.

Вы не можете просматривать опубликованные ссылки

Судя по фото у нее старый монитор и его разрешение примерно 1024

1
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
4
12:44

У себя уменьшил окно браузера примерно до таких же размеров примерно 1024 получилась такая же проблема.

1
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
5
12:47

Вот мобильный

Вы не можете просматривать опубликованные ссылки

Вот 1024

Вы не можете просматривать опубликованные ссылки

У себя уменьшил окно браузера

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

Имя браузера и его версию уточните у пользователя. У себя с вашей картинкой и данными не повторил. Вы и сами на этом сайте можете проверить работу в своем ЛК

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
6
13:03

Браузер Хром последние обновление. Пробовал только что и в Opera, результат тот-же. Изначально так и делал - уменьшаю размер окна браузера и потом загружаю картинку. Просмотрел в инспекторе стили все исходные стили не переписываются другими. Вот ссылка на регистрацию. Попробуйте непосредственно на сайте.

Вы не можете просматривать опубликованные ссылки
0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
7
13:08

Я так понял, что у меня ширина preview по какой-то причине вычисляется по размеру картинки (принимает ширину равную ширине картинки), а не по viewport.

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
8
13:11

дайте просто доступ пользователя с ролью автор. Потом его удалите. Регистрироваться у вас и отгадывать гугл рекапчу про автомобили и гидранты - не веселое занятие

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
9
13:15

Логин и пароль - test

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
10
13:18

Отключите в расширенных настройках реколл сжатие скриптов и стилей

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
11
13:20

Отключил. И кэш почистил на всякий случай.

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
12
13:35

Интересный баг. Плагин не редактировали?
Переключитесь на тему по умолчанию (twenty) - там подобное повторится?

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
13
13:43

У меня тоже закралось подозрение на тему. Плагин не редактировал. По крайней мере is и php не трогал. Попробую поменять тему отпишусь.

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
14
13:49

По крайней мере is и php не трогал

стоп. а остальные файлы? Скрипт и css умеет смотреть какие ему ограничения сделали. Это важно - никакие файлы ядра нельзя трогать

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
15
13:53

Вот похожая тема, но про аватарку

Вы не можете просматривать опубликованные ссылки

и мы там видим что мы стилями влияем на скрипт. Я не знаю актуально ли стилевое правило - но вроде как и на загрузчик обложки правило подходит. За корректность не ручаюсь.

В любом случае без этого стиля вначале надо проверить на теме по дефолту. Чтобы не костылять за зря.

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
16
13:56

гениальная мысль - кнопки что справа - перенести в левую часть.
Вот стили:

.rcl-hand-uploader #ssi-rightButtons {
    float: left;
}

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

Редакции сообщения
15.03.2019 13:57Otshelnik-FmПричина: не указано
0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
17
14:02

С начало начну с темы. Потом посмотрю еще раз css. Ядро плагина я не трогал и понимаю последствия этого. Только переопределил стили ссылок и кнопок в своем css. По поводу переноса кнопок - уже пробовал, но проблема в том что картинку всю не видно, а пользователь захочет как всегда то что спряталось

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
18
14:15

andrey.porsev сказал(а)
а пользователь захочет как всегда то что спряталось

просто нажмет "загрузить" - без кропа.
Ну или скролл добавить

.rcl-hand-uploader #ssi-modalWindow {
	overflow: scroll;
}

я думаю дело все таки у вас или в теме, или какой плагин скрипт перебивает. Увы - не нашел причину. У себя повторить на сайте не смог, всё в области просмотра.

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
19
15:09

Поменял тему, убрал свои переопределяющие стили - не помогло. Видимо какой-то из плагинов перебивает. Буду искать. Если найду отпишусь. Если нет придется стилями костылять.

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
20
18:03

Добрый день.
Странный баг.
Методом перебора так и не смог определить, что перебивает размеры модального окна и картинки.
Пробовал удалить все плагины и отключить свои файлы стилей и скриптов (хоть там и нет ничего особо такого), не помогло ни с одним из шаблонов WPR. Но если я переключал тему WP на стандартную, то все начинало работать. Даже пробовал на стандартной теме WP со всеми включёнными плагинами и все тоже работало. Переключаюсь на свою - снова работает не корректно. Отключал все свои стили и js при работающих плагинах - ноль.
Фигня какая-то.
А вы не могли бы сказать в каком файле высчитывается размер preview. Может удастся найти, что переопределяет эти параметры.
И да, метод который описан в теме про аватарку я уже пробовал. Помогает решить проблему с размером окна, но хотелось бы полный функционал. И поскольку я такой не один, значить есть какой-то модуль который все портит. Жаль что этот человек на в сети, а то можно было-бы сверить список плагинов и вычислить общие для сужения поиска.

0
Павел
не в сети 4 года
На сайте с 01.03.2019
Участник
Тем 2
Сообщения 15
21
20:55

У меня похожая проблема, я вообще её обнаружил когда попытался с мобильного телефона(любого),айпада.. загрузить фото на аватарку.На большом экране всё работает, но когда начинаешь уменьшать окно браузера, то окно с загруженной фоткой или незагруженной, не меняется под размеры браузера. А когда грузишь большую фотку Экран: 2048х1152 фотка: 2953х1610 сдвигается вправо и кнопки(загрузить и закрыть) просто не видны. Фотки со смартфонов имеют огромное расширение и загрузить их просто не реально. То есть по каким то причинам, окно загрузки фото не пересчитывается под размер экрана.
Я не думал о этой проблеме пока не узнал, что большая часть пользователей пришло с мобильных устройств.
Самое интересное, что сегодня,один раз окно всё-таки сработало как надо.
Список моих плагинов:
1. CB Change Mail Sender
2. AH Display Widgets
3. Kama WP Smiles
4. MailPoet 2
5. Nav Menu Roles
6. TablePress
7. WP-Recall
8. WP-Опросы
9. WPS Hide Login

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
22
21:22

Думал список плагинов поможет, но у нас только один общий и это WP-Recall.
Сейчас просматриваю его файлы в поиске какой файл формирует и присваивает значения ширины и высоты картинке. Нашел uploader-cover.js. Он отвечает за загрузку картинки и тут считываются размеры картинки и передаются в библиотеку Jcrop где как я понимаю вырезается выбранная область пользователем. Но эта библиотека сжата и нечего не понять. А вот где вписываются параметры ширины и высоты в тег img и класс jcrop-holder в модальном окне при его формировании еще не нашел.

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
23
02:25

В общем поковыряв немного Ваш модуль пришел к выводу, что я был прав и файл uploader-cover.js таки подгружает картинку в этой строке
jQuery('body > div').last().after('<div id=rcl-preview><img src="'+imgUrl+'"></div>');
и от нее уже формируется все остальное. Но остается один вопрос - откуда, а точнее с какого js этой картинке присваиваются стили в том числе ширина с высотой и почему тогда к остальным картинкам не применяются те же стили. В этой строчке этого тоже нет. И почему на всех темах в том числе и на вашем сайте при маленьких разрешениях эта картинка подгоняется под размер модального окна, а у меня модальное окно растягивается на ширину картинки и соответственно вылазит за пределы viewport?
Немного подумав решил захардкорить размеры картинки прям в вашем коде, пока в качестве эксперимента. Задал размеры максимально 1024 (не вижу смысла раскатывать окно на весь экран если картинка будет очень большой и экран 1980) и растягиваю картинку на всю ширину, а высота по умолчанию.
jQuery('body > div').last().after('<div id=rcl-preview><img src="'+imgUrl+'" style="max-width:1024px; width:100%; height:auto;"></div>');
Вроде помогло и возможно Вы сможете на основе этого как-то пофиксить плагин для большей универсальности.
Но вопрос остается открытым - в каком месте, если не тут, картинке прописываются стили и почему картинка не подгоняется под модальное окно, а сама задает ему размер.

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
24
11:55

Вы не можете просматривать опубликованные ссылки

- эта библиотека идет в ядре вордпресс

Вы не можете просматривать опубликованные ссылки

Некоторые темы что-то видать не так делают и как-то влияют на нее. Стоит написать разработчику темы чтобы он посмотрел. Ведь что из темы влияет на скрипт из ядра ВП - это только ему знать.

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
25
12:53

Если так, то единственное место где еще применяется эта библиотека в WP - Customizer, в который я прописываю свои поля для настройки параметров страниц и одни из них есть загрузка картинок с возможностью их обрезки. Но там все прописано по кодексу WP и отсебятины нет, к тому же я пробовал его тоже полностью отключать, но безрезультатно.
И еще вопрос, я так понял, что модальное окно у Вас генерируется тоже динамически сторонней библиотекой. Просто, если бы оно было сразу прописанной внизу страницы с картинкой и просто скрыто, то можно было-бы заранее прописать css для нормального формирования этого окна и подгонкой этой картинки под него...
Стоп. Может это реально глючит не Jcrop, ведь он берет размеры уже вписанной в модальное окно картинки, а модальное окно неправильно формируется... Что думаете?

0
Павел
не в сети 4 года
На сайте с 01.03.2019
Участник
Тем 2
Сообщения 15
26
13:24

Как не печально, но Otshelnik-Fm прав. Поменяв свою тему на Twenty Sixteen Версия: 1.9 Загрузка картинок заработала как надо. И в мобильных устройствах тоже. Но всё равно что-то придумать нужно.

0
andrey.porsev
не в сети 3 года
На сайте с 08.02.2019
Участник
Тем 5
Сообщения 29
27
13:39

Я не могу понять, что мог сделать не так в своей теме, что это повлияло на работу модуля и даже отключение своих css, js и плагинов не заставило его работать корректно. Уже начал грешить на Underscores (базовый набор для создания темы WP), но установив его в чистом виде все работало идеально. Значит что-то сам дописал, но где? У меня все свои классы и в js я нигде не переопределяю стили img в чисто виде. Думаю надо еще покапать под библиотеку ssi-modal, которая отвечает за формирование этого окна которое не влазит в размеры viewport.

0
Павел
не в сети 4 года
На сайте с 01.03.2019
Участник
Тем 2
Сообщения 15
28
13:48

andrey.porsev сказал(а)
Я не могу понять, что мог сделать не так в своей теме, что это повлияло на работу модуля и даже отключение своих css, js и плагинов не заставило его работать корректно. Уже начал грешить на Underscores (базовый набор для создания темы WP), но установив его в чистом виде все работало идеально. Значит что-то сам дописал, но где? У меня все свои классы и в js я нигде не переопределяю стили img в чисто виде. Думаю надо еще покапать под библиотеку ssi-modal, которая отвечает за формирование этого окна которое не влазит в размеры viewport.

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

Редакции сообщения
17.03.2019 13:52ПавелПричина: не указано
0
Павел
не в сети 4 года
На сайте с 01.03.2019
Участник
Тем 2
Сообщения 15
29
14:25

Otshelnik-Fm сказал(а)
гениальная мысль - кнопки что справа - перенести в левую часть.
Вот стили:

.rcl-hand-uploader #ssi-rightButtons {
    float: left;
}

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

Я дико извиняюсь, но я не могу понять где эти стили поменять, какая папка?

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

0
Вова (Otshelnik-Fm)
не в сети 6 дней
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
30
14:52

Павел сказал(а)
но я не могу понять где эти стили поменять, какая папка?

это фикс. Нигде не надо их менять, а просто вписать.
Куда мне вставить этот код? (и стили)

Вы не можете просматривать опубликованные ссылки

- почитайте. Там ответы

0
Тема закрыта. Публикация новых сообщений запрещена.