Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

8

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

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

Авторизуйтесь для ответа в теме

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

#61 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Здравствуйте! Вопрос такой, когда ставлю класс одноклассников под фото товара , у друзей отражается баннер партнёра , а когда нажимаю на кнопку из плавающего блока, там хотя бы повыбирать можно какую картинку я хочу, как сделать , так чтоб при установке класса по-умолчанию вставало фото товара?
Спасибо!

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

Наверх

#62 Koderhan

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

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

Отправлено 18 Февраль 2013 - 08:22

Просто на странице не сказали кнопке "мне нравится" от Одноклассников какую картинку прикреплять к сообщению.
И поэтому скрипт по умолчанию берет первую картинку с страницы.
Я не знаю как выглядит код вашей кнопки но в документации от "Одноклассники" написано что можно в строке адреса передать параметры.
Например адрес будет примерно следующим.

http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}

Тут мы передали адрес до изображения товара.

Наверх

#63 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

Отправлено 18 Февраль 2013 - 10:55

Koderhan (18 Февраль 2013 - 08:22) писал:

Просто на странице не сказали кнопке "мне нравится" от Одноклассников какую картинку прикреплять к сообщению.
И поэтому скрипт по умолчанию берет первую картинку с страницы.
Я не знаю как выглядит код вашей кнопки но в документации от "Одноклассники" написано что можно в строке адреса передать параметры.
Например адрес будет примерно следующим.

http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}

Тут мы передали адрес до изображения товара.

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '3', 'ck' : '1', 'sz' : '20', 'st' : '3', 'tp' : 'mm'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
	  <br />  <br />
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '3', 'tp' : 'ok'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

1 для mail.ru
2 для odnoklassniki.ru

Наверх

#64 Koderhan

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

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

Отправлено 18 Февраль 2013 - 11:29

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

http://connect.mail.ru/share

Заменить:

http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}

Наверх

#65 marykvoffll

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

Пользователи
119 сообщений

Отправлено 18 Февраль 2013 - 11:55

Я так и делала, все равно не вышло

Koderhan (16 Февраль 2013 - 21:04) писал:

Вы можете вставить эти кнопки на сайт по этой инструкции.

http://forum.storela...кса/#entry30994

Все равно не получилось

Наверх

#66 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

Отправлено 18 Февраль 2013 - 12:06

Koderhan (18 Февраль 2013 - 11:29) писал:

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

http://connect.mail.ru/share

Заменить:

http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}

Спасибо , работает!!

Наверх

#67 Диана

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

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

ГородМосква

Отправлено 03 Март 2013 - 15:47

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}

Удачи.

Огромное спасибо за столько подробную инструкцию, все получилось!

Подскажите, как можно эти иконки соцсетей разместить под вертикальным меню слева? www.danashop.ru

Наверх

#68 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 03 Март 2013 - 15:52

Цитата

Огромное спасибо за столько подробную инструкцию, все получилось!

Подскажите, как можно эти иконки соцсетей разместить под вертикальным меню слева? www.danashop.ru

добрый день.
найти код

<div class="search">
			<form action="http://danashop.ru/search" id="searchform" method="get">
			  <div>
				<input type="text" value="Поиск" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q">
				<input type="image" class="button" src="http://design.danashop.ru/spacer.gif">
			  </div>
			</form>
		</div>

после кода

<div class="search">

вставляем ваш код виджета...

Наверх

#69 Диана

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

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

ГородМосква

Отправлено 03 Март 2013 - 19:53

Mikola (03 Март 2013 - 15:52) писал:

добрый день.
найти код

<div class="search">
		 <form action="http://danashop.ru/search" id="searchform" method="get">
			 <div>
			 <input type="text" value="Поиск" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q">
			 <input type="image" class="button" src="http://design.danashop.ru/spacer.gif">
			 </div>
		 </form>
	 </div>

после кода

<div class="search">

вставляем ваш код виджета...

Добрый вечер! Пробовала всячески - ничего не выходит у меня :wacko:

....Можно помочь пошагово, после того, как загрузила в редактор тем два файла - с иконками и Js. - что и после чего вставлять в HTML и CSS, исходя из предыдущей инструкции? я удалила предыдущее редактирование, где иконки у меня в шапке получались, теперь у меня только загруженные файлы в редакторе тем. Дальше не могу понять, что и где, как ни пробую, не запихивается вниз под вертикальное меню(((. Помогите, пожалуйста! :wub:

Наверх

#70 Диана

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

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

ГородМосква

Отправлено 03 Март 2013 - 20:04

удалось убрать из шапки, но все же очен :rolleyes:

ь хочется разместить иконки под вертикальное меню...

Наверх

#71 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 03 Март 2013 - 20:40

Диана (03 Март 2013 - 20:04) писал:

удалось убрать из шапки, но все же очен :rolleyes:

ь хочется разместить иконки под вертикальное меню...


Сайт-редактор тем -html-шаблон после кода:
<div class="blockmain navigation fnt12n">
		<ul>
											<li class=" "><a href="http://danashop.ru/catalog/Одежда">Одежда</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Платья-сарафаны" style="padding-left:30px">Платья, сарафаны</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Полуверы-джемперы" style="padding-left:30px">Полуверы, джемперы</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Водолазки-кофточки" style="padding-left:30px">Водолазки, кофточки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Блузки-рубашки" style="padding-left:30px">Блузки, рубашки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Брюки-джинсы-лосины" style="padding-left:30px">Брюки, джинсы, лосины</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Комбинезоны" style="padding-left:30px">Комбинезоны</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Туники" style="padding-left:30px">Туники</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Юбки" style="padding-left:30px">Юбки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Футболки-топы" style="padding-left:30px">Футболки, топы</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Костюмы" style="padding-left:30px">Костюмы</a></li>
												<li class=" "><a href="http://danashop.ru/catalog/Белье-купальники-чулки">Белье, купальники, чулки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Комплекты" style="padding-left:30px">Комплекты</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Бюстгалтеры" style="padding-left:30px">Бюстгалтеры</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Трусы" style="padding-left:30px">Трусы</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Чулки-колготки" style="padding-left:30px">Чулки, колготки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Купальники" style="padding-left:30px">Купальники</a></li>
												<li class=" "><a href="http://danashop.ru/catalog/Сумки-ремни-платки">Сумки, ремни, платки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Сумки-кошельки" style="padding-left:30px">Сумки, кошельки</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Ремни" style="padding-left:30px">Ремни</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Платки-очки" style="padding-left:30px">Платки, очки</a></li>
												<li class=" "><a href="http://danashop.ru/catalog/Подарки-для-нее-и-для-него">Подарки для нее и для него</a></li>
												<li class="incat "><a href="http://danashop.ru/catalog/Для-неё" style="padding-left:30px">Для неё</a></li>
												<li class="incat fnt12b"><a href="http://danashop.ru/catalog/Для-него" style="padding-left:30px">Для него</a></li>
									  </ul>
	  </div>

вставляем ваш виджет

Наверх

#72 Диана

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

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

ГородМосква

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

Mikola (03 Март 2013 - 20:40) писал:


Сайт-редактор тем -html-шаблон после кода:
<div class="blockmain navigation fnt12n">
	 <ul>
										 <li class=" "><a href="http://danashop.ru/catalog/Одежда">Одежда</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Платья-сарафаны" style="padding-left:30px">Платья, сарафаны</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Полуверы-джемперы" style="padding-left:30px">Полуверы, джемперы</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Водолазки-кофточки" style="padding-left:30px">Водолазки, кофточки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Блузки-рубашки" style="padding-left:30px">Блузки, рубашки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Брюки-джинсы-лосины" style="padding-left:30px">Брюки, джинсы, лосины</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Комбинезоны" style="padding-left:30px">Комбинезоны</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Туники" style="padding-left:30px">Туники</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Юбки" style="padding-left:30px">Юбки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Футболки-топы" style="padding-left:30px">Футболки, топы</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Костюмы" style="padding-left:30px">Костюмы</a></li>
											 <li class=" "><a href="http://danashop.ru/catalog/Белье-купальники-чулки">Белье, купальники, чулки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Комплекты" style="padding-left:30px">Комплекты</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Бюстгалтеры" style="padding-left:30px">Бюстгалтеры</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Трусы" style="padding-left:30px">Трусы</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Чулки-колготки" style="padding-left:30px">Чулки, колготки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Купальники" style="padding-left:30px">Купальники</a></li>
											 <li class=" "><a href="http://danashop.ru/catalog/Сумки-ремни-платки">Сумки, ремни, платки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Сумки-кошельки" style="padding-left:30px">Сумки, кошельки</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Ремни" style="padding-left:30px">Ремни</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Платки-очки" style="padding-left:30px">Платки, очки</a></li>
											 <li class=" "><a href="http://danashop.ru/catalog/Подарки-для-нее-и-для-него">Подарки для нее и для него</a></li>
											 <li class="incat "><a href="http://danashop.ru/catalog/Для-неё" style="padding-left:30px">Для неё</a></li>
											 <li class="incat fnt12b"><a href="http://danashop.ru/catalog/Для-него" style="padding-left:30px">Для него</a></li>
									 </ul>
	 </div>

вставляем ваш виджет

Миллион поцелуев, все удалось!!!!!!!!!!!! У меня немного по-другому выглядит раскладка предложенная Вами, но смысл я уловила. Спасибо большущее!!!

Наверх

#73 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

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

Koderhan (18 Февраль 2013 - 11:29) писал:

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

http://connect.mail.ru/share

Заменить:

http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}

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

Наверх

#74 Koderhan

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

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

Отправлено 11 Март 2013 - 15:38

sotil (11 Март 2013 - 14:19) писал:

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

Просто стороннему скрипту нужно передать адрес картинки которую нужно вывести.
Пример:

http://connect.mail.ru/share?imageurl=http://domain.ru/1.jpg

Наверх

#75 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

Отправлено 11 Март 2013 - 18:46

Koderhan (11 Март 2013 - 15:38) писал:

Просто стороннему скрипту нужно передать адрес картинки которую нужно вывести.
Пример:

http://connect.mail.ru/share?imageurl=http://domain.ru/1.jpg

Тут задача такая , чтобы в классе передавалась картинка товара, однако в предложении картинок находятся несколько картинок находящихся на странице: баннер партнёра, модификации, основная картинка, если основная картинка узкая по высоте или горизонтали, то вообще только баннер партнёра предлагается, вот хотелось баннер партнёра в в этом выборе исключить, а свой логотип поставить, есть пользователи , которые не обратят внимание на выпавшую картинку, а там по-умолчанию баннер партнёра, как то так)
Спасибо!

Наверх

#76 miyako

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

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

Отправлено 11 Март 2013 - 20:31

sotil (11 Март 2013 - 18:46) писал:

Тут задача такая , чтобы в классе передавалась картинка товара, однако в предложении картинок находятся несколько картинок находящихся на странице: баннер партнёра, модификации, основная картинка, если основная картинка узкая по высоте или горизонтали, то вообще только баннер партнёра предлагается, вот хотелось баннер партнёра в в этом выборе исключить, а свой логотип поставить, есть пользователи , которые не обратят внимание на выпавшую картинку, а там по-умолчанию баннер партнёра, как то так)
Спасибо!

Можете приложить скриншот?

Наверх

#77 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

Отправлено 11 Март 2013 - 20:43

miyako (11 Март 2013 - 20:31) писал:

Можете приложить скриншот?

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

Наверх

#78 Vaccina

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

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

Отправлено 11 Март 2013 - 22:26

Единственный вариант решения данной проблемы это перенос баннера ниже относительно HTML документа. Вам необходимо код вашего баннера

<div class="baner"><a href="http://cyplen-ok.com/" target="_blank"><img width="230" height="200" src="http://nadonenado.storeland.ru/web/upload/assets/images/172/171968/cyplenok1.png?6868"></a></div>

переместить ниже. Например вставив его в самый конец блока

<div id="cpages" class="container">

перед закрывающим его </div> а именно после

		</td>
	 </tr>
  </table>
</div>

в шаблоне "HTML". Далее необходимо будет поднять баннер выше через стили, так как он будет немного смещен. Вам необходимо будет в шаблоне "HTML" найти

.baner {
	height: 100px;
	left: 930px;
	padding: 0;
	position: absolute;
	top: -20px;
	width: 380px;
}

и заменить на

.baner {
	height: 100px;
	left: 930px;
	padding: 0;
	position: absolute;
	top: -195px;
	width: 380px;
}

Наверх

#79 sotil

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

Пользователи
413 сообщений

ГородЕкатеринбург

Отправлено 12 Март 2013 - 09:35

Vaccina (11 Март 2013 - 22:26) писал:

переместить ниже. Например вставив его в самый конец блока

<div id="cpages" class="container">

Не могу найти этот блок

Наверх

#80 miyako

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

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

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

sotil (12 Март 2013 - 09:35) писал:

Не могу найти этот блок

Он у вас выглядит так:

<div class="container" id="cpages">

Попробуйте найти по слову - "cpages"

Наверх

Обратно в Другое

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

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

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

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

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

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

Войти

Google поиск