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


Виджет "Поделиться" От Яндекса

Автор arstrel, 13 июня 2011 08:22

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

#101 optimushop

optimushop

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

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

Отправлено 08 Апрель 2013 - 23:40

Происходит конфликт скриптов ! Как решить вопрос?

Ставлю 
<script type="text/javascript" src="{ASSETS_JS_PATH}share42.js"></script>
Работают кнопки соц. сетей.
Но перестает работать этот код "корзины"



<!-- cartpanel section --> 
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}cartpanel.css" type="text/css">
<script>
$(document).ready(function(){   
		window.onscroll = function(){
				if(window.pageYOffset>100){
						$('#float-cart').fadeIn();
				} else{
						$('#float-cart').fadeOut();
				}
		}
});
function calculateDeliveryCost(itemsCost) {
		$("#deliveryRate, #float-cart .delivery-rate").html(html);
}
</script>
<!--scrollup-->
<script type="text/javascript">
$(document).ready(function(){
		 // hide #back-top first
		 $("#back-top").hide();
		 // fade in #back-top
		 $(function () {
				 $(window).scroll(function () {
						 if ($(this).scrollTop() > 100) {
								 $('#back-top').fadeIn();
						 } else {
								 $('#back-top').fadeOut();
						 }
				 });
				 // scroll body to 0px on click
				 $('#back-top a').click(function () {
						 $('body,html').animate({
								 scrollTop: 0
						 }, 800);
						 return false;
				 });
		 });
});
</script>

<!--end scrollup-->
<!-- End cartpanel section -->

Только убираю скрипс соц сетей, корзина работает!

Оставлю на сайте пока корзину!

#102 Сake

Сake

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

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

Отправлено 09 Апрель 2013 - 00:23

Вам необходимо удалить

$(document).ready(function(){
	 window.onscroll = function(){
			 if(window.pageYOffset>100){
					 $('#float-cart').fadeIn();
			 } else{
					 $('#float-cart').fadeOut();
			 }
	 }
});

далее найти

$(window).scroll(function () {
	   if ($(this).scrollTop() > 100) {
			$('#back-top').fadeIn();
	   } else {
			$('#back-top').fadeOut();
	   }
});

и заменить на

$(window).scroll(function () {
	   if ($(this).scrollTop() > 100) {
		 $('#float-cart').fadeIn();
			$('#back-top').fadeIn();
	   } else {
		 $('#float-cart').fadeOut();
			$('#back-top').fadeOut();
	   }
});

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

#103 optimushop

optimushop

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

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

Отправлено 09 Апрель 2013 - 01:30

Отлично, все работает!

#104 sotil

sotil

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

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

Отправлено 10 Апрель 2013 - 09:57

Просмотр сообщенияsupport 2.0 (04 Февраль 2013 - 15:37) писал:

Замените весь скрипт виджета и код текста, который Вы вставляли перед виджетом на этот
<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<div style="position: fixed;right: 0;top: 55%;">
<div style=" width: 192px; text-align: center; font: normal 15px verdana; color: red;">
Узнайте цену
<br>
<br>
"ДЛЯ СВОИХ"
<br>
<br>
ВКонтакте
	 <br>
<br>
</div>
<!-- VK Widget -->
<div id="vk_groups" > </div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "192", height: "290"}, 46112809);
</script>
</div>

также из файла стилей main.css удалите блок
#vk_groups {
	 position: fixed;
	 right: 0;
	 top: 55%;
}

Для того, чтобы отредактировать стиль этого "некого" текста, используйте параметры в коде
text-align: center; <!-- выравнивание по центру -->
font: normal 15px Verdana; <!-- стиль шрифта -->
color: red; <!-- цвет текста -->

Здравствуйте!
Хочется поменять некую надпись на стрелку
И если есть возможность, чтобы она прыгала с небольшой амплитудой при остановке прокрутки страницы
Спасибо!

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

  • strelka.jpg
  • место подстрелку.jpg

#105 Koderhan

Koderhan

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

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

Отправлено 10 Апрель 2013 - 10:01

Просмотр сообщенияsotil (10 Апрель 2013 - 09:57) писал:

