Админ сайта Русские за границей, отзовитесь, пожалуйста!

InstantCMS 2.X
#1 1 октября 2019 в 04:35
Здравствуйте. Нашла сайт на инстанте, на сайте есть гид-помощник (на скрине).



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

Опишу ещё саму задачу. Там смысл в том, что когда авторизован, появляется гид-помощник, он начинает подсвечивать блоки на сайте и учить, что блок делает.

Может это какие-то сервисы в инете таких ботов создают? Есть же боты консультанты, но они просто, как чат.

Заранее спасибо каждому, кто ответит по делу.)
#2 1 октября 2019 в 07:22


Опишу ещё саму задачу. Там смысл в том, что когда авторизован, появляется гид-помощник, он начинает подсвечивать блоки на сайте и учить, что блок делает.
Заранее спасибо каждому, кто ответит по делу.)

@Milyana

Это виджет "Тур по сайту".
Я не помню от куда но у меня есть такой… то ли в каталоге, то ли где-то на форумах была ссылка на скачивание.
#3 1 октября 2019 в 07:25



Опишу ещё саму задачу. Там смысл в том, что когда авторизован, появляется гид-помощник, он начинает подсвечивать блоки на сайте и учить, что блок делает.
Заранее спасибо каждому, кто ответит по делу.)

@Milyana

Это виджет "Тур по сайту".
Я не помню от куда но у меня есть такой… то ли в каталоге, то ли где-то на форумах была ссылка на скачивание.

Дмитрий Баринов

А как его подружить с не дефолтным шаблоном?
#4 1 октября 2019 в 07:31


А как его подружить с не дефолтным шаблоном?

@Milyana

Та ничего сложного. И на стандарте и на bootstrap, без разницы… можно настроить.
Там проблемка есть с самим js, или ошибки или конфликт с чем-то другим.
#5 1 октября 2019 в 07:32



А как его подружить с не дефолтным шаблоном?

@Milyana

Та ничего сложного. И на стандарте и на bootstrap, без разницы… можно настроить.
Там проблемка есть с самим js, или ошибки или конфликт с чем-то другим.

Дмитрий Баринов

Нашла — instantcms.ru/addons/sitetour.html
Изучаю. Огромное спасибо!)
#6 1 октября 2019 в 07:33
Сам автор добавил инструкцию в виджет.
*** — ***
Добавьте элементы для тура в следующем формате:
[{ element: 'тип', 'tooltip': 'текст подсказки', 'position': 'позиция подсказки', 'text': 'текст в блоке' }],
у последнего элемента запятая в конце не ставится.
*** — ***
#7 1 октября 2019 в 07:34


Сам автор добавил инструкцию в виджет.
*** — ***
Добавьте элементы для тура в следующем формате:
[{ element: 'тип', 'tooltip': 'текст подсказки', 'position': 'позиция подсказки', 'text': 'текст в блоке' }],
у последнего элемента запятая в конце не ставится.
*** — ***

Дмитрий Баринов

Вот как раз в видео дошла до этого момента и не могу понять, как узнавать коды этих самых элементов. Вот меню nav, а как узнать, что оно nav?
#8 1 октября 2019 в 07:43
В видео нет пояснения про названия элементов. И так же не понятно, как картинку добавить.
#9 1 октября 2019 в 07:50


Вот как раз в видео дошла до этого момента и не могу понять, как узнавать коды этих самых элементов. Вот меню nav, а как узнать, что оно nav?

@Milyana

Вот пример рабочей настройки на одном из моих шаблонов (бутстрап)
  1.  
  2. [
  3. {element:'aside', 'tooltip':'Боковая панель','position':'T','text':'Это боковая панель, здесь находится меню пользователя и вспомогательные элементы сайта. Нажмите на + чтобы быстро добавить контент! Внизу боковой панели есть календарь.'},
  4. {element:'main', 'tooltip':'Главная панель.','position':'T','text':'Здесь расположена информация о пользователе и контактные данные'},
  5. {element:'#left_column', 'tooltip':'Аватар пользователя и счетчик контента','position':'T','text':'Наведите курсором на аватар что бы управлять аккаунтом.'},
  6. ]
  7.  
*** — ***

Я думаю что по картинке будет понятно...


Еще посмотрите на позиции, у меня они обозначены — T 'position':'T'
Их вроде несколько в коде.
#10 1 октября 2019 в 07:52

Вот меню nav, а как узнать, что оно nav?

@Milyana

Через инструмент разработчиков...

#11 1 октября 2019 в 07:53
Возьмите за основу код и поменяйте значения aside main #left_column на любые свои…
#12 1 октября 2019 в 07:57
Разобралась и даже получилось, спасибо)
Как в код встроить картинку? Ну чтоб персонаж рассказывал, а не просто текст один.
#13 1 октября 2019 в 08:07


Как в код встроить картинку? Ну чтоб персонаж рассказывал, а не просто текст один.

@Milyana

откройте файл /templates/default/js/sitetour.js и добавьте одну строку....
После
  1. '<div id="tourText">' + options.welcomeMessage + '</div>'
#14 1 октября 2019 в 08:13


откройте файл /templates/default/js/sitetour.js и добавьте одну строку....
После

  1. '' + options.welcomeMessage + ''

Дмитрий Баринов

Большое спасибо!)
#15 1 октября 2019 в 09:11
@Milyana автор этого шедевра (картинки) Рачей laugh
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.