1
Кнопки Социальных Сетей "поделиться"
Автор RuReL, 12 сент. 2014 00:13
вконтакте соцсети like кнопки share42.com
Сообщений в теме: 10
#1
Отправлено 12 Сентябрь 2014 - 00:13
Добрый день, Коллеги!
Хочу попросить у Вас помощи в интеграции указанных кнопок, сгенерированных через сайт share42.com/ru . Для тех, кто только присоединяется к тебе напишу первые шаги с сайта share42:
1. Следуете указаниям местной системы, скачиваете архив.
2. Рапаковываете архив и вставляете оба файлика в раздел "Сайт -> Файлы"
3. После того, как вы туда выгрузите файлики, нажмите на кнопку "Ссылка на этот файл" и сохраните оба пути к нашим загруженным файликам, они нам пригодятся.
у меня это например
http://st.anyboards..../898/share42.js
http://st.anyboards....1/897/icons.png
Прошу модераторов описать дальнейшие действия как можно проще и по пунктам, отталкиваясь от особенностей нашего шаблона.
Заранее благодарю за помощь и поддержку!
С уважением,
Дмитрий
Хочу попросить у Вас помощи в интеграции указанных кнопок, сгенерированных через сайт share42.com/ru . Для тех, кто только присоединяется к тебе напишу первые шаги с сайта share42:
1. Следуете указаниям местной системы, скачиваете архив.
2. Рапаковываете архив и вставляете оба файлика в раздел "Сайт -> Файлы"
3. После того, как вы туда выгрузите файлики, нажмите на кнопку "Ссылка на этот файл" и сохраните оба пути к нашим загруженным файликам, они нам пригодятся.
у меня это например
http://st.anyboards..../898/share42.js
http://st.anyboards....1/897/icons.png
Прошу модераторов описать дальнейшие действия как можно проще и по пунктам, отталкиваясь от особенностей нашего шаблона.
Заранее благодарю за помощь и поддержку!
С уважением,
Дмитрий
#2
Отправлено 12 Сентябрь 2014 - 03:13
подобный вопрос ранее обсуждался на форуме и имеет инструкции:
http://forum.storela...ic/815-share42/
http://forum.storela...ic/815-share42/
#3
Отправлено 26 Август 2015 - 17:04
Добрый вечер. Прикрутила виджеты соц. сетей с сайта uptolike
Все работает, только блок кнопок немного гуляет по странице, если есть несколько фотографий товара. Как его поставить под дополнительные фото и также чуть сдвинуть вправо, чтобы он не вылазил за рамку фото. (см. скриншот)
UPD: Также после добавления виджета при открытии дополнительных фотографий появляется красное поле с надписью: найдена 1 JS ошибка. Появляется меньше чем на секунду и исчезает.
Все работает, только блок кнопок немного гуляет по странице, если есть несколько фотографий товара. Как его поставить под дополнительные фото и также чуть сдвинуть вправо, чтобы он не вылазил за рамку фото. (см. скриншот)
UPD: Также после добавления виджета при открытии дополнительных фотографий появляется красное поле с надписью: найдена 1 JS ошибка. Появляется меньше чем на секунду и исчезает.
#4
Отправлено 31 Август 2015 - 08:00
актуально
#5
Отправлено 03 Сентябрь 2015 - 14:58
актуально
#6
Отправлено 03 Сентябрь 2015 - 16:17
nrisimhi (26 Август 2015 - 17:04) писал:
Добрый вечер. Прикрутила виджеты соц. сетей с сайта uptolike
Все работает, только блок кнопок немного гуляет по странице, если есть несколько фотографий товара. Как его поставить под дополнительные фото и также чуть сдвинуть вправо, чтобы он не вылазил за рамку фото. (см. скриншот)
UPD: Также после добавления виджета при открытии дополнительных фотографий появляется красное поле с надписью: найдена 1 JS ошибка. Появляется меньше чем на секунду и исчезает.
Все работает, только блок кнопок немного гуляет по странице, если есть несколько фотографий товара. Как его поставить под дополнительные фото и также чуть сдвинуть вправо, чтобы он не вылазил за рамку фото. (см. скриншот)
UPD: Также после добавления виджета при открытии дополнительных фотографий появляется красное поле с надписью: найдена 1 JS ошибка. Появляется меньше чем на секунду и исчезает.
<script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="disable" data-share-style="1" data-mode="share" data-follow-vk="tamtam_shop" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="horizontal" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="vk.fb.tw.ok.mr.lj.gp.ps." data-share-size="20" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="vk." data-pid="1409109" data-counter-background-alpha="1.0" data-following-enable="true" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons" ></div>и удалите, далее найдите код
<h5>Другие фото {GOODS_NAME}</h5> {% ENDIF %} <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}после вставьте
<div> <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="disable" data-share-style="1" data-mode="share" data-follow-vk="tamtam_shop" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="horizontal" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="vk.fb.tw.ok.mr.lj.gp.ps." data-share-size="20" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="vk." data-pid="1409109" data-counter-background-alpha="1.0" data-following-enable="true" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons" ></div></div>
#7
Отправлено 04 Сентябрь 2015 - 09:57
Спасибо, теперь все ровно отображается, но эта проблема не решилась: "при открытии дополнительных фотографий появляется красное поле с надписью: найдена 1 JS ошибка. Появляется меньше чем на секунду и исчезает."
#8
Отправлено 04 Сентябрь 2015 - 11:03
nrisimhi (04 Сентябрь 2015 - 09:57) писал:
Спасибо, теперь все ровно отображается, но эта проблема не решилась: "при открытии дополнительных фотографий появляется красное поле с надписью: найдена 1 JS ошибка. Появляется меньше чем на секунду и исчезает."
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="id" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;">
Замените на:
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;">
#9
Отправлено 04 Сентябрь 2015 - 16:05
Ошибки больше нет. Но у меня при наведении картинки был отменен зум, картинка оставалась статичной. Как опять отменить зум?
#11
Отправлено 04 Сентябрь 2015 - 19:00
спасибо, все хорошо.
Темы с аналогичным тегами вконтакте, соцсети, like, кнопки, share42.com
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных