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


Кнопки Соц.сетей Для Текстовых Страниц


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

#1 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 15 Март 2013 - 10:44

Добрый день.

Подскажите, как установить кнопки соц.сетей на текстовые страницы?
Хочу разместить их под статьями, чтобы посетители сайта их лайкать и делится с друзьями.
В товарах без проблем все встало.
И утром даже как то случайно получилось установить на страницу со статьей.... но начал добавлять кнопки и все пропало.... просто не отображаются и все :wacko:

Полный код кнопок такой:


<!-- Кнопки соц.сетей 
<script type="text/javascript">(function() {
 if (window.pluso && typeof window.pluso.start == "function") return;
 var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
 s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
 s.src = d.location.protocol  + '//share.pluso.ru/pluso-like.js';
 var h=d[g]('head')[0] || d[g]('body')[0];
 h.appendChild(s);
})();</script>
<div class="pluso" data-options="big,square,line,horizontal,counter,theme=08" data-services="vkontakte,odnoklassniki,facebook,twitter,livejournal,moimir" data-background="transparent"></div>
<!-- Кнопки соц.сетей -->


#2 mikola

mikola

    Good soo good

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

Отправлено 15 Март 2013 - 17:55

Просмотр сообщенияSerg83 (15 Март 2013 - 10:44) писал:

Добрый день.

Подскажите, как установить кнопки соц.сетей на текстовые страницы?
Хочу разместить их под статьями, чтобы посетители сайта их лайкать и делится с друзьями.
В товарах без проблем все встало.
И утром даже как то случайно получилось установить на страницу со статьей.... но начал добавлять кнопки и все пропало.... просто не отображаются и все :wacko:

Полный код кнопок такой:


<!-- Кнопки соц.сетей
<script type="text/javascript">(function() {
if (window.pluso && typeof window.pluso.start == "function") return;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = d.location.protocol + '//share.pluso.ru/pluso-like.js';
var h=d[g]('head')[0] || d[g]('body')[0];
h.appendChild(s);
})();</script>
<div class="pluso" data-options="big,square,line,horizontal,counter,theme=08" data-services="vkontakte,odnoklassniki,facebook,twitter,livejournal,moimir" data-background="transparent"></div>
<!-- Кнопки соц.сетей -->
"
Данный код нужно вставить в шаблон "Список новостей"
l

#3 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 15 Март 2013 - 18:00

Просмотр сообщенияMikola (15 Март 2013 - 17:55) писал:

"
Данный код нужно вставить в шаблон "Список новостей"
l

не понял... причем тут список новостей? к тому же они у меня не подключены по-моему.

я хочу создать текстовую страницу и в конце этой страницы разместить эти кнопки.

#4 mikola

mikola

    Good soo good

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

Отправлено 15 Март 2013 - 19:51

Просмотр сообщенияSerg83 (15 Март 2013 - 18:00) писал:

не понял... причем тут список новостей? к тому же они у меня не подключены по-моему.

я хочу создать текстовую страницу и в конце этой страницы разместить эти кнопки.

Просмотр сообщенияSerg83 (15 Март 2013 - 18:00) писал:

не понял... причем тут список новостей? к тому же они у меня не подключены по-моему.

я хочу создать текстовую страницу и в конце этой страницы разместить эти кнопки.
просто в конце кода добавите данный код..
На какую страницу вы хотите именно размести ??

#5 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 15 Март 2013 - 20:26

Просмотр сообщенияMikola (15 Март 2013 - 19:51) писал:

просто в конце кода добавите данный код..
На какую страницу вы хотите именно размести ??

например, на эту

p.s. у меня утром получилось как-то просто скопировать код кнопок в html редактор страницы и они появились... но их было много. убрал часть, скопировал код снова и пусто... больше они не появлялись.. прям мистика :unsure:

#6 mikola

mikola

    Good soo good

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

Отправлено 15 Март 2013 - 20:46

Просмотр сообщенияSerg83 (15 Март 2013 - 20:26) писал:

например, на эту

p.s. у меня утром получилось как-то просто скопировать код кнопок в html редактор страницы и они появились... но их было много. убрал часть, скопировал код снова и пусто... больше они не появлялись.. прям мистика :unsure:
попробуйте с герировать заново на
http://share42.com/ru

#7 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 17 Март 2013 - 15:32

Просмотр сообщенияMikola (15 Март 2013 - 20:46) писал:

попробуйте с герировать заново на
http://share42.com/ru

неее, тут иконки соц.сетей страшненькие ))

#8 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 17 Март 2013 - 15:40

ну вот на яндексе нашел код кнопок

<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
 data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"
></div> 

как его поставить на текстовую страницу? просто копирую на страницу в html редакторе после обновления остается только эта строка:

<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>


#9 Koderhan

Koderhan

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

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

Отправлено 18 Март 2013 - 10:51

Просмотр сообщенияSerg83 (17 Март 2013 - 15:40) писал:

ну вот на яндексе нашел код кнопок

<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"
></div> 

как его поставить на текстовую страницу? просто копирую на страницу в html редакторе после обновления остается только эта строка:

