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


Изменение Внешнего Вида Виджетов Вконтакте


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

#41 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Сентябрь 2013 - 23:51

Удалите дублирующий код

<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
</script>

из опции "Код для вывода на всех страницах магазина" в разделе Настройки -> Основные.

#42 bladeinhand

bladeinhand

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

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

Отправлено 01 Октябрь 2013 - 08:35

А теперь то что надо. Спасибо огромное!

#43 bladeinhand

bladeinhand

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

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

Отправлено 01 Октябрь 2013 - 16:04

Оказывается не совсем так. Нельзя ли это на главную страницу вынести. А то пока в категорию товаров не войдёшь и не видно

#44 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 01 Октябрь 2013 - 19:14

Просмотр сообщенияbladeinhand (01 Октябрь 2013 - 16:04) писал:

Оказывается не совсем так. Нельзя ли это на главную страницу вынести. А то пока в категорию товаров не войдёшь и не видно
найдите в шаблоне HTML
  {% IFNOT index_page %}
   
<div class="block">
				  <div class="blocktitle bluelarge">Мы ВКонтакте</div>
				  <div class="blockmain padd">
								 <div class="m-vk">
										 <script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
								 
										 <div id="vk_groups"></div>
										  <script type="text/javascript">
										  VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
										  </script>
								</div>
				  </div>
				  <div class="blockbottom"></div>
		</div>
замените на
<div class="block">
				  <div class="blocktitle bluelarge">Мы ВКонтакте</div>
				  <div class="blockmain padd">
								 <div class="m-vk">
										 <script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
								 
										 <div id="vk_groups"></div>
										  <script type="text/javascript">
										  VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
										  </script>
								</div>
				  </div>
				  <div class="blockbottom"></div>
		</div>
  {% IFNOT index_page %}


#45 bladeinhand

bladeinhand

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

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

Отправлено 02 Октябрь 2013 - 13:34

Если сделать в точности как вы написали получается ошибка компиляции. Проверьте пожалуйста

#46 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Октябрь 2013 - 00:46

Пожалуйста, проверьте изменяемый вами код внимательнее. Вероятно вы упускаете из виду часть условия {% IFNOT index_page %} так как в приведенном коде модератора ошибки нет.

#47 bladeinhand

bladeinhand

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

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

Отправлено 03 Октябрь 2013 - 17:51

А ведь вы правы чёрт возьми. Простите мою невнимательность и очередное вам большое спасибо!

#48 Szen

Szen

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений
  • ГородНабережные Челны

Отправлено 04 Ноябрь 2013 - 11:44

Много слов - мало дела.
В общем, виджет групп вконтакте можно спокойно перекрашивать в нужный Вам цвет. В опциях вызова функции группы кроме ширины и высоты есть еще несколько недокументированных параметров:

VK.Widgets.Group("vk_groups1", {mode: 0, width: "200", height: "290", color1: "#fff", color2: "#f00", color3: "#00f", no_head: 0}, 30526083);

color1 - это цвет фона виджета
color2 - цвет ссылок и текста
color3 - цвет шапки и нижней кнопки
no_head - если значение 0, то можно вступить в группу и перейти в нее. Если 1, то будут скрыты заголовок виджета и кнопка, можно будет только просматривать.

#49 redwh1te

redwh1te

    Пользователь

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

Отправлено 18 Январь 2014 - 08:20

Здравствуйте! Помогите пожалуйста корректно спозиционировать виджет вконтакте на моем сайте http://assorti-shop.ru/ . Сейчас он находится слева под блоком "Каталог товаров" и залезает на блок "Недавно просмотренные товары", что собственно и является проблемой. Заранее спасибо.

#50 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 18 Январь 2014 - 18:18

Просмотр сообщенияredwh1te (18 Январь 2014 - 08:20) писал:

Здравствуйте! Помогите пожалуйста корректно спозиционировать виджет вконтакте на моем сайте http://assorti-shop.ru/ . Сейчас он находится слева под блоком "Каталог товаров" и залезает на блок "Недавно просмотренные товары", что собственно и является проблемой. Заранее спасибо.
Здравствуйте. В конец style.css добавьте строку
#vk_groups {	display: inline-block;}


#51 MishanayK

MishanayK

    Новичок

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

Отправлено 02 Февраль 2014 - 16:37

Здравствуйте, помогите разобраться!!! Пытался прописать "код для вставки" в HTML, для того, что бы поставить виджет "мне нравиться". Поставить хочу с право между разделами "Каталог товаров" и "Вы смотрели"! Ссылка: http://marmaramoda.ru/.Но увы выдаёт ошибку, посмотрите может я не правильно поставил! Прописывал вот, так:

   <!-- Каталог -->
  <div class="pad-box">
<ul class="leftmenu">
  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
<ul>
{%IFNOT catalog_empty %}
  {% FOR catalog %}
{% IFNOT catalog.HIDE %}
  <li class="cat-item">
<a href="{catalog.URL}"
  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
  </li>
{% ENDIF %}
  {% ENDFOR %}
{% ENDIF %}
</ul><br />
  </li>
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

<script type="text/javascript">
  VK.init({apiId: API_ID, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>
  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
  {% IF TARIFF_FEATURE_GOODS_FILTERS %}


#52 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 02 Февраль 2014 - 17:09

Просмотр сообщенияMishanayK (02 Февраль 2014 - 16:37) писал:

Здравствуйте, помогите разобраться!!! Пытался прописать "код для вставки" в HTML, для того, что бы поставить виджет "мне нравиться". Поставить хочу с право между разделами "Каталог товаров" и "Вы смотрели"! Ссылка: http://marmaramoda.ru/.Но увы выдаёт ошибку, посмотрите может я не правильно поставил! Прописывал вот, так:

   <!-- Каталог -->
  <div class="pad-box">
<ul class="leftmenu">
  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
<ul>
{%IFNOT catalog_empty %}
  {% FOR catalog %}
{% IFNOT catalog.HIDE %}
  <li class="cat-item">
<a href="{catalog.URL}"
  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
  </li>
{% ENDIF %}
  {% ENDFOR %}
{% ENDIF %}
</ul><br />
  </li>
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

<script type="text/javascript">
  VK.init({apiId: API_ID, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>
  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
  {% IF TARIFF_FEATURE_GOODS_FILTERS %}

Скрипт:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
нужно вставить после
<!-- Скрипты магазина -->


#53 MishanayK

MishanayK

    Новичок

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

Отправлено 02 Февраль 2014 - 17:47

Вот мои действия, без результатные, всё так же ошибка:

{% ENDIF %}

  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

</head>
<body>


Далее уже, где хочу поставить виджет:

   {% ENDIF %}
  {% ENDFOR %}
{% ENDIF %}
</ul><br />
  </li>
<script type="text/javascript">
  VK.init({apiId: API_ID, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 20});
</script>

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


Может я не правильно понял! С Уважением...

#54 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 02 Февраль 2014 - 17:51

Просмотр сообщенияMishanayK (02 Февраль 2014 - 17:47) писал:

Вот мои действия, без результатные, всё так же ошибка:

{% ENDIF %}

  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

</head>
<body>


Далее уже, где хочу поставить виджет:

   {% ENDIF %}
  {% ENDFOR %}
{% ENDIF %}
</ul><br />
  </li>
<script type="text/javascript">
  VK.init({apiId: API_ID, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 20});
</script>

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


Может я не правильно понял! С Уважением...
Укажите, пожалуйста, номер аккаунта сайта, на котором Вы делаете изменения

#55 MishanayK

MishanayK

    Новичок

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

Отправлено 02 Февраль 2014 - 17:54

Просмотр сообщения@lina_va (02 Февраль 2014 - 17:51) писал:

Укажите, пожалуйста, номер аккаунта сайта, на котором Вы делаете изменения

SL-30671

#56 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 02 Февраль 2014 - 19:04

Просмотр сообщенияMishanayK (02 Февраль 2014 - 17:54) писал:

SL-30671
Следующий код:
  <script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
<script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true});</script>
нужно вставить после:
  <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
остальной код вставляем в то место, где должно отображаться.
Изменения сохраните, чтобы мы могли посмотреть в чем проблема

#57 MishanayK

MishanayK

    Новичок

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

Отправлено 02 Февраль 2014 - 19:23

Просмотр сообщения@lina_va (02 Февраль 2014 - 19:04) писал:

Следующий код:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
<script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true});</script>
нужно вставить после:
<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
остальной код вставляем в то место, где должно отображаться.
Изменения сохраните, чтобы мы могли посмотреть в чем проблема

Все действия выполнил и сохранил. Но опять ошибка!!! Строки 48,62,335

#58 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 02 Февраль 2014 - 19:40

Просмотр сообщенияMishanayK (02 Февраль 2014 - 19:23) писал:

Все действия выполнил и сохранил. Но опять ошибка!!! Строки 48,62,335
Ошибка, потому что Вы просто скопировали код
Для того, чтобы виджет отражался на сайте, нужно заполнить информацию: адрес сайта и т.д
И уже этот код вставляем в шаблон.
Первые 2 скрипта после:
  <!-- Скрипты магазина -->
последнюю часть кода в то место, где должен отображаться. в вашем случае после:
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
				 


#59 MishanayK

MishanayK

    Новичок

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

Отправлено 02 Февраль 2014 - 20:23

Просмотр сообщенияMishanayK (02 Февраль 2014 - 19:23) писал:

Все действия выполнил и сохранил. Но опять ошибка!!! Строки 48,62,335

Большое спасибо! Разобрался. Отличная быстрая модерация, очень приятно! С Уважением...

#60 MishanayK

MishanayK

    Новичок

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

Отправлено 02 Февраль 2014 - 21:19

А как можно прописать код, что бы между иконками был небольшой интервал, растояние. Иконки друг на друга залезли, не красиво, как то.  SL-30671 строка 331-355.




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

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