1
Редактировать Виджет И Кнопки Соц.сетей
Автор Koly4ei, 15 июля 2015 16:34
Сообщений в теме: 10
#1
Отправлено 15 Июль 2015 - 16:34
1)Подскажите как вставить ссылку в виджете на своё сообщество?
2)Как скрыть кнопки социалок вверху,оставив только ВК и как вставить туда ссылку на своё сообщество?
3)Как отредактировать иконки платёжных систем в подвале оставив только визу,маестро и добавив вебмани и ЯД?
4)Как поменять картинки на слайдере?
5)Под слайдером есть иконки (доставка,гарантия и т.д) как заменить иконку безопасной оплаты?
2)Как скрыть кнопки социалок вверху,оставив только ВК и как вставить туда ссылку на своё сообщество?
3)Как отредактировать иконки платёжных систем в подвале оставив только визу,маестро и добавив вебмани и ЯД?
4)Как поменять картинки на слайдере?
5)Под слайдером есть иконки (доставка,гарантия и т.д) как заменить иконку безопасной оплаты?
#2
Отправлено 15 Июль 2015 - 17:57
Koly4ei (15 Июль 2015 - 16:34) писал:
1)Подскажите как вставить ссылку в виджете на своё сообщество?
2)Как скрыть кнопки социалок вверху,оставив только ВК и как вставить туда ссылку на своё сообщество?
3)Как отредактировать иконки платёжных систем в подвале оставив только визу,маестро и добавив вебмани и ЯД?
4)Как поменять картинки на слайдере?
5)Под слайдером есть иконки (доставка,гарантия и т.д) как заменить иконку безопасной оплаты?
2)Как скрыть кнопки социалок вверху,оставив только ВК и как вставить туда ссылку на своё сообщество?
3)Как отредактировать иконки платёжных систем в подвале оставив только визу,маестро и добавив вебмани и ЯД?
4)Как поменять картинки на слайдере?
5)Под слайдером есть иконки (доставка,гарантия и т.д) как заменить иконку безопасной оплаты?
Здравствуйте.
Уточните, пожалуйста, Ваш номер аккаунта.
#3
Отправлено 15 Июль 2015 - 18:31
SL-350830
#4
Отправлено 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 на название иконки, которая будет отображаться при наведении курсора (белая).
#6
Отправлено 04 Май 2017 - 10:58
Kapal (04 Май 2017 - 08:48) писал:
Здравствуйте!
Как отредактировать виджет VK: В обложке убрать верхний прозрачный темный фон с надписью и логотипом. Чтобы осталась цветная обложка, которая за ним?
Как отредактировать виджет VK: В обложке убрать верхний прозрачный темный фон с надписью и логотипом. Чтобы осталась цветная обложка, которая за ним?
Здравствуйте, к сожалению, виджет не поддаётся настройке, так как загружается с сервиса Вконтакте.
#7
Отправлено 05 Май 2017 - 19:51
Здравствуйте! В мобильной версии нет виджета vk.Так должно быть или можно исправить?
#8
Отправлено 05 Май 2017 - 20:10
Kapal (05 Май 2017 - 19:51) писал:
Здравствуйте! В мобильной версии нет виджета vk.Так должно быть или можно исправить?
в блоке
@media all and (max-width: 767px) {удалите код:
#community_widget_right {display: none; }
#9
Отправлено 06 Май 2017 - 12:53
Спасибо!
#10
Отправлено 10 Август 2017 - 17:03
Mr.Nito (05 Май 2017 - 20:10) писал:
Чтобы включить иконку группы,которая выезжает на компьютере в файле main.css
в блоке
в блоке
@media all and (max-width: 767px) {удалите код:
#community_widget_right {display: none; }
Здравствуйте!
Как вернуть обратно: из мобильной версии отключить иконку. В какую строку вставить удаленный код?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных