Сообщений в теме: 17

[danbartoys]

Проблема заключается в том, что не прокручивается сайт в окне для приложения. Мне нужно именно прокручивать всю длину страницы, а там отображается только то что смогло влезть без возможности прокрутки.
Кто может помочь?

[Vaccina]

Хм. скажите как называется приложение. Может есть возможность что-то сделать в данной ситуации.

[danbartoys]

тут именно дело в том, что вконтакте можно загрузить http как приложение, вот ссылка на то что получилось  http://vkontakte.ru/app2386463
Когда товара много, то нужно чтобы окно автоматически расширялось или появилась прокрутка, это осуществимо т. к. видел это в действии

[support]

danbartoys (21 Июнь 2011 - 14:49) писал:

Проблема заключается в том, что не прокручивается сайт в окне для приложения. Мне нужно именно прокручивать всю длину страницы, а там отображается только то что смогло влезть без возможности прокрутки.
Кто может помочь?

По хорошему лучше всего сверстать магазин под вконтакте так, чтобы не требовалось скролить. Но поскольку это не всегда возможно, можно сделать "обёрточный" DIV который будет заданного размера окна приложения вконтакте, и указать у него:

 style="overflow:auto;"

  
Нужно эту обёртку сделать для основного блока сайта, появится прокрутка. (Не будет работать на iphone)

[danbartoys]

спасибо))

[at1ce]

а как настроить ширину магазина, чтобы он влезал в iframe?

[Vaccina]

Пожалуйста, опишите ваш вопрос подробнее, так же приведите примеры для наглядности, можете так же привести скриншоты предполагаемых изменений. Не забудьте указать адрес вашего сайта.

[at1ce]

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

[Koderhan]

Дело в том что если изменять размеры сайта то это может не благоприятно сказаться на общем оформление сайта. Изменения будут слишком большими. Отдельно для вашего приложения создать страницу не представляется возможным.
Так же вы можете обратиться в нашу лабораторию http://storelandlab.ru/
К сожалению мне не известно как работает приложение от vk.com. Не могли бы написать его название?

[support]

at1ce (08 Ноябрь 2012 - 11:55) писал:

хм... попробую в двух словах...
в общем, Вконакте есть возможность размещения IFrame приложений. Если еще проще, то в качестве приложения может использоваться сторонний сайт ( Безымянный2.JPG)
Проблема в том, что в таком виде магазин не помещается по ширине (по высоте тоже, но чуть выше эту проблему решили)
(а вот удачный пример: Безымянный3.JPG)

Скоро выйдет в свет обновлённый шаблон "техника", он в iframe вконтакте влезет на ура. Вот пример подобного шаблона (потяните за край браузера, чтобы понять его "фишку"), мы его пока тестируем:
http://s355109.storeland.ru/

[kaisyRUS]

support (08 Ноябрь 2012 - 20:28) писал:

Скоро выйдет в свет обновлённый шаблон "техника", он в iframe вконтакте влезет на ура. Вот пример подобного шаблона (потяните за край браузера, чтобы понять его "фишку"), мы его пока тестируем:
http://s355109.storeland.ru/

А старые шаблоны на такую фишку переведете?

[Vaccina]

К сожалению, это только особенность данного шаблона. Возможно в дальнейшем будет больше шаблонов поддерживающие данный эффект.

[at1ce]

support (22 Июнь 2011 - 17:14) писал:

По хорошему лучше всего сверстать магазин под вконтакте так, чтобы не требовалось скролить. Но поскольку это не всегда возможно, можно сделать "обёрточный" DIV который будет заданного размера окна приложения вконтакте, и указать у него:

 style="overflow:auto;"

  
Нужно эту обёртку сделать для основного блока сайта, появится прокрутка. (Не будет работать на iphone)

А можно подробнее? )))

[Koderhan]

at1ce (28 Ноябрь 2012 - 18:55) писал:

А можно подробнее? )))

Теперь появился новый адаптивный дизайн шаблона техника.
Этот шаблон больше всего подойдет под окно приложения вк.
Про это писалось тут.
http://forum.storela...-дл/#entry31133

[at1ce]

Koderhan (28 Ноябрь 2012 - 19:15) писал:

Теперь появился новый адаптивный дизайн шаблона техника.
Этот шаблон больше всего подойдет под окно приложения вк.
Про это писалось тут.
http://forum.storela...-дл/#entry31133

Это я понял, получилось реально круто)
Меня интересует как " можно сделать "обёрточный" DIV который будет заданного размера окна приложения вконтакте, и указать у него:"
По высоте сайт всё-равно не помещается в iframe, как сделать прокрутку?

[Koderhan]

at1ce (28 Ноябрь 2012 - 20:06) писал:

Это я понял, получилось реально круто)
Меня интересует как " можно сделать "обёрточный" DIV который будет заданного размера окна приложения вконтакте, и указать у него:"
По высоте сайт всё-равно не помещается в iframe, как сделать прокрутку?

Это можно сделать в файле HTML, в панели администратора, Сайт -> Редактор тем.
После кода:

<body>

Добавить код:

<div style="overflow:auto;">

Внизу файла.
До кода:

</body>

Добавить:

</div>

http://htmlbook.ru/css/overflow

[at1ce]

получилось, но с маленькой поправочкой:

<div style="overflow:auto;">

ставится на сразу после

<body>

, а после

<!-- Тело сайта -->

, тогда всё работает)))
спасибо!

хм... Вконтакте заработало, а обычный шаблон стал кривым...
Значит такй способ подходит исключительно для встраивания в iframe...

[Koderhan]

Не плохо бы узнать адрес вашего магазина.
Можете его сказать.
А теперь вы можете попробовать сделать дизайн еще адаптивней.
Код который вставили в HTML.
Было:

<div style="overflow:auto;">

Стало:

<div class="my-vk-frame">

В конец файла main.csstemplate добавить:

@media screen and (max-width: 630px) {
.my-vk-frame {
	 overflow:auto;
}
}