Здравствуйте!
Хочется поменять некую надпись на стрелку
И если есть возможность, чтобы она прыгала с небольшой амплитудой при остановке прокрутки страницы
Спасибо!
В файле "HTML".
Найти код:
<div style=" width: 192px; text-align: center; font: normal 20px verdana; color: red;">
Узнайте цену
<br>
<br>
"ДЛЯ СВОИХ"
   <br>
   <br>
   ВКонтакте
				  <br>
   <br>
</div>
Заменить:
<div style=" width: 192px; text-align: center; font: normal 20px verdana; color: red;">
<img src="адрес изображения" alt="описание"/>
</div>

#106 sotil

sotil

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

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

Отправлено 10 Апрель 2013 - 10:29

Просмотр сообщенияKoderhan (10 Апрель 2013 - 10:01) писал:

В файле "HTML".
Найти код:
<div style=" width: 192px; text-align: center; font: normal 20px verdana; color: red;">
Узнайте цену
<br>
<br>
"ДЛЯ СВОИХ"
<br>
<br>
ВКонтакте
				 <br>
<br>
</div>
Заменить:
<div style=" width: 192px; text-align: center; font: normal 20px verdana; color: red;">
<img src="адрес изображения" alt="описание"/>
</div>

Можно ли размеры у стрелки поменять?
Или в графредакторе только?

#107 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 10:53

Просмотр сообщенияsotil (10 Апрель 2013 - 10:29) писал:

Можно ли размеры у стрелки поменять?
Или в графредакторе только?
Да. Можно, например так:
<img src="http://design.nadonenado.com/strelka1.jpg?0185" alt="описание изображения" width="20px">

#108 sotil

sotil

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

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

Отправлено 10 Апрель 2013 - 12:08

Просмотр сообщенияmiyako (10 Апрель 2013 - 10:53) писал:

Да. Можно, например так:
<img src="http://design.nadonenado.com/strelka1.jpg?0185" alt="описание изображения" width="20px">
Спасибо, уже успел в редакторе поправить
А можно сделать эту стрелку живой, чтобы он прыгала вверх вниз когда страница не двигается?

#109 Сake

Сake

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

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

Отправлено 11 Апрель 2013 - 01:31

Добавьте в ваш файл main.js

$(function() {
  var img = $('.block1 > div > img');
  $(img).parent().height($(img).parent().height());
  setInterval($.proxy(function() {
	 $(this).animate({
		'marginTop': parseInt($(this).css('marginTop')) >= 0 ? '-15px' : '0'
	 }, 400);
  }, img), 500);
});

#110 sotil

sotil

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

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

Отправлено 11 Апрель 2013 - 12:07

Просмотр сообщенияСake (11 Апрель 2013 - 01:31) писал:

Добавьте в ваш файл main.js

$(function() {
var img = $('.block1 > div > img');
$(img).parent().height($(img).parent().height());
setInterval($.proxy(function() {
	 $(this).animate({
	 'marginTop': parseInt($(this).css('marginTop')) >= 0 ? '-15px' : '0'
	 }, 400);
}, img), 500);
});

Отлично, то что надо!!!

#111 sotil

sotil

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

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

Отправлено 11 Апрель 2013 - 12:15

Просмотр сообщенияsotil (11 Апрель 2013 - 12:07) писал:

Отлично, то что надо!!!
Блин, в OPERe нормально, в Гугле стрелка спряталась за виджет группы!
Как исправить?
Спасибо!
Причём странно, с яндекса по ссылке прохожу, стрелка  с группой на своём месте, обновляю - группа поднимается и закрывает стрелку(

#112 Koderhan

Koderhan

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

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

Отправлено 11 Апрель 2013 - 12:37

Просмотр сообщенияsotil (11 Апрель 2013 - 12:15) писал:

Блин, в OPERe нормально, в Гугле стрелка спряталась за виджет группы!
Как исправить?
Спасибо!
Попробуйте очистить кеш браузера. Сейчас стрелка на вашем сайте нормально отображается в хроме и в опере.

#113 sotil

sotil

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

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

Отправлено 11 Апрель 2013 - 12:44

Просмотр сообщенияKoderhan (11 Апрель 2013 - 12:37) писал:

Попробуйте очистить кеш браузера. Сейчас стрелка на вашем сайте нормально отображается в хроме и в опере.
Я чистил КЭШ несколько раз всё равно не получается, мож  ещё есть метод более тщательной очистки КЭШа?

#114 Koderhan

Koderhan

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

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

Отправлено 11 Апрель 2013 - 12:50

Просмотр сообщенияsotil (11 Апрель 2013 - 12:44) писал:

Я чистил КЭШ несколько раз всё равно не получается, мож  ещё есть метод более тщательной очистки КЭШа?
Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
<div style="width: 192px; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: verdana; color: red; height: 25px;">
Заменить:
<div style="width: 192px; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: verdana; color: red; height: 150px;">

#115 sotil

sotil

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

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

Отправлено 11 Апрель 2013 - 12:56

Просмотр сообщенияKoderhan (11 Апрель 2013 - 12:50) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:
<div style="width: 192px; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: verdana; color: red; height: 25px;">
Заменить:
<div style="width: 192px; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-family: verdana; color: red; height: 150px;">
Заработало, спасибо!

#116 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 30 Апрель 2013 - 18:21

Просмотр сообщенияKoderhan (19 Ноябрь 2012 - 07:15) писал:

Пожалуйста, сообщите адрес своего магазина или напишите его в профиле форума.

Подскажите, в какое место мне вставить код соц сетей, чтобы иконки разместились под видео на главной странице?

И еще мне нужно оставить под видео 1 строчку, я надпись сделаю.

Код этот

<script type="text/javascript">(function() {
if (window.pluso)if (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 = ('https:' == window.location.protocol ? 'https' : 'http')  + '://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,round,line,horizontal,nocounter,theme=01" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print" data-background="transparent" data-title="Бутик дизайнерских вещей &quot;Радуйсебя.ру&quot;" data-description="В нашем бутике Вы можете приобрести необычные подарки, ювелирные USB флеш карты и просто креативные товары." data-url="http://raduisebya.ru...bya.ru/"></div>

#117 Сake

Сake

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

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

Отправлено 01 Май 2013 - 01:17

Вам необходимо код HTML вставлять в вашу страницу которая закреплена как главная, вставлять необходимо также как вы вставляли видео в страницу. Код 

<script type="text/javascript">(function() {
if (window.pluso)if (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 = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
var h=d[g]('head')[0] || d[g]('body')[0];
h.appendChild(s);
})();</script>

необходимо вставить в шаблон "HTML" перед тегом </head>

#118 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 01 Май 2013 - 09:46

Сделала. Иконки появились, но не работают.
Выдает "Bad request"

#119 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 03 Май 2013 - 23:14

Просмотр сообщенияНаталья C. (01 Май 2013 - 09:46) писал:

Сделала. Иконки появились, но не работают.
Выдает "Bad request"

Спасибо, доделала.

#120 lartenza

lartenza

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

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

Отправлено 21 Июнь 2013 - 10:46

Просмотр сообщенияKoderhan (07 Ноябрь 2012 - 15:37) писал:

Вставка иконок от share42.com.
http://share42.com/ru
1. Выберите интересующие вас иконки сайтов.
2. Выберите нужные опции
Изображение
То что не выделено красным квадратом лучше изменять
3. Изображение
выбрать "любой сайт".
4. Скачайте скрипт себе на компьютер, распакуйте архив.
5. Загрузить на сайт файлы. В панели администратора , Сайт -> Редактор тем , "Добавить файлы", выбрать с компьютера файлы share42.js, icons.png и загрузить.
6. Далее на этой же странице админки открыть файл "HTML" , После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}share42.js"></script>
После кода:
<body>
Добавить:
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>

7. Открыть файл main.csstemplate и добавить код:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Удачи.

Не совсем поняла 7 пункт.
Нигде не вижу main.csstemplate
и как привязать группу вк и одноклас. к данным кнопкам?
Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Другое
  6. Privacy Policy