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


Установка Виджетов Вконтакте

Автор Snuffit, 24 марта 2011 21:06

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

#221 KATRIN

KATRIN

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

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

Отправлено 23 Ноябрь 2014 - 15:02

Здравствуйте! У меня простой но очень важный для меня вопрос.
Я давно уже вставила картинку с ссылкой МЫ В КОНТАКТЕ, но хочу сделать от нее отступ, а то она *прилипла* к левой стенке. Чего я только не делала она никуда не перемещается, кроме вверх/вниз)))

Что мне в ней нужно добавить, чтобы появился отступ? Сайт http://bigykma.ru/


<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
            {% IF TARIFF_FEATURE_GOODS_FILTERS %}


<a href="http://vkontakte.ru/bigykma"> <img border="400" style="margin:500px 60 70 300px;" alt="Мы в Контакте" src="http://design.bigykm....png?1638"></a>
  


              <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
              {% IF SHOW_GOODS_FILTERS %}
                <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>

                <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
                <form action="" method="get">
                  <div class="contentTbodySearchFilterBlock cornerAll">

#222 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Ноябрь 2014 - 15:07

Просмотр сообщенияKATRIN (23 Ноябрь 2014 - 15:02) писал:

Здравствуйте! У меня простой но очень важный для меня вопрос.
Я давно уже вставила картинку с ссылкой МЫ В КОНТАКТЕ, но хочу сделать от нее отступ, а то она *прилипла* к левой стенке. Чего я только не делала она никуда не перемещается, кроме вверх/вниз)))

Что мне в ней нужно добавить, чтобы появился отступ? Сайт http://bigykma.ru/


<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS %}


<a href="http://vkontakte.ru/bigykma"> <img border="400" style="margin:500px 60 70 300px;" alt="Мы в Контакте" src="http://design.bigykm....png?1638"></a>
  


  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
  {% IF SHOW_GOODS_FILTERS %}
<br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>

<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get">
  <div class="contentTbodySearchFilterBlock cornerAll">
Здравствуйте.
Строку
<a href="http://vkontakte.ru/bigykma"> <img border="400" style="margin:500px 60 70 300px;" alt="Мы в Контакте" src="http://design.bigykm....png?1638"></a>
замените на
<a href="http://vkontakte.ru/bigykma"> <img style="margin: 10px 10px 10px 10px;" alt="Мы в Контакте" src="http://design.bigykma.ru/98%D0%B3989.png?1638"></a>
и регулируйте значение 10px

#223 KATRIN

KATRIN

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

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

Отправлено 23 Ноябрь 2014 - 15:55

Просмотр сообщенияDanil (23 Ноябрь 2014 - 15:07) писал:

Строку
<a href="http://vkontakte.ru/bigykma"> <img border="400" style="margin:500px 60 70 300px;" alt="Мы в Контакте" src="http://design.bigykm....png?1638"></a>
замените на
<a href="http://vkontakte.ru/bigykma"> <img style="margin: 10px 10px 10px 10px;" alt="Мы в Контакте" src="http://design.bigykma.ru/98%D0%B3989.png?1638"></a>
и регулируйте значение 10px

Огромное спасибо за быстрый отклик! Я вставила, посмотрите пожалуйста, что-то не так. Ссылка почему-то висит сверху)

#224 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Ноябрь 2014 - 16:02

Просмотр сообщенияKATRIN (23 Ноябрь 2014 - 15:55) писал:

Огромное спасибо за быстрый отклик! Я вставила, посмотрите пожалуйста, что-то не так. Ссылка почему-то висит сверху)
Изменения произвел, проверьте.

#225 KATRIN

KATRIN

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

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

Отправлено 23 Ноябрь 2014 - 16:15

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

Просмотр сообщенияDanil (23 Ноябрь 2014 - 16:02) писал:

Изменения произвел, проверьте.


Спасибо огромное!!!! Всё работает и выгрядит как надо!

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

  • kartinka_spasibo.gif

#226 Heatray

Heatray

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

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

Отправлено 04 Декабрь 2014 - 19:10

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

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

  • Безымянный.jpg

#227 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 04 Декабрь 2014 - 19:16

Просмотр сообщенияHeatray (04 Декабрь 2014 - 19:10) писал:

Добрый вечер. тут много раз писали об этом , но всем помогают не говоря как сделали) как переместить его вправо? и если в будущем захочу например однокласники - как их еще дальше?
здравствуйте. В шаблоне HTML переместите
		  <!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41109464);
</script>
разместив этот код перед
		<div class="clear"></div>
	  </div>
	</div>
	<div id="powered">
	  <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
	  <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
	  <div class="inner">Все права защищены</div>
	  <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	  <div class="inner">{SETTINGS_STORE_HTML_CODE}</div> 
	</div>
	<div id="back-top" style="position: fixed; bottom: 0px; right: 0px; cursor: pointer;z-index: 1000;" title="Наверх">
	  <img src="{ASSETS_IMAGES_PATH}scroll.png?design=spring" style="width:50px; height:50px">
	</div>
	<div class="clear"></div> 
  </body>
</html>
и добавьте в main.css 
#vk_groups {
float: left;
}

#228 Heatray

Heatray

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

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

Отправлено 04 Декабрь 2014 - 19:25

Просмотр сообщенияAlekseys (04 Декабрь 2014 - 19:16) писал:

здравствуйте. В шаблоне HTML переместите
		 <!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 41109464);
</script>
разместив этот код перед
	 <div class="clear"></div>
	 </div>
</div>
<div id="powered">
	 <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div>
	 <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
	 <div class="inner">Все права защищены</div>
	 <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	 <div class="inner">{SETTINGS_STORE_HTML_CODE}</div>
</div>
<div id="back-top" style="position: fixed; bottom: 0px; right: 0px; cursor: pointer;z-index: 1000;" title="Наверх">
	 <img src="{ASSETS_IMAGES_PATH}scroll.png?design=spring" style="width:50px; height:50px">
</div>
<div class="clear"></div>
</body>
</html>
и добавьте в main.css
#vk_groups {
float: left;
}

спасибо. но он налез на подвальные контакты. как прописать вправо немного?)

#229 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 04 Декабрь 2014 - 20:02

Просмотр сообщенияHeatray (04 Декабрь 2014 - 19:25) писал:

спасибо. но он налез на подвальные контакты. как прописать вправо немного?)
В main.css замените
#vk_groups {
float: left;
}
на
#vk_groups {
float: left;
margin-left: 20px;
}

#230 m-ya-v

m-ya-v

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

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

Отправлено 05 Февраль 2015 - 16:37

Добрый день, подскажите, пожалуйста, как установить нормально на главную страницу виджеты Контакт и Одноклассники...попыталась сама..вот что получилось (прикрепляю изображение). Как их вставить под каталог услуг справа?
Сайт ivsds.ru

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

  • Рисунок4.png

#231 Ирина345

Ирина345

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

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

Отправлено 05 Февраль 2015 - 19:31

Просмотр сообщенияm-ya-v (05 Февраль 2015 - 16:37) писал:

Добрый день, подскажите, пожалуйста, как установить нормально на главную страницу виджеты Контакт и Одноклассники...попыталась сама..вот что получилось (прикрепляю изображение). Как их вставить под каталог услуг справа?
Сайт ivsds.ru
Здравствуйте, уточните ваш вопрос еще актуален.

#232 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 10 Март 2015 - 15:20

Просмотр сообщенияVaccina (03 Май 2011 - 19:39) писал:

Вам нужно с генерировать JS код по ссылке http://vk.com/develo...php?o=-1&p=Like
далее в шаблоне "Товар" после блока

<!-- Блок описания товара. Показываем его есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
<h3>Описание {GOODS_NAME}</h3>
{GOODS_DESCRIPTION_LARGE}
{% ENDIF %}
<!-- END Блок описания товара. Показываем его есть описание товара -->

вставить с генерированный код. Код нужно генерировать при авторизованной сессии вконтакте.


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

#233 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 10 Март 2015 - 15:24

Просмотр сообщенияKonlino (10 Март 2015 - 15:20) писал:

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

#234 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 11 Март 2015 - 13:36

Просмотр сообщенияDanil (10 Март 2015 - 15:24) писал:

Здравствуйте.
Произведите изменения, чтобы мы могли исправить ошибку.

Изменение произвел

#235 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 11 Март 2015 - 14:10

Просмотр сообщенияKonlino (11 Март 2015 - 13:36) писал:

Изменение произвел

Уточнение: она не исчезает, а почему-то очень долго грузится..

#236 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 11 Март 2015 - 15:00

Еще вопрос, после добавления виджета вк в подвале сайта, контакты и виджет наезжают друг на друга, где поправить?

https://yadi.sk/i/F0ZK9SoefB27J


#237 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 11 Март 2015 - 20:15

Просмотр сообщенияKonlino (11 Март 2015 - 15:00) писал:

Еще вопрос, после добавления виджета вк в подвале сайта, контакты и виджет наезжают друг на друга, где поправить?

https://yadi.sk/i/F0ZK9SoefB27J

Здравствуйте.
В шаблоне style.css найдите код:
#footer > div {
width: 20%!important;
padding: 0!important;
margin: 30px 20px 0 0!important;
float: left;
}
И замените его вот этим кодом:
#footer > div {
padding: 0!important;
margin: 30px 20px 0 0!important;
float: left;
}

#238 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 12 Март 2015 - 13:50

Спасибо большое, виджет теперь нормально отображается

#239 OSV

OSV

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

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

Отправлено 03 Май 2015 - 16:12

Здравствуйте! Помогите, пожалуйста.
Мне нужно в одну из категорий товара вставить код, сформированный ВКонтакте с помощью кнопки "Поделиться", находящейся у записи на стене нашей группы. Код, например, такой:

<div id="vk_post_-61375088_160"></div><script type="text/javascript">  (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//vk.com/js/api/openapi.js?116"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'vk_openapi_js'));  (function() {    if (!window.VK || !VK.Widgets || !VK.Widgets.Post || !VK.Widgets.Post("vk_post_-61375088_63", -61375088, 63, '1_5q3gCYOGIaV7clt0oBLHPZcA', {width: 650})) setTimeout(arguments.callee, 50);  }());</script>

Вставить его полностью в Источник на странице Редактирование категории (куда и нужно вставить) не получается. Поэтому ставлю туда только блок div. Но куда вставить остальное? Куда ни вставлю, выскакивает JS-ошибка на других страницах (как минимум на всех страницах с товарами, если вставить в шаблон Товары), хотя в нужной категории товара всё отображается корректно. Подскажите, пожалуйста, как быть.
Аккаунт SL-231079    (Категория Бионикл)

#240 Ирина345

Ирина345

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

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

Отправлено 04 Май 2015 - 12:46

Просмотр сообщенияOSV (03 Май 2015 - 16:12) писал:

Здравствуйте! Помогите, пожалуйста.
Мне нужно в одну из категорий товара вставить код, сформированный ВКонтакте с помощью кнопки "Поделиться", находящейся у записи на стене нашей группы. Код, например, такой:

<div id="vk_post_-61375088_160"></div><script type="text/javascript">  (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//vk.com/js/api/openapi.js?116"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'vk_openapi_js'));  (function() { if (!window.VK || !VK.Widgets || !VK.Widgets.Post || !VK.Widgets.Post("vk_post_-61375088_63", -61375088, 63, '1_5q3gCYOGIaV7clt0oBLHPZcA', {width: 650})) setTimeout(arguments.callee, 50);  }());</script>

Вставить его полностью в Источник на странице Редактирование категории (куда и нужно вставить) не получается. Поэтому ставлю туда только блок div. Но куда вставить остальное? Куда ни вставлю, выскакивает JS-ошибка на других страницах (как минимум на всех страницах с товарами, если вставить в шаблон Товары), хотя в нужной категории товара всё отображается корректно. Подскажите, пожалуйста, как быть.
Аккаунт SL-231079 (Категория Бионикл)
Здравствуйте,
уточните куда именно не получается вставить, через кнопку Источник,
так же где вам необходимо расположить кнопку?
уберите код виджета из описания
Обратно в Другое


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

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

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