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

[Vaccina]

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

[ivanov]

Здравствуйте.
акк.  SL-267408

Помогите, пожалуйста, симметрично разместить виджеты FB и VK в указанном (скрин)  месте футера.

Код FB:
<!-- Facebook Badge START --><a href="https://www.facebook...om/astacollars" title="Asta Collar" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Asta Collar</a><br /><a href="https://www.facebook...om/astacollars" title="Asta Collar" target="_TOP"><img class="img" src="https://badge.facebo...1838938973.png" style="border: 0px;" alt="" /></a><br /><a href="https://ru-ru.facebo...om/advertising" title="&#x421;&#x43e;&#x437;&#x434;&#x430;&#x439;&#x442;&#x435; &#x441;&#x432;&#x43e;&#x44e; &#x441;&#x43e;&#x431;&#x441;&#x442;&#x432;&#x435;&#x43d;&#x43d;&#x443;&#x44e; &#x432;&#x438;&#x437;&#x438;&#x442;&#x43a;&#x443;!" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Продвигайте также свою страницу</a><!-- Facebook Badge END -->

Код VK:
<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: 1, width: "180", height: "250", color1: 'FFFFFF', color2: 'A69047', color3: 'DCD294'}, 86138913);
</script>

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

• 

[Vaccina]

В шаблоне HTML после:

	  <!--END Время работы магазина -->
			  </div><!--END phone-->		   
			</div><!--END contactsWrp theme-color -->
		</div>

вставьте:

<div class="cols col-4 pad10 ">
код от ВК
</div>
<div class="cols col-4 pad10 ">
код от FB
</div>

[ivanov]

Спасибо за ответ.

Так и сделал, но там:
1. "криво" отображается визитка FB, может неверно интегрируется код
2.  визуально они виджеты совсем не симметрично расположены в подвале

Посмотрите, пожалуйста.

[ivanov]

ау.

[Vaccina]

У вас синтаксис нарушен, в шаблоне HTML найдите:

<div class="cols col-4 pad10 ">
<!-- код от FB -->
<!-- Facebook Badge START --><a href="https://www.facebook...om/astacollars" title="Asta Collar" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Asta Collar</a><br /><a href="https://www.facebook...om/astacollars" title="Asta Collar" target="_TOP"><img class="img" src="https://badge.facebo...1838938973.png" style="border: 0px;" alt="" /></a><br /><a href="https://ru-ru.facebo...om/advertising" title="&#x421;&#x43e;&#x437;&#x434;&#x430;&#x439;&#x442;&#x435; &#x441;&#x432;&#x43e;&#x44e; &#x441;&#x43e;&#x431;&#x441;&#x442;&#x432;&#x435;&#x43d;&#x43d;&#x443;&#x44e; &#x432;&#x438;&#x437;&#x438;&#x442;&#x43a;&#x443;!" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Продвигайте также свою страницу</a><!-- Facebook Badge END -->
<div class="cols col-4 pad10 ">
<!-- код от VK -->
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "180", height: "250", color1: 'FFFFFF', color2: 'A69047', color3: 'DCD294'}, 86138913);
</script>
</div>

замените на:

<div class="cols col-4 pad10 ">
<!-- код от FB -->
<!-- Facebook Badge START --><a href="https://www.facebook...om/astacollars" title="Asta Collar" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Asta Collar</a><br /><a href="https://www.facebook...om/astacollars" title="Asta Collar" target="_TOP"><img class="img" src="https://badge.facebo...1838938973.png" style="border: 0px;" alt="" /></a><br /><a href="https://ru-ru.facebo...om/advertising" title="&#x421;&#x43e;&#x437;&#x434;&#x430;&#x439;&#x442;&#x435; &#x441;&#x432;&#x43e;&#x44e; &#x441;&#x43e;&#x431;&#x441;&#x442;&#x432;&#x435;&#x43d;&#x43d;&#x443;&#x44e; &#x432;&#x438;&#x437;&#x438;&#x442;&#x43a;&#x443;!" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Продвигайте также свою страницу</a><!-- Facebook Badge END -->
</div>
<div class="cols col-4 pad10 ">
<!-- код от VK -->
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "180", height: "250", color1: 'FFFFFF', color2: 'A69047', color3: 'DCD294'}, 86138913);
</script>
</div>

[ivanov]

Вот спасибо хорошо!)

[Grafneon]

Доброго времени суток! Делаю все как написано в этой теме, однако виджет не встаёт под иконку "наши контакты". Как то криво смотрится( Помогите разобраться. Спасибо.

[Vaccina]

Чтобы виджет отобразился в блоке контактов вставьте его в шаблон HTML после:

<!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							   <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							  </div>
							{% ENDIF %}
						  <!--END Время работы магазина -->
			  </div><!--END phone-->

[Grafneon]

Vaccina (17 Март 2016 - 07:01) писал:

Чтобы виджет отобразился в блоке контактов вставьте его в шаблон HTML после:

<!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							   <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							  </div>
							{% ENDIF %}
						  <!--END Время работы магазина -->
			  </div><!--END phone-->

Спасибо! Но он все равно встаёт немного левее, кривовато получается. Это можно как то поправить?

[Юля123]

Grafneon (17 Март 2016 - 11:04) писал:

Спасибо! Но он все равно встаёт немного левее, кривовато получается. Это можно как то поправить?

Здравствуйте, Вы отменили изменения? Установите, пожалуйста виджет, чтобы  мы в зависимости от его положения могли Вам помочь установить так, как Вам хочется.

[Grafneon]

Юля123 (17 Март 2016 - 11:42) писал:

Здравствуйте, Вы отменили изменения? Установите, пожалуйста виджет, чтобы  мы в зависимости от его положения могли Вам помочь установить так, как Вам хочется.

Установил, можете наблюдать)

[Юля123]

Grafneon (17 Март 2016 - 12:03) писал:

Установил, можете наблюдать)

Попробуйте в конце Main.css добавить код:

div#vk_groups {
	margin: 0 auto;
}

[Grafneon]

Юля123 (17 Март 2016 - 12:05) писал:

Попробуйте в конце Main.css добавить код:

div#vk_groups {
	margin: 0 auto;
}

Выделяет красным div и пишет : element ( div#vk_groups) is overqualified, just use #vk_groups without element name.
Убрал div - получилось!!!!!! Спасибо огромное!!!!!!!