<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
В редакторе html кода удаляются не понятные ему атрибуты.
Можно вставить код для всех текстовых страниц.

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

  <!-- Контент страницы -->
  <div class="htmlDataBlock">
	{PAGE_CONTENT}
  </div>



#10 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 19 Март 2013 - 12:00

Просмотр сообщенияKoderhan (18 Март 2013 - 10:51) писал:

В редакторе html кода удаляются не понятные ему атрибуты.
Можно вставить код для всех текстовых страниц.

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

<!-- Контент страницы -->
<div class="htmlDataBlock">
{PAGE_CONTENT}
</div>


благодарю, все получилось :)

#11 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 22 Март 2013 - 16:23

посмотрите плиз....
не понимаю почему часть страниц с товарами перекосило после вставки кнопок соц.сетей

Снимок экрана 2013-03-22 в 17.17.02.png
Снимок экрана 2013-03-22 в 17.17.21.png

#12 Stasya

Stasya

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

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

Отправлено 22 Март 2013 - 19:12

Возможно Вы где-то не закрыли или поставили лишний <div>

#13 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 24 Март 2013 - 09:27

Просмотр сообщенияStasya (22 Март 2013 - 19:12) писал:

Возможно Вы где-то не закрыли или поставили лишний <div>

предполоим, что это так и на странице "Товар" тоит лишний div
а почему страницы с товарами показываются по разному, если код страницы одинаковый?..

вот код целиком для сопут.товаров.
в него как и в другие (в точности) вставлен код ярлыков наличия.

<table>
<tr>
{% FOR related_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">


<!-- Ярлык наличия товара -->
<div class="goods-image-medium product-image" style="background: url({GOODS_IMAGE_MEDIUM}) no-repeat center center; background-size: contain;">
<span rel="false" class="available-false" {% IF related_goods.MAX_REST_VALUE>0 %} style="display:none;"{% ENDIF %}>
<span class="stikno"></span>
</span>
<span rel="true" class="available-true" {% IF related_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
<span class="stikyes"></span>
</span>
</div>
<!-- Ярлык наличия товара КОНЕЦ-->

<div class="goodsListItemImage"><a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
</tr>
</table>


#14 Stasya

Stasya

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

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

Отправлено 24 Март 2013 - 10:57

Попробуйте сделать так в шаблоне Товар найдите блок
<td class="goodsDataMainDeliveryBlock" colspan="2" style="display:none;">
				  <h4>Условия доставки</h4>
				  {% FOR goods_delivery %}
					<h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					<div class="goodsDataMainDeliveryItem" >
					  <p>{goods_delivery.DESC}</p>
   
					  {% IF goods_delivery.rules_empty %}
						Стоимость доставки: {goods_delivery.PRICE | money_format}
					  {% ELSE %}
						<div class="goodsDataMainDeliveryItemRules">
						  <table>
							<thead>
							  <tr>
								<td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
							  </tr>
							  <tr>
								<td>Заказ больше</td>
								<td>Доставка: </td>
							  </tr>
							</thead>
							<tbody class="num">
							  {% FOR rules %}
								<tr>
								  <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
								  <td>{goods_delivery.rules.PRICE | money_format}</td>
								</tr>
							  {% ENDFOR %}
							  <tr>
								<td><p><span>Заказ менее {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
								<td>{goods_delivery.PRICE | money_format}</td>
							  </tr>
							</tbody>
						  </table>
						</div>
					  {% ENDIF %}
					</div>
				  {% ENDFOR %}
				</td>
			  </tr>
			</table>
		  </div>
		</td>
	  </tr>
	</table>
  </div>
</form>
в конце его удалите строки
</div>
</form>
и вставьте их после строки
<!-- END Сопутствующие товары -->


#15 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 24 Март 2013 - 11:28

сделал.
теперь за пределы страницы не выезжает, как раньше.
но на часть товаров изменения не повлияли...
пример тут

#16 Stasya

Stasya

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

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

Отправлено 24 Март 2013 - 12:41

Значит вставьте эти 2 строчки
</div>
</form>
в самый конец страницы, после
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: false, autopublish: 1});
</script>


#17 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 24 Март 2013 - 13:03

Просмотр сообщенияStasya (24 Март 2013 - 12:41) писал:

Значит вставьте эти 2 строчки
</div>
</form>
в самый конец страницы, после
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: false, autopublish: 1});
</script>

сделал. не помогло.. :mellow:
посмотрите здесь  и здесь. у меня отображаются по разному эти страницы, на 1-й всё сдвинуто влево, как и раньше

#18 Stasya

Stasya

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

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

Отправлено 24 Март 2013 - 13:43

а Вы удалили их с прошлого места вставки? то есть после строки
<!-- END Сопутствующие товары -->
их быть не должно.

#19 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 24 Март 2013 - 14:04

Просмотр сообщенияStasya (24 Март 2013 - 13:43) писал:

а Вы удалили их с прошлого места вставки? то есть после строки
<!-- END Сопутствующие товары -->
их быть не должно.

именно так :)

#20 Stasya

Stasya

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

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

Отправлено 24 Март 2013 - 14:24

Я так понимаю у Вас все получилось?




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

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