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

[TVS163]

Здравствуйте. Скажите как сделать чтобы виджет Вконтакте отображался на всех устройствах( вне зависимости он разрешения) в нужном размере. А то на компьютере все отлично, а с планшета или другого монитора виджет искажается и залазает на текст страницы.

[Danil]

TVS163 (02 Май 2015 - 10:22) писал:

Здравствуйте. Скажите как сделать чтобы виджет Вконтакте отображался на всех устройствах( вне зависимости он разрешения) в нужном размере. А то на компьютере все отлично, а с планшета или другого монитора виджет искажается и залазает на текст страницы.

Здравствуйте.
В конец style.css добавьте

div#vk_groups {
  width: 268px !important;
}

[TVS163]

Danil (02 Май 2015 - 10:34) писал:

Здравствуйте.
В конец style.css добавьте

div#vk_groups {
width: 268px !important;
}

Что то не так, изменений нету. Как залазала на текст так и залазает

[Danil]

TVS163 (02 Май 2015 - 11:21) писал:

Что то не так, изменений нету. Как залазала на текст так и залазает

Пришлите скриншот, с обозначенными изменениями.

[TVS163]

Danil (02 Май 2015 - 11:23) писал:

Пришлите скриншот, с обозначенными изменениями.

Прикрепленные изображения

• 

[Danil]

TVS163 (02 Май 2015 - 11:38) писал:

В style.css найдите код

#vk_groups, #vk_groups iframe {
  width: 100% !important;
}

и замените на

#vk_groups, #vk_groups iframe {
  width: 268px !important;
}

[TVS163]

Danil (02 Май 2015 - 11:41) писал:

В style.css найдите код

#vk_groups, #vk_groups iframe {
width: 100% !important;
}

и замените на

#vk_groups, #vk_groups iframe {
width: 268px !important;
}

div#vk_groups {
width: 268px !important;
}
Нашел только это( то что вставил в конце style.css). То что вы сказали что то найти не могу, ни через поиск, никак.

[RayLi]

TVS163 (02 Май 2015 - 11:52) писал:

div#vk_groups {
width: 268px !important;
}
Нашел только это( то что вставил в конце style.css). То что вы сказали что то найти не могу, ни через поиск, никак.

Здравствуйте.
Нужный вам код находится в шаблоне style.css на 38-41 строке.
Проверьте, пожалуйста.

[TVS163]

RayLi (02 Май 2015 - 11:56) писал:

Здравствуйте.
Нужный вам код находится в шаблоне style.css на 38-41 строке.
Проверьте, пожалуйста.

Теперь ширина виджета еще больше увеличилась. Может лучше в процентах оставить, а не в конкретном значении пикселей?

[MikDark]

TVS163 (02 Май 2015 - 12:32) писал:

Теперь ширина виджета еще больше увеличилась. Может лучше в процентах оставить, а не в конкретном значении пикселей?

В шаблоне HTML код виджета:

<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "auto", height: "400", color1: 'FFFFFF', color2: '000000', color3: '000000'}, 55525992);
</script>

замените на:

<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "267", height: "400", color1: 'FFFFFF', color2: '000000', color3: '000000'}, 55525992);
</script>

и из style.css удалите код:

#vk_groups, #vk_groups iframe {
  width: 268% !important;
}

[TVS163]

Вроде как помогло, спасибо)

[forester]

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

<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '888B8D'}, 85309733);
</script>

[forester]

И тогда уж заодно подскажите как убрать блок со статьями

[Firefly]

forester (24 Май 2015 - 13:24) писал:

И тогда уж заодно подскажите как убрать блок со статьями

Добрый день.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

		 <!-- Если в тарифном плане подключен модуль сравнения товаров -->

Замените на:

	 <!-- Виджет вконтакте -->
  <div class="infoBox">
	 <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
	 <!-- VK Widget -->
	 <div id="vk_groups"></div>
	 <script type="text/javascript">
	 VK.Widgets.Group("vk_groups", {mode: 0, width: "268", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '888B8D'}, 85309733);
	 </script>
 </div>
	 <!-- END Виджет вконтакте -->
		 <!-- Если в тарифном плане подключен модуль сравнения товаров -->

Найдите код:

<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
		 <div class="infoBox">

Замените на:

<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
		 <div class="infoBox" style="display:none;">

[forester]

Спасибо за оперативность , все как доктор прописал