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


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

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

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

#21 Братишка

Братишка

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

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

Отправлено 27 Ноябрь 2012 - 16:35

Сорри, сам догадался, а сюда не отписал :rolleyes:  Все равно, спасибо.

#22 Librcaho

Librcaho

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

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

Отправлено 07 Декабрь 2012 - 23:52

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

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

Я вот в отличие от автора не разобрался. Панель кнопок благодаря вашей инструкции установил с первого раза. Но хотел бы перенести её с левой колонки в правую, а также немного опустить ниже. Скрин идеи прилагаю. Сайт http://profi-beauty.com/

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

  • knopki.jpg

#23 support 2.0

support 2.0

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

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

Отправлено 08 Декабрь 2012 - 10:52

Просмотр сообщенияLibrcaho (07 Декабрь 2012 - 23:52) писал:

Я вот в отличие от автора не разобрался. Панель кнопок благодаря вашей инструкции установил с первого раза. Но хотел бы перенести её с левой колонки в правую, а также немного опустить ниже. Скрин идеи прилагаю. Сайт http://profi-beauty.com/

В файле main.css найдите строчку (835 строчка)
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; }

и замените ее на
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; right:0px; margin-top: 170px;}

Если нужно будет спустить еще чуть ниже, сделать побольше значение
margin-top: 170px; <!-- отступ вниз -->

#24 Librcaho

Librcaho

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

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

Отправлено 08 Декабрь 2012 - 19:35

Просмотр сообщенияsupport 2.0 (08 Декабрь 2012 - 10:52) писал:

В файле main.css найдите строчку (835 строчка)
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; }

и замените ее на
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; right:0px; margin-top: 170px;}

Если нужно будет спустить еще чуть ниже, сделать побольше значение
margin-top: 170px; <!-- отступ вниз -->
Спасибо! Именно так, как и хотел.

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

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

Отправлено 25 Январь 2013 - 20:19

Просмотр сообщения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}

Удачи.

Видимо, вы неверно меня поняли.
Мне нужно кнопки соц сетей вставить не в левый верхний угол.
А в карточку товара ниже фотографий после строчки "Увеличить изображение" и перед другими фотографиями
Сделала, как вы написали, но кнопки в левом верхнем углу. Скриншот во вложении ((

Я в фотошопе сделала, как хочу, чтобы это выглядело. Файл "Соц линки".

Рядом с кнопками от Share42 должна в этой же строчке быть кнопка из Контакта "Мне нравится".
Ее код
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?77"></script>

<script type="text/javascript">
  VK.init({apiId: API_48771431, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>

Правильно, что я AP_AD заменила на API_48771431? (48771431 - это номер моей группы в Контакте)?

Заранее благодарю!

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

  • Кнопки не там.jpg
  • Соц линки.jpg

#26 Vaccina

Vaccina

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

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

Отправлено 26 Январь 2013 - 01:47

Вы можете установить кнопки от http://api.yandex.ru/share/ думаю они вам больше подойдут.

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

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

Отправлено 26 Январь 2013 - 19:21

Просмотр сообщенияVaccina (26 Январь 2013 - 01:47) писал:

Вы можете установить кнопки от http://api.yandex.ru/share/ думаю они вам больше подойдут.

Хорошо, попробую их вставить.
А в какое место и в каком блоке мне вставлять этот код?
Сразу после этих кнопок должна идти "Мне нравится" из Контакта. Ее куда?

В финале должно получиться так, как на картинке во вложении.

Спасибо!

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

  • Соц линки.jpg

#28 miyako

miyako

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

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

Отправлено 27 Январь 2013 - 08:02

Просмотр сообщенияНаталья C. (26 Январь 2013 - 19:21) писал:

Хорошо, попробую их вставить.
А в какое место и в каком блоке мне вставлять этот код?
Сразу после этих кнопок должна идти "Мне нравится" из Контакта. Ее куда?

В финале должно получиться так, как на картинке во вложении.

Спасибо!
Найдите в шаблон Товар код:
  {% IFNOT GOODS_IMAGE_EMPTY %}
				<div class="goodsDataMainImageZoom">
				  <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
				</div>
			  {% ENDIF %}
после него вставьте код соц. кнопок

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

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

Отправлено 27 Январь 2013 - 11:22

Просмотр сообщенияmiyako (27 Январь 2013 - 08:02) писал:

Найдите в шаблон Товар код:
{% IFNOT GOODS_IMAGE_EMPTY %}
			 <div class="goodsDataMainImageZoom">
				 <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
			 </div>
			 {% ENDIF %}
после него вставьте код соц. кнопок

Кнопочки хороши :)  Спасибо! Встали, как надо!

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

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

Отправлено 27 Январь 2013 - 22:44

Просмотр сообщенияНаталья C. (27 Январь 2013 - 11:22) писал:

Кнопочки хороши :)  Спасибо! Встали, как надо!

Добрый вечер!
Уж простите меня за настойчивость и частые обращения к Вам...
Все же до конца не доделала так, как хотелось.
Почему-то данные кнопки отправляют информацию на стену без картинки.
"Одноклассники" с картинкой, но обрезают ее. И получается некрасиво (((

А я скоро буду запускать акцию для соц сетей, с картинками она точно будет успешней.

Можно ли настроить кнопки как в примере?
Они отсылают лайки с картинками, текстом со страницы сайта и окошком для своих комментариев.
Текущий скриншот во вложении. Желаемый результат тоже.

Очень прошу помочь! )))
Заранее благодарю!

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

  • Доработка кнопок.jpg
  • Ссылка с нашего сайта.jpg
  • Желаемый результат.jpg

#31 Koderhan

Koderhan

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

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

Отправлено 28 Январь 2013 - 08:46

Попробуйте изменить код в файле "Товар".
Найти код:
{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
				{% ENDIF %}
Заменить:
{% IF GOODS_IMAGE_EMPTY %}
				  <img rel="image_src" src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img rel="image_src" class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
				{% ENDIF %}

#32 sotil

sotil

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

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

Отправлено 31 Январь 2013 - 21:32

http://nadonenado.storeland.ru

Здравствуйте!

Картинки прикрепляться стали В МОЙ МИР И ОДНОКЛАССНИКИ, спасибо!
Подскажите, пожалуйста:
1) Плавающая кнопка VK перекидывает ссылку с картинкой, а в контакте она отображается обрезанной, можно ли это как то исправить?
2) Кнопка VK под товаром ссылку кидает без картинки, можно ли это как то исправить?
3) Как можно увеличить расстояние между кнопками под фото?
4) Как виджет сообщества vk разместить на полях , чтобы он был плавающим?
Спасибо!

#33 Vaccina

Vaccina

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

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

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

1) Возможно необходимо уменьшить размер изображений в разделе Настройки -> Основные для товаров. В любом случае тут уже влияет работа VK на что мы повлиять не можем.

2) К сожалению мы не можем влиять на работу данных виджетов. Обращайтесь в службу поддержки VK по данным виджетам. Вероятно у вас не заданы какие-то настройки для отображения изображения в виджете.

3) Вы можете после каждого кода виджета добавить необходимое число переносов в виде тега <br />

4) Добавьте в ваш файл стилей main.css следующий код

#vk_groups {
	position: fixed;
	right: 0;
	top: 50%;
}

и отрегулируйте положение виджета путем изменения свойств right и top

#34 sotil

sotil

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

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

Отправлено 01 Февраль 2013 - 02:24

Просмотр сообщенияVaccina (01 Февраль 2013 - 00:18) писал:

1) Возможно необходимо уменьшить размер изображений в разделе Настройки -> Основные для товаров. В любом случае тут уже влияет работа VK на что мы повлиять не можем.

2) К сожалению мы не можем влиять на работу данных виджетов. Обращайтесь в службу поддержки VK по данным виджетам. Вероятно у вас не заданы какие-то настройки для отображения изображения в виджете.

3) Вы можете после каждого кода виджета добавить необходимое число переносов в виде тега <br />

4) Добавьте в ваш файл стилей main.css следующий код

#vk_groups {
position: fixed;
right: 0;
top: 50%;
}

и отрегулируйте положение виджета путем изменения свойств right и top

Спасибо, большое!
Я ещё вот такое нашёл и поставил:
#hdr {
        clear: both;
        color: #FFFFFF;
        font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif;
        height: 150px;
        margin: 0 auto;
        min-width: 960px;
        position: relative;
        width: 960px;
}
Это тоже самое?
На всех страницах виджет по разному располагается , от подвала он всегда на одной высоте, может есть возможность сделать его плавающим?

#35 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2013 - 00:32

Цитата

Это тоже самое?

Не совсем вас понимаю, тоже самое с чем? Если вы о ранее приведенном мною стиле - то это разные стили и они обрабатываются по разному.
Выше я вам привела стиль. Данный стиль закрепит виджет, и тем самым сделает его плавающим.

#36 sotil

sotil

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

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

Отправлено 02 Февраль 2013 - 21:56

3) Вы можете после каждого кода виджета добавить необходимое число переносов в виде тега <br />

4) Добавьте в ваш файл стилей main.css следующий код


#vk_groups {
position: fixed;
right: 0;
top: 50%;
}


и отрегулируйте положение виджета путем изменения свойств right и top



Спасибо, помогло)

#37 sotil

sotil

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

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

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

http://nadonenado.storeland.ru/

Ещё есть множество вопросов , вот один из них к примеру:

6. Как можно прикрепить некий текст со стрелочкой над виджетом группы, чтобы они двигались совместно?

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

  • Некий текст над группой.jpg

#38 miyako

miyako

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

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

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

Просмотр сообщенияsotil (02 Февраль 2013 - 22:33) писал:

http://nadonenado.storeland.ru/

Ещё есть множество вопросов , вот один из них к примеру:

6. Как можно прикрепить некий текст со стрелочкой над виджетом группы, чтобы они двигались совместно?

Добавьте в код шаблона HTML выше блока виджета в контакте следующий код:
<div style="
	height: 110px;  width: 192px;
	position: fixed;  right: 0; 
	top: 37%;
">некий текст</div>

#39 sotil

sotil

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

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

Отправлено 04 Февраль 2013 - 14:45

Просмотр сообщенияmiyako (03 Февраль 2013 - 08:57) писал:

Добавьте в код шаблона HTML выше блока виджета в контакте следующий код:
<div style="
height: 110px; width: 192px;
position: fixed; right: 0;
top: 37%;
">некий текст</div>

Спасибо, получилось!
А есть ли возможность раскрасить и поменять шрифт у этой "некой надписи"
В идеале хотелось бы , чтобы выглядело вот так "Надпись в стрелке"
http://nadonenado.storeland.ru/

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

  • некий текст со стрелкой.jpg

#40 support 2.0

support 2.0

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

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

Отправлено 04 Февраль 2013 - 15:37

Просмотр сообщенияsotil (04 Февраль 2013 - 14:45) писал:

Спасибо, получилось!
А есть ли возможность раскрасить и поменять шрифт у этой "некой надписи"
В идеале хотелось бы , чтобы выглядело вот так "Надпись в стрелке"
http://nadonenado.storeland.ru/

Замените весь скрипт виджета и код текста, который Вы вставляли перед виджетом на этот
<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; <!-- цвет текста -->

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


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

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

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