WebSite X5Help Center

 
Игорь К.
Игорь К.
User

Размер всплывающего окна showbox адаптируется  en

Autore: Игорь К.
Visite 164, Followers 1, Condiviso 0  

Здравсвуйте, аналогичный вопрос уже задавали 5 лет назад WebSite X5 Help Center  - как спрятать меню и изменить размер showbox но решения то до сих пор нет, либо я его не увидел. 

Размер всплывающего окна ShowBox задается непосредсвенно в элементе, но нельзя его прописать например auto или в процентах, да я пробовал уже с помощью кода, но как толкьо я дописываю проценты или auto то showbox просто не открывается.

Помогите решить задачу.

Если выставить например размер окна ShowBox 1920x1080 то на компьютере окно откроется во весь экран, красиво и удобно, но в мобильной версии сайта будет просто горизонтальная полоска с прокруткой - не удобно

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

Как прописать, задать параметры открытия showbox с адаптацией к окну браузера.

Postato il
9 RISPOSTE - 1 UTILE
Giancarlo B.
Giancarlo B.
User

Hi, unfortunately it's a problem that was highlighted a few years ago, both by myself and by many other users but to date it has never been resolved and never taken into serious consideration.

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT
Игорь К.
... ... ... Если выставить например размер окна ShowBox 1920x1080 то на компьютере окно откроется во весь экран, красиво и удобно, но в мобильной версии сайта будет просто горизонтальная полоска с прокруткой - не удобно ... ... ...

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

.

пока, ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Игорь К.
Игорь К.
User
Autore
‪ KolAsim ‪ ‪
(It > Ru) ... (Вы также можете воспользоваться русской частью форума) ... если вы опубликуете ссылку на свою страницу с showbox, я смогу сделать некоторые выводы...

http://manus78.beget.tech/our_products_old.html

По ссылке напрмер на этой странице первое изображение слева я сделал для мобильного отображения, а второе (посередине) для отображения на компьютере. Остальные можно не смотреть. Вот я бы хотел универсальности, чтобы это всплывающее окно showbox открывалось как надо на разных экранах. Если надо добавить пользовательский код, я буду рад помощи, я даже добавлял свой, но как только я вношу в код параметр auto вместо конкретных пикселей, то окно вообще не всплывает.

Leggi di più
Postato il da Игорь К.
Игорь К.
Игорь К.
User
Autore

и еще

Leggi di più
Postato il da Игорь К.
Giancarlo B.
Giancarlo B.
User

It's a shame that we have to fix some of the software's shortcomings with the usual codes. I don't think it's good for development, a real shame.

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT
Игорь К.
‪ KolAsim ‪ ‪ (It > Ru) ... (Вы также можете воспользоваться русской частью форума) ... если вы опубликуете ссылку на свою страницу с showbox, я смогу сделать некоторые выводы... http://manus78.beget.tech/our_products_old.html По ссылке напрмер на этой странице первое изображение слева я сделал для мобильного отображения, а второе (посередине) для отображения на компьютере. Остальные можно не смотреть. ... ... ... 

(It > Ru)  ... Хорошо... для вашего типа контента (PDF) можно использовать квадратный демонстрационный блок с соотношением сторон 1:1 в качестве общего компромисса...
... в любом случае, моё изобретение, которое я сделал ещё во времена WSx5-v.12, подходит для вашего типа контента. Вот этот код (я только что протестировал его в симуляции на вашей странице, всё работает отлично); ... код запрограммирован (css media.query) на активацию при низких разрешениях (-720 пикселей), но, как видите, он очень прост, и вы можете настроить его по своему вкусу:
...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT
Игорь К.
‪... ... ... http://manus78.beget.tech/our_products_old.html По ссылке напрмер на этой странице первое изображение слева я сделал для мобильного отображения, а второе (посередине) для отображения на компьютере.  ... ... ... 

(It > Ru)  ... Хорошо... для вашего типа контента (PDF) можно использовать квадратный демонстрационный блок с соотношением сторон 1:1 в качестве общего компромисса...
... в любом случае, моё изобретение, которое я сделал ещё во времена WSx5-v.12, подходит для вашего типа контента. Вот этот код (я только что протестировал его в симуляции на вашей странице, всё работает отлично); ... код запрограммирован (css media.query) на активацию при низких разрешениях (-720 пикселей), но, как видите, он очень прост, и вы можете настроить его по своему вкусу:
...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT

...извините, я потерял код, вот он:

<style>
@media (max-width: 720px){/**showbox full by KolAsim**/
#imShowBox > div{ width:100% !important;height:100% !important}
#imShowBox > div iframe{width:100% !important;height:100% !important;z-index:1000000 !important}
#imShowBox { width:90% !important;height:90% !important;top: 50% !important; left: 50%!important;transform: translate(-50%, -50%) !important}}
</style>

.

пока, ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese IT

...вы, вероятно, уже это знаете, вам нужно вставить мой код из Шага 3 в разделе «Эксперт свойств страницы», прямо сюда:

>> Этап 3 - Карта > Окно Свойства страницы > параметры раздела Экспер >
> Пользовательский кодПеред закрывающим тегом HEAD

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