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


Редактировать Виджет И Кнопки Соц.сетей


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

#1 Koly4ei

Koly4ei

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

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

Отправлено 15 Июль 2015 - 16:34

1)Подскажите как вставить ссылку в виджете на своё сообщество?
2)Как скрыть кнопки социалок вверху,оставив только ВК и как вставить туда ссылку на своё сообщество?
3)Как отредактировать иконки платёжных систем в подвале оставив только визу,маестро и добавив вебмани и ЯД?
4)Как поменять картинки на слайдере?
5)Под слайдером есть иконки (доставка,гарантия и т.д) как заменить иконку безопасной оплаты?

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Июль 2015 - 17:57

Просмотр сообщенияKoly4ei (15 Июль 2015 - 16:34) писал:

1)Подскажите как вставить ссылку в виджете на своё сообщество?
2)Как скрыть кнопки социалок вверху,оставив только ВК и как вставить туда ссылку на своё сообщество?
3)Как отредактировать иконки платёжных систем в подвале оставив только визу,маестро и добавив вебмани и ЯД?
4)Как поменять картинки на слайдере?
5)Под слайдером есть иконки (доставка,гарантия и т.д) как заменить иконку безопасной оплаты?

Здравствуйте.
Уточните, пожалуйста, Ваш номер аккаунта.

#3 Koly4ei

Koly4ei

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

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

Отправлено 15 Июль 2015 - 18:31

SL-350830

#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Июль 2015 - 19:39

Просмотр сообщенияKoly4ei (15 Июль 2015 - 18:31) писал:

SL-350830

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);

В данном коде замените числовое значение идентификатора сообщества (id) 20003922 на свое.

2. Найдите код:
				<ul class="connect-us">
				  <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>

Замените на:
				<ul class="connect-us">
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>

Вместо # вставьте ссылку на Ваше сообщество вконтакте.

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			  <ul class="payment">
				<li><a class="visa" title="Visa" href="#">Visa</a></li>
				<li><a class="skrill" title="Skrill" href="#">Skrill</a></li>
				<li><a class="maestro" title="Maestro" href="#">Maestro</a></li>
				<li><a class="cirus" title="Cirus" href="#">Cirus</a></li>
				<li><a class="payment" title="PayPal" href="#">PayPal</a></li>
			  </ul>

Замените на:
			  <ul class="payment">
				<li><a class="visa" title="Visa" href="#">Visa</a></li>
				<li><a class="maestro" title="Maestro" href="#">Maestro</a></li>
				<li><a class="webmoney" title="WebMoney" href="#">WebMoney</a></li>
				<li><a class="yamoney" title="Яндекс.Деньги" href="#">Яндекс.Деньги</a></li>
			  </ul>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
#footer ul.payment li a.webmoney {background-image: url("{ASSETS_IMAGES_PATH}webmoney.png");background-repeat: no-repeat;}
#footer ul.payment li a.yamoney {background-image: url("{ASSETS_IMAGES_PATH}yamoney.png");background-repeat: no-repeat;}

После этого загрузите через кнопку "Добавить файлы" в редакторе шаблонов 2 новые иконки с именами webmoney.png и yamoney.png и размерами 53x53px

4. Для изменения картинок слайдера Вам необходимо загрузить 5 новых изображений с именами slide1.png, slide2.png, slide3.png, slide4.png и slide5.png.
Стандартные изображения имеют размер 1920x570px и имеют прозрачную подложку.

5. Вам будет необходимо загрузить через кнопку "Добавить файлы" в админ панели в редакторе шаблонов 2 иконки вместо "Замков". Первая должна быть серого цвета (не белая) и вторая белая. Размеры иконок 78x78px.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}

Замените на:
#topsl .block.secured-payment .block-title span:after {background-image: url("{ASSETS_IMAGES_PATH}название иконки1");background-repeat: no-repeat;}

Найдите код:
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

Замените на:
#topsl .block.secured-payment:hover .block-title span:after {background-image: url("{ASSETS_IMAGES_PATH}название иконки2");background-repeat: no-repeat;}

Замените название иконки1 на название иконки, которая будет отображаться в спокойном состоянии (серая).
Замените название иконки2 на название иконки, которая будет отображаться при наведении курсора (белая).

#5 Kapal

Kapal

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

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

Отправлено 04 Май 2017 - 08:48

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

Как отредактировать виджет VK: В обложке убрать верхний прозрачный темный фон с надписью и логотипом. Чтобы осталась цветная обложка, которая за ним?

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

  • скрин.jpg


#6 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 04 Май 2017 - 10:58

Просмотр сообщенияKapal (04 Май 2017 - 08:48) писал:

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

Как отредактировать виджет VK: В обложке убрать верхний прозрачный темный фон с надписью и логотипом. Чтобы осталась цветная обложка, которая за ним?

Здравствуйте, к сожалению, виджет не поддаётся настройке, так как загружается с сервиса Вконтакте.

#7 Kapal

Kapal

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

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

Отправлено 05 Май 2017 - 19:51

Здравствуйте! В мобильной версии нет виджета vk.Так должно быть или можно исправить?

#8 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 05 Май 2017 - 20:10

Просмотр сообщенияKapal (05 Май 2017 - 19:51) писал:

Здравствуйте! В мобильной версии нет виджета vk.Так должно быть или можно исправить?
Чтобы включить иконку группы,которая выезжает на компьютере в файле main.css

в блоке
@media all and (max-width: 767px) {
удалите код:
#community_widget_right {display: none; }


#9 Kapal

Kapal

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

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

Отправлено 06 Май 2017 - 12:53

Спасибо!

#10 Kapal

Kapal

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

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

Отправлено 10 Август 2017 - 17:03

Просмотр сообщенияMr.Nito (05 Май 2017 - 20:10) писал:

Чтобы включить иконку группы,которая выезжает на компьютере в файле main.css

в блоке
@media all and (max-width: 767px) {
удалите код:
#community_widget_right {display: none; }

Здравствуйте!
Как вернуть обратно: из мобильной версии отключить иконку. В какую строку вставить удаленный код?

#11 Danil

Danil

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

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

Отправлено 11 Август 2017 - 12:15

Просмотр сообщенияKapal (10 Август 2017 - 17:03) писал:

Здравствуйте!
Как вернуть обратно: из мобильной версии отключить иконку. В какую строку вставить удаленный код?
Здравствуйте.
Код можно вставить сразу после строки
@media all and (max-width: 767px) {





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

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