Виджет "Поделиться" От Яндекса
#61
Отправлено 17 Февраль 2013 - 22:51
Спасибо!
#62
Отправлено 18 Февраль 2013 - 08:22
И поэтому скрипт по умолчанию берет первую картинку с страницы.
Я не знаю как выглядит код вашей кнопки но в документации от "Одноклассники" написано что можно в строке адреса передать параметры.
Например адрес будет примерно следующим.
http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}Тут мы передали адрес до изображения товара.
#63
Отправлено 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
Отправлено 18 Февраль 2013 - 11:29
Найти код:
http://connect.mail.ru/shareЗаменить:
http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}
#65
#67
Отправлено 03 Март 2013 - 15:47
Koderhan (07 Ноябрь 2012 - 15:37) писал:
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
Отправлено 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">вставляем ваш код виджета...
#69
Отправлено 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">вставляем ваш код виджета...
Добрый вечер! Пробовала всячески - ничего не выходит у меня ....Можно помочь пошагово, после того, как загрузила в редактор тем два файла - с иконками и Js. - что и после чего вставлять в HTML и CSS, исходя из предыдущей инструкции? я удалила предыдущее редактирование, где иконки у меня в шапке получались, теперь у меня только загруженные файлы в редакторе тем. Дальше не могу понять, что и где, как ни пробую, не запихивается вниз под вертикальное меню(((. Помогите, пожалуйста!
#70
Отправлено 03 Март 2013 - 20:04
#71
Отправлено 03 Март 2013 - 20:40
Диана (03 Март 2013 - 20:04) писал:
Сайт-редактор тем -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
Отправлено 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
Отправлено 11 Март 2013 - 14:19
Koderhan (18 Февраль 2013 - 11:29) писал:
Найти код:
http://connect.mail.ru/shareЗаменить:
http://connect.mail.ru/share?imageurl={GOODS_IMAGE_LARGE}
И всё же он предлагает несколько картинок на выбор, одной из них и причём первой является баннер партнёра, а мне бы уж чтоб мой логотип предлагался, чем партнёр, как то можно придумать?
#74
Отправлено 11 Март 2013 - 15:38
sotil (11 Март 2013 - 14:19) писал:
Пример:
http://connect.mail.ru/share?imageurl=http://domain.ru/1.jpg
#75
Отправлено 11 Март 2013 - 18:46
Koderhan (11 Март 2013 - 15:38) писал:
Пример:
http://connect.mail.ru/share?imageurl=http://domain.ru/1.jpg
Тут задача такая , чтобы в классе передавалась картинка товара, однако в предложении картинок находятся несколько картинок находящихся на странице: баннер партнёра, модификации, основная картинка, если основная картинка узкая по высоте или горизонтали, то вообще только баннер партнёра предлагается, вот хотелось баннер партнёра в в этом выборе исключить, а свой логотип поставить, есть пользователи , которые не обратят внимание на выпавшую картинку, а там по-умолчанию баннер партнёра, как то так)
Спасибо!
#76
Отправлено 11 Март 2013 - 20:31
sotil (11 Март 2013 - 18:46) писал:
Спасибо!
Можете приложить скриншот?
#78
Отправлено 11 Март 2013 - 22:26
<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; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных