Перейти к содержимому


Виджет


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Динар

Динар

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 15 Сентябрь 2016 - 21:46

Добрых суток!как можно виджет вк выровнить с каталогом на главной?и чтобы был тоже сини цветом?http://102nakidki.storeland.ru/

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 029 сообщений

Отправлено 16 Сентябрь 2016 - 02:04

При генерации кода виджета вы можете выбрать необходимый размер блока и цвета.
https://vk.com/dev/Community

Размер блоков "каталога" и "вы смотрели" - 262.5px

#3 Динар

Динар

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 20 Сентябрь 2016 - 21:14

Просмотр сообщенияVaccina (16 Сентябрь 2016 - 02:04) писал:

При генерации кода виджета вы можете выбрать необходимый размер блока и цвета.
https://vk.com/dev/Community

Размер блоков "каталога" и "вы смотрели" - 262.5px
виджет вк смещен к углу экрана,как его к центру передвинуть?

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 029 сообщений

Отправлено 21 Сентябрь 2016 - 06:13

В шаблоне HTML найдите и удалите:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?129"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 53582917);
</script>

далее найдите:
<div class="action">
					<div class="showAllRecent button btn-loadmore">
					  <span class="load-text" title="Показать все">Показать все</span>
					</div>
				  </div>
				</div>
			  </div>
			</div>
			{% ENDIF %}
			<!-- /END Вы смотрели -->

после него вставьте:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?129"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "262", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 53582917);
</script>


#5 Динар

Динар

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 21 Сентябрь 2016 - 09:15

спасибо!а как добавить над виджетом вк блок"Мы в соцсетях"?как по типу каталога и"Вы смотрели"которые чуть выше

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

  • 2016-09-21_11-12-03.png


#6 Динар

Динар

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 21 Сентябрь 2016 - 09:33

Как сделать так,чтобы виджет вк был только на главной?на других страницах он накладывается,спасибо

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

  • 2016-09-21_11-31-18.png


#7 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 816 сообщений

Отправлено 21 Сентябрь 2016 - 09:40

Просмотр сообщенияДинар (21 Сентябрь 2016 - 09:33) писал:

Как сделать так,чтобы виджет вк был только на главной?на других страницах он накладывается,спасибо

Здравствуйте.
Попробуйте, пожалуйста, произвести на вашем сайте следующие изменения:
В шаблоне html найдите, пожалуйста, данный код:

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 53582917);
</script>
		  </div>
		
		</div>
	  </div>
	</div>
   
	
	<!-- /END Информационный блок -->

И замените его вот этим вот кодом:

   {% IF index_page %}
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 53582917);
</script>
		  </div>
		
		</div>
	  </div>
	</div>
  {% ENDIF %}  
	
	<!-- /END Информационный блок -->


#8 Динар

Динар

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 21 Сентябрь 2016 - 10:22

Спасибо,а как сделать чтобы над виджетом Вк была надпись"мы в соцсетях"?как в случае с "вы смотрели"

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

  • 2016-09-21_12-23-47.png


#9 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 261 сообщений

Отправлено 21 Сентябрь 2016 - 10:26

Просмотр сообщенияДинар (21 Сентябрь 2016 - 10:22) писал:

Спасибо,а как сделать чтобы над виджетом Вк была надпись"мы в соцсетях"?как в случае с "вы смотрели"

Вставьте тогда над этим кодом:
<div class="block-title"><h5><span>Мы в соцсетях</span></h5></div>


#10 Динар

Динар

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 21 Сентябрь 2016 - 10:29

Просмотр сообщенияMikDark (21 Сентябрь 2016 - 10:26) писал:

Вставьте тогда над этим кодом:
<div class="block-title"><h5><span>Мы в соцсетях</span></h5></div>
Респект Вам ребята))




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных