Куда идем?

Одним их наиболее востребованных элементов сайта была и остается форма обратной связи. Она представляет собой удобный способ установления контакта посетителей с владельцем сайта.  Многие веб-мастера устанавливают себе сторонние расширения для организации формы обратной связи, но мало кто знает, что создать ее можно и стандартными средствами Joomla. Это гораздо правильнее, поскольку каждое стороннее расширение требует отдельного обновления и отслеживания уязвимостей.  В этой статье я расскажу о том, как создать форму обратной связи, защищенную от спама, с помощью стандартных средств Joomla.

Иногда бывает так, что вы давно уже знакомы с Joomla и вроде бы знаете эту CMS достаточно хорошо, но в один прекрасный день обнаруживаете новую возможность, которая все это время имелась в Joomla, но вы о ней даже не подозревали. Точно также получается и с формой обратной связи – она есть, но найти ее довольно непросто.

Помимо стандартной формы обратной связи советую попробовать мой модуль Wedal Joomla Callback. Он бесплатен и позволяет загружать и отправлять форму обратной связи без перезагрузки страницы.

Создание формы обратной средствами Joomla. Компонент «Контакты»

Скажите честно, сколько раз вы пытались разобраться со стандартными компонентами Joomla, которые доступны сразу после ее установки? Не знаю почему, но ассоциации такие, что это простейшие, базовые вещи, которые вряд ли когда-то понадобятся. На самом деле бывает наоборот.

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

На сайте Wedal.ru вы можете увидеть пример такой формы:

joomla-feedback-form

Как видите, все необходимое для связи имеется. Этой формой посетители пользуются достаточно часто. Как ее создать?

Компонент «Контакты». Добавление контакта

Переходим в «Компоненты» –> «Контакты» и добавляем новый контакт.

Появится следующая форма:

joomla-feedback-form

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

В поле «Дополнительная информация» можете указать какой-то текст, который требуется показать на странице контакта.

Во вкладке «Детали контакта» не заполняем ничего.

joomla-feedback-form

Во вкладке «Настройки отображения» скрываем все лишнее:

joomla-feedback-form

Во вкладке «Форма обратной связи» показываем форму:

joomla-feedback-form

Сохраняем.

Компонент «Контакты». Добавление пункта меню контакта

После того, как контакт создан, необходимо показать его на сайте. Для этого создаем в меню пункт «Контакты» или «Обратная связь» и выбираем для него тип «Контакты» –> «Контакт»:

joomla-feedback-form

После этого в появившейся справа форме выбираем созданный нами контакт:

joomla-feedback-form

И сохраняем.

На этом все. Можно смотреть на нашу форму на сайте.

Важно! Обязательно проверьте работоспособность полученной формы обратной связи. Иногда, из-за неправильных настроек отправления писем, почта не отправляется. Это ошибка не формы контактов, а настроек Joomla по работе с почтой (смотрите общие настройки Joomla).

Создание формы обратной средствами Joomla. Защита от спама

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

Как защитить форму обратной связи от спама? В Joomla 2.5 имеется поддержка наверное самой лучшей капчи(код с картинки) reCAPTCHA. Алгоритм ее активации следующий:

1) Получение ключей. Чтобы получить ключи активации, нужно перейти на страницу http://www.google.com/recaptcha/whyrecaptcha и нажать кнопку «Sign Up Now». Вам будет предложено авторизоваться в аккаунте Google(сервис reCaptcha принадлежит Google). Если такового нет, то придется зарегистрировать. После авторизации вас попросят ввести адрес сайта:

joomla-feedback-form

И после этого будут сгенерированы два ключа.

Вся процедура получения ключей и пользования ими бесплатна.

2) Идем в менеджер плагинов сайта и находим там плагин «CAPTCHA - reCAPTCHA».

В его настройках видим поля для ввода ключей:

joomla-feedback-form

Вводим ключи, активируем плагин и сохраняем его.

3) Переходим в компонент контактов и открываем настройки:

joomla-feedback-form

joomla-feedback-form

В опции «Включить CAPTCHA» выбираем «CAPTCHA - reCAPTCHA». Сохраняем. Готово. Теперь капча появится в нашей форме обратной связи.

Кстати, reCAPTCHA может использоваться не только в форме обратной связи, но и при регистрации пользователей (активируется в настройках менеджера пользователей).

На этом всё. Потратив 5 минут, можно создать простую и удобную форму обратной связи для вашего Joomla-сайта, не прибегая к использованию сторонних расширений.

Об авторе
Wedal
(Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.
Добавить комментарий

Комментарии  
0
Виталий, спасибо за статью! А возможно как-то переопределить шаблон формы, чтобы свои поля добавить?
0
VARion, переопределить конечно возможно. Поля добавить тоже. А вот обработать их... Не знаю, не пробовал.
0
Помню когда-то плагинов для форм мало было, не все подходили и приходилось с кастомными мучится. Зато сейчас всякого добра полно. Сам использую extensions.joomla.org/extension/ucalc/ что избавляет меня вообще лезть в исходный код.
0
Иван, зачем использовать платный модуль, когда есть большое количество хороших бесплатных, не говоря уже про стандартную форму обратной связи?
1
Судя по отзывам в интернете, плагин и сам сервис неплохой. Для простых форм я больше код предпочитаю. А для чуть посложней и когда времени нет использую stepFORM. Есть еще какие-то платные плагины, но они по сути не стоят своей цены, тем более когда бесплатное есть.
1

Цитирую Игорь:

Судя по отзывам в интернете, плагин и сам сервис неплохой. Для простых форм я больше код предпочитаю. А для чуть посложней и когда времени нет использую stepFORM. Есть еще какие-то платные плагины, но они по сути не стоят своей цены, тем более когда бесплатное есть.



Да стандартными средствами если делать формы на джумле, то ничуть не хуже выходит. А что за сервис такой, это английский или вот этот stepform.io/ru ? Посмотрел, написано интересно на лендинге, а там неизвестно как.
0
Есть и плагин от них https://extensions.joomla.org/extension/stepform/ На самом сервисе собираешь и в джумле в странице там из списка нужная форма выбирается, втыкаешь shortcode. Как по мне, так удобней, чем код постоянно добавлять на страницу.
0
Неплохо, но данный способ пригоден только для создания простейших форм обратной связи. В этом плане мне больше импонирует компонент RSform! - гибкий до безобразия))) Единственный минус - платный, но, к счастью, стоит не так дорого.
1

Цитирую xerox21:

к счастью, стоит не так дорого.


Весь вопрос с чем сравнивать, если у них лицензия на год для неограниченного использования стоит 99€ тогда как, например, у Rockettheme за ВСЕ компоненты также на год стоит 30$. Я конечно не пробовал его, может он того и стоит.
0
Ну так, на проект достаточно и за 19 евриков)))
0
Гм... А зачем платить, если можно взять, например, бесплатный ChronoForms?
0
Очень странный вопрос. Платить нужно когда бесплатный ChronoForms не совсем устраивает))) В последнее время решил для себя, что во многих случаях лучше платить за расширения.
0
Если продукт стоящий, то почему бы и не заплатить за его работу. Меня смутила просто разница в цене относительно других подписок на расширения.
-1
Я последнее время для форм использую свою наработку. Только для её работы требуется компонент Jumi. Руками редактирую нужные поля, т.е. у меня всё под контролем: html, php, css, js. Решение правда требует знаний, но зато ничем не ограничен. В частности, прикручивал к нему например календарь JQuery(jqueryui.com/datepicker/)
0
Здравствуйте.
Подскажите в каком файле можно править текст: Отправить сообщение. Все поля, отмеченные звездочкой, являются обязательными.
Спасибо!
1
dmitroff, в Joomla есть очень удобная штука. "Менеджер языков" - "Переопределение констант". Позволяет из админки изменить любой текст на сайте.
9
А куда письма приходят с этой формы?
1
Создала форму на сайте стандартными средствами, но она почему то отображается на английском. В чем может быть проблема?
0
Как?/Возможно ли - показывать эту форму в модальном окне?
0
alex1, да, возможно. По алгоритму, описанному здесь:

http://wedal.ru/rasshireniya-joomla/virtuemart-internet-magazin-na-joomla-chast-30-facebox-for-virtuemart-flypage.html

только применительно к странице формы обратной связи.
0
Спасибо за ответ!
Шаблон формы – это он? Joomla! 2.5.9
\components\com_contact\views\contact\tmpl\default.php
Строчка, которая выводит ссылку на страницу, строка 32 с кодом
php echo $contactLink
/Код не пишу, все равно при сохранении вырежется/
0
Еще вопрос
Как прописать, чтобы после отправки формы, всплывающее окно само закрылось?
Или оно и так, само закроется?
0
- Форму во всплывающее окно вставил, НО не могу найти, какой файл шаблона формы править, чтобы прописать &tmpl=component
- Если ошибка при заполнении формы – выбрасывает на сайт с системным сообщением
- Спасибо за соообщение – выбрасывает на сайт с системным сообщением
- Как автоматически закрыть окно после удачной отправки?
Спасибо.
0
alex1,
1) Если ссылка на форму есть пункт меню, то нужно делать его типа "внешний URL" и добавлять в основному URL &tmpl=component.
2) Нужно ковырять файл формы, пытаясь добавить этот же &tmpl=component или вернуть на текущую страницу.
3) Аналогично 2
4) И как тогда пользователь узнает об удачной отправке?
0

Цитата:

2) Нужно ковырять файл формы, пытаясь добавить этот же &tmpl=component или вернуть на текущую страницу.

Какой файл ковырять? Где добавить? Сам не нашел, чтобы ПРАВИЛЬНО добавить.
0
alex1, вы выше уже писали:
\components\com_contact\views\contact\tmpl\default.php
0
НЕ нашел в какой строке добавить!
2
как сделать, чтобы дополнительная информация введенная в редакторе выходила до формы отправки сообщения в стандартном шаблоне RSMetro? Спасибо.
0
Доброго времени суток!
Спасибо за статью, помогла наглядно. Один вопрос: необходимо поменять строку "Тема" на "Телефон"
ни как не могу найти где :(
0
Klonin,
Расширения - менеджер языков - переопределение констант. Там разберетесь.
0
подскажите, пожалуйста, хочу поставить вместо стандартной кнопки "Отправить сообщение" - другую с типом "image" - картинка.
В файле, где есть ссылка на эту кнопку не получается заменить ее. Подскажите, может быть не там ищу...
1
wintertag, для этого не нужно ничего менять в шаблонах. Только CSS. Добавьте нужную вам картинку background'ом. Отключите все стили для текущей кнопки. Сделайте текст прозрачным или сдвиньте его за пределы экрана.
0
Здравствуйте, ув. Wedal!
Давно читаю ваши статьи и хочу задать вопрос:
Насколько я помню, у вас раньше были тэги, прикреплённые к статьям. Если были, то почему вы от них отказались, ну а если я путаю, всё равно посоветуйте хороший проверенный плагин для такой фунциональности)
И ещё: какой плагин используете для иконок шаринга статеями? Заранее спасибо)
1
d9k, вообще, данные вопросы совершенно не относятся к теме статьи. Нужно задавать их на форуме. Отвечу в качестве исключения.

Теги есть и работают, правда в статьях не показываются, но в остальном все также. Компонент, который используется... он есть только для Joomla 1.6. Дальше я доделывал сам. Вообще, на Joomla 2.5 нормальных компонентов тегов я не знаю. В Joomla 3.1 прекрасный компонент тегов от разработчиков встроен по умолчанию.

Шаринг статей: http://api.yandex.ru/share/
0
Спасибо, буду знать)
0
Спасибо большое за статью, форма установилась на странице контактов, а мне хотелось бы поставить ее на каждой странице сайта. Скажите, пожалуйста, это возможно?
0
Вика, можно добавить просто ссылку на страницу контактов. Если же хочется именно форму, то создайте модуль и добавьте в него Iframe со ссылкой на эту страницу. К ссылку добавьте &tmpl=component .
По умолчанию Iframe будет вырезан из редактора. Вставляйте без редактора.
0
Добрый день ! Помогите решить проблему с отображением формы. Скрин ее прилагается.
http://floomby.ru/s1/rYShPE Как сделать рамку вокруг каждого поля. А то ни черта не видно куда писать. Если можно то поподробнее. Спасибо !
0
dialod, это вопрос исключительно CSS. Нужно найти через Firebug или ему подобного класс этих форм и добавить в CSS свойство border .
1
Здравствуйте!
Спасибо за статью, очень Вы помогли!
Может, глупый вопрос, но как вы сделали отображение дополнительной информации сверху? Делала по вашему примеру, но у меня сначала идет "Форма обратной связи", а потом "Дополнительная информация". Из-за чего это может быть?
Заранее спасибо
1
чтобы дополнительная информация шла перед формой обратной связи нужно в файле components - com_contact - views- conact - tmpl - default.php строки с 98 строки и до 112 вырезать и поставить в строку 72.

подробнее - http://joomlaforum.ru/index.php?PHPSESSID=k2atr76qladhkqhutmjj4vtcg3&topic=221849.0;wap2
0
Благодарю за ответ!!! Весь интернет перерыла и только здесь нашла!
0
Что-то я правлю этот файл components/com_contact/views/contact/tmpl/default.php и у меня ничего не меняется. Даже удаление всего файла ни к чему не приводит. Файлы компонента com_contact в шаблоне не переопределялись и не правились. Кэш чистил, с разных браузеров заходил, ничего не помогает. Что может быть не так? Уже два дня мучаюсь с этой формой. Joomla 3.4.4
0
Archyarts, скорее всего вы правите не тот макет. Напишите URL страницы с отключенным SEF, на которой смотрите изменения. Можно без домена.
0
Нашёл рабочее решение: сделайте в папке своей темы/html папку com_contact а в ней папку contact, в папку contact скопируйте файл default.php и уже его редактируйте.
1
Здравствуйте!
Вопрос на засыпку:как отравлять сообщения на два email ?
0
veditor, я где-то уже писал об этом... Если даже не удается настроить для контакта 2 разных адреса, можно зарегистрировать ящик на любой публичной почте и настроить с него автоматическую переадресацию на сколь угодно много других ящиков, а адрес этого ящика указать для контакта. Таким образом, письмо будет приходить на общий ящик и автоматически пересылаться всем, кому необходимо.
0
Как можно прикрутить CAPCHu на форму обратной связи для сайта на Joomla 1.5.26
Ее там нет по умолчанию?
0
Анатолий, у Joomla 1.5 встроенной капчи нет. Она появилась в более новых версиях CMS. Тут только устанавливать расширение. Проблема в том, что официальный каталог расширений Joomla уже не поддерживает ветку 1.5, как, собственно, и разработчики. Нужно искать по архивам.
1
как сделать стандарную форму обратной связи joomla 2.5 с прикреплением файлов
0
Нурбек, можно попробовать использовать дополнительное расширение: http://extensions.joomla.org/extensions/directory-a-documentation/downloads/3115
0
Хотел спросить, а как у Вас получилось, что "Дополнительная информация" стоит перед формой обратной связи? У меня почему-то она всегда получается под формой, или это зависит от шаблона?
0
Уже нашел ответ сам, спасибо
0
Повторяю вопрос, а как у Вас получилось, что "Дополнительная информация" стоит перед формой обратной связи? У меня почему-то она всегда получается под формой, или это зависит от шаблона?Сама не могу разобраться.
0
colnze, макет обратной связи можно полностью перестроить под свои нужды. Для этого нужно переопределить его в используемый шаблон Joomla и отредактировать структуру. См. статью: http://wedal.ru/uroki-joomla/joomla-17-layouts.html
0
Вы разобрались ?
0
Кто знаєт - как можно поменять само тело письма(форматирование). Фон сделать. Где ето вообще меняется.
0
А все ненадо))) Сам нашол.))))
0
Здравствуйте, подскажите, возможно ли сделать в стандартном компоненте контакты в разделе обратной связи вывод ошибок при неправильном вводе текста? На данный момент, у меня получается пока все поля не заполнить правильно - кнопка "отправить" просто не активна и все.
0
cvoboda, можно, используя jQuery. Joomla, на сколько мне известно, еще не научилась стандартно проверять правильность заполнения полей через скрипты, только через PHP на стороне сервера после отправки. Если вы пишите, что кнопка не активна, значит скрипт ее блокирует и правильность все-таки проверяется, только не появляются всплывающие подсказки. Их можно добавить через jQuery.
0
Ребята помогите решить проблему. Настроил форму обратной связи и при отправке сообщения приходит письмо с ошибкой:
SMTP error from remote mail server after end of data:
host mxs.mail.ru [94.100.180.150]: 550 Message was not accepted -- it contains invalid headers. More specially, 'From:' header must match user you are sending mail from. See http://help.mail.ru/mail-help/mailer/popsmtp for details.
0
Добрый вечер! Спасибо за статью. Извините, нечетко сформулированный вопрос, но я новичок в сайтостроении. После создания формы обратной связи, никак не могу понять как убрать восклицательный знак, после слов "доп информация". При том, что сами слова я убрала. И еще осталась прямая линия, которая тоже смотрится довольно странно, если нет заголовка.
0
Ника, покажите скриншот формы или дайте ссылку на страницу.
0

Цитирую Wedal:

Ника, покажите скриншот формы или дайте ссылку на страницу.


Я не могу дать ссылку, т.к. сайт пока на локальном сервере. Как сюда вставить скриншот?
0
Копия письма приходит к пользователю,а к администратору не приходит, куча настроек перерыл... при регистрации пользователей письма приходят.. в формы нет, ни кто не старливарся ? настройки PHP mail
0
aaandryha, вы в настройках контакта тот же email задали, что и в общих настройках Joomla?
0
Да вот был другой, спс, не заметил, как поменять местами форму и доп информацию у меня вначале форма потом текст, хочу поменять местами
0
Здравствуйте, Wedal!
Всё сделал как Вы учили, но под формой обратной связи не появляется рисунок капчи, а только надпись: CAPTCHA *
В чем проблема?
0
maycompani, проверьте, включен ли у вас плагин reCAPTCHA.
0
Вопрос у меня появляется в начале форма а потом дополнительная информация, как поменять местами что бы форма была внизу под текстом как у Вас ???
0
AndreyWebm, уже отвечал на этот вопрос выше: http://wedal.ru/uroki-joomla/sozdanie-formy-obratnoj-svyazi-standartnymi-sredstvami-joomla.html#comment-8485
0
Ответа там нет там ссылка на статью.. Макеты Joomla...
0
А как сделать так, чтоб форма отображалась не как отдельная страница, а как модуль? т.е. одна и та же форма в том месте где мне надо, на всех страницах которые мне надо?
0
Seregaaa, насколько мне известно, такой возможности в стандартном компоненте нет. Можно поискать в JED дополнительный модуль, взаимодействующий с компонентом "Контакты", но я с таким не сталкивался.
0
День добрый. У меня есть контакты, форма заказа, Links(Связь соц сетей) и Дополнительная информация. Как убрать Links(Связь соц сетей)??????????????

http://demo.joomlashine.com/joomla-templates/jsn_mico/pro/index.php?option=com_contact&view=contact&id=1:name&catid=16&Itemid=512
0
Wlad, очевидно нужно отключить отображение этого блока в настройках формы контактов. Или лучше в пункте меню с ID=512.
0
А подскажите пожалуйста как можно это использовать для создания формы "обратный звонок"? Чтобы ссылка была в шапке сайта и при нажатии выскакивала контактная форма, где можно было бы оставить номер телефона?
Спасибо!
0
Adrian, к url страницы, на которой сейчас появляется форма, нужно добавить &tmpl=component . Далее действовать по методу, описанному в этой статье: http://wedal.ru/joomla/avtorizatsiya-dlya-joomla-sajta-vo-vsplyvayushchem-okne-kejs-2.html
0
Не знаю даже, есть же тот же гибкий RS form или из бесплатных с ajax, например, http://dev.inconver.com/joomla/contactform.html
0
Александр, дополнительное расширение - это всегда хуже, чем его встроенный аналог. Да, там могут быть разные плюшки, но стоит помнить о том, что каждое дополнительное расширение нужно также обновлять и поддерживать. Ладно, если оно у вас одно, а если их пара десятков?
0
Пользуемся RedHelper (http://redhelper.ru/)

Мне нравится то, что есть общий браузер, который позволяет оператору увидеть страницу так, как ее видит клиент, это позволяет гораздо быстрее
найти проблему и исправить ее. Кроме того, нету раздражающих всплывающих окон. Сами производители достаточно часто совершенствуют
RedHelper - есть и отдельный виджет RedConnect , с которым они полностью интегрируются и постоянно добавляется что-то новое.
0
А может ли эта форма в своем функционале возможность бы формой комментирования?. То есть пользователь оставляет сообщение, который автоматически публикуется на сайте под формой через несколько секунд.
0
Енотов, нет, для этих целей лучше подойдет jComments. Получится аналогично: http://wedal.ru/gb.html
0
Здравствуйте, Wedal!
Ппод формой обратной связи не появляется рисунок капчи, а только надпись: CAPTCHA *
Плагин reCAPTCHA включен - проверила. Подскажите, что делать?
0
Вика, вы ввели в настройках плагина reCAPTCHA ключи?
0
Здравствуйте)) Подскажите, пожалуйста, где нужно копать, что бы удалить нумерацию контактов(joomla 3)
0
Marily, о какой нумерации идет речь? Покажите живой пример.
0

Вот скрин.
p.s. спасибо за оперативную связь :roll:
0
Marily, нужен живой сайт. Если он недоступен в Интернет, пришлите относителный URL на эту страницу без SEF, например: index.php?option=com_contact&view=...
-1
Простите, не совсем поняла как "добыть" эту ссылку :oops: сайт на локальном. Думаю, копать нужно здесь default_items.php

Код:

<?php foreach ($this->items as $i => $item) : ?>
<tr class="<?php echo ($i % 2) ? "odd" : "even"; ?>">
<td class="item-num">
<?php echo $i; ?>
</td>


и

Код:

<th class="item-num">
<?php echo JText::_('JGLOBAL_NUM'); ?>
</th>


Но php пока не сильна...
0
Marily, ссылка та, что показывается в адресной строке, когда у вас открыта страница с картинки.
Если вы нашли участок кода верно, то просто удалите:

Код:

<td class="item-num"> <?php echo $i; ?> </td>


и

Код:

<th class="item-num"> <?php echo JText::_('JGLOBAL_NUM'); ?> </th>


Напоминаю, что такие изменения нужно вносить в макет, переопределенный в шаблон Joomla. В противном случае, изменения будут стерты при первом же обновлении Joomla.
0
Так и есть)) Вдруг, кому пригодиться, нужный файл - default_items.php :roll:
Еще раз спасибо за оперативность))
0
Доброго времени суток!
Подскажите, пожалуйста, какой файл отвечает за всплывающие подсказки в стндр форме отправки письма.
Не понятно почему всплывает подсказка вида - ИмяВаше имя
В общем перерыл много чего, но ответа так и не нашел. Может тут, добрые люди помогут и добро им вернется :-)
Заранее спасибо! Joomla 3.4.8
0
Виталий, решение может быть разным в зависимости от вашей задачи. Опишите задачу. Что вы хотите сделать? Удалить всплывающие подсказки или изменить их содержание?
0
Спасибо за ответ!
Изменить их содержание! Точнее решить проблему с тегами - которые во всплывающих подсказках, как бы не срабатывают - например при наведении на "ИМЯ*" - выпадает " Имя Ваше имя".
Спасибо!
0
Виталий, чтобы не копаться в коде, вы можете просто изменить текст этих подсказок через переопределение языковых констант. Вот здесь инструкция с картинками: http://wedal.ru/uroki-joomla/tekst-na-sajte-joomla-kak-najti-dobavit-izmenit-udalit.html

Второй вариант - найти макет Joomla, который отображает данную страницу и отредактировать его, удалив всплывашки.

Третий вариант - скрыть всплывашки через CSS (стиль: display: none;)
0
Отличный и интересный материал! Обязательно применю в дальнейшем, однако проблема не уходит(
После переопределения, теги во всплывающей подсказке остаются, слова- естественно переопределяются, что должно и происходить без проблем.
Суть убрать ТЕГИ. Заранее спасибо! Креплю фото!
0
Виталий, я не уверен, что способ, описанный ниже, будет работать, но попробуйте:
В используемом вами шаблоне откройте файл index.php и перед закрывающим тегом body добавьте следующий код:

Код:


<script type="text/javascript">
jQuery(document).ready(function () {
// Tooltip
jQuery('.tooltip').tooltip({
html: true
});
});
</script>

0
Спасибо за попытку! К сожалению, не помогает(
Может есть еще какие-нибудь мысли?
0
Виталий, суть проблемы в том, что скрипт всплывающих подсказок (tooltip'ов) работает сейчас в режиме, разрешающим использовать внутри этих подсказок только текст, но не html. Чтобы html также можно было использовать, необходимо указать это скрипту определенным параметром. Скорее всего тем, что я привел в коде выше.

Почему это не работает правильно "из коробки"? Скорее всего работает. Проблема может быть в том, что на сайте одновременно используется Mootools и jQuery фреймворки. Попробуйте поменять шаблон Joomla на один из стандартных и проверить подсказки. Не исправились ли они?

А вообще, стандартное решение следующее. Вам нужно посмотреть CSS-класс всплывающих подсказок, разобраться, какой скрипт за них отвечает, посмотреть документацию скрипта и добавить опцию активации html в tooltip'ах по аналогии с тем, как я писал выше. Для веб-разработчика это не сложно, но если вы не очень хорошо разбираетесь в коде, данные действия могут вызвать у вас проблемы.
0
Отключал с помощью плагина "Joomla Options" одновременную работу данных фреймворков - безрезультатно.
Пробовал - протостар, бииз3 - так же без результата.
Вот каким образом наити скрипт который отвечает за Tooltip'ы?
Спасибо за ответы!)
0
Попробую немного сделать по иному.
Обязательное поле в контактной форме выводится с помощью - ПХП ЭХО $this->form->getInput('contact_name');
Подскажите, пжлста, какой конструкцией сделать чтобы внутри этой формы писался текст?
Скорее всего это "placeholder=" но как его применить???
0
JML_VFCDM, в этой конструкции placeholder не предполагается и без хака не обойтись. Можно либо добавить placeholder через jQuery, после загрузки страницы в input'ам c нужными идентификаторами, или, заменить данную php-конструкцию ее html-копией со страницы контактов, добавив туда placeholder.
0
Спасибо огромное!!!
0
Это я же. Только зарегился у вас)
0

Цитирую Виталий Фекадеэмович:

Спасибо за ответ!
Изменить их содержание! Точнее решить проблему с тегами - которые во всплывающих подсказках, как бы не срабатывают - например при наведении на "ИМЯ*" - выпадает " Имя Ваше имя".
Спасибо!



Код:

.tooltip{display: none;}<br />@media screen and (min-width: 900px){<br />.tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }<br />}


Данные css-стили необходимо вставить в ваш css файл, чтобы всплывающие подсказки отображались нормально.
В указанном примере используется дополнительное условие, чтобы подсказки выводились только на экранах с разрешением по ширине выше 900 пикселей (так же распространяется на ширину окна браузера).
Если вам не нужно это условие, то просто удалите код:

Код:

.tooltip{display: none;}<br />@media screen and (min-width: 900px){<br />


и в конце:

Код:

}

0
Спасибо!
Давно уже решил просто "обойти" стороной это "всплывание)"
Но кто знает, возможно в будущем поможет подсказка! :-)
0
Здравствуйте! Создал форму для обратной связи При тестировании читаю полученное письмо через Notepad++ и там где должно быть имя отправителя стоит name. Настройки перепроверял. Подскажите что не так. С уважением. МИхаил
0
Михаил, ваш вопрос о стандартной форме обратной связи, которая описана в статье, или о Chronoforms?
0
Добрый день. Может быть какую-нибудь подсказочку дадите, все сделала по описанию. В форме обратной связи внизу стоит слово
CAPTCHA *, но не появляется код, который нужно ввести, а самое главное не приходят письма на электронный адрес. Что я могла сделать неправильно? Уже несколько раз пытаюсь начать с самого начала, а результат тот же. У нас сайт учреждения, обратная связь должна работать обязательно, помогите советом, пожалуйста
0
Марина,
1) Вы зарегистрировались в сервисе reCaptcha и получили ключи?
2) Вы ввели ключи в настройках плагина?
3) В настройках плагина указана 2-я версия reCaptcha?
3) Плагин включен?
4) В общих настройках Joomla выбрана reCaptcha?
0
Да, я получила ключи и ввела в настройках плагина, плагин включен, в общих настройках Joomla выбрана reCaptcha. Плагин id 439, он был встроенным, версию не вижу, Joomla версии 2,5.
0
Марина, в настройках плагина, там, где вы вводили ключи, выбирается версия reCaptcha: 1 или 2. Вам нужно выбрать вторую версию и убедиться, что ключи также сгенерированы для нее.
0
почта не отправляется. Это ошибка не формы контактов, а настроек Joomla по работе с почтой (смотрите общие настройки Joomla). Подскажите где это смотреть.
0
Ольга, в админке, Система -> Общие настройки -> Вкладка "Сервер" -> Блок "Настройки почты". Уточните у вашего хостера, какой тип отправки почты им поддерживается (phpmail, sendmail) и выберите соответствующий тип в этом блоке.
Если вы работаете на локальном сервере, то почта отправляться не будет.
0
Здравствуйте! Подскажите пожалуйста, можно настроить форму так, что бы когда я ввел имя и телефон, нажал "отправить", меня перебрасывает на другую страницу, с отчетом об отправке. и При этом письмо приходит на почту админу с данными о пользователе который да данные. Спасибо!
0
Руслан, так ведь она так и работает.
0
Спасибо за статью! Очень всё подробно. Поставил 5 баллов (звёздочки оценки).
0
Здравствуйте, Виталий!
Спасибо за Вам за интересный и полезный контент. Вы наверняка знаете об угрозе штрафных санкций за нарушение правил обработки персональных данных. Скажите пожалуйста, как под стандартной формой обратной связи Joomla 3.8.x (над кнопкой отправки сообщения) разместить флажок с текстом, нажатие на который позволит посетителю дать согласие на обработку персональных данных? Так, чтобы пока пользователь непоствит "галочку" на согласие, отправка сообщения была бы невозможной. Знаю, есть расширения с данной опцией, но хотелось бы обойтись стандартными.
0
Александр, это, на самом деле, не так просто:
1) Переопределяем макет формы контакта в шаблон Joomla: components/com_contact/views/contact/tmpl/default_form
2) Добавляем в переопределенном макете checkbox
3) Добаляем в переопределенном макета jQuery-скрипт, который будет при отправке формы сначала проверять то, что установлен чекбокс, и только потом отправлять форму.

Другой вариант - попробовать реализовать это же через дополнительные поля Joomla.

И главное. Подумайте хорошо, нужно ли это вам. Некоторые замеры показывают, что при добавлении такой галочки падает конверсия формы. Некоторые люди просто не хотят, чтобы их данные обрабатывали. У многих слово "обработка" ассоциируется с добавлением телефона или адреса электронной почты в спам-базы.
Я не думаю, что вам грозит штраф. Joomla не хранит в базе отправленные данные. Эти данные только приходят к вам на почту и никак не хранятся и не обрабатываются автоматически.
0
Подскажите пожалуйста как убирать поле E-mail и сообщения?
Или сделать не обязательными чтоб скрыть через css
0
Ильгиз, используйте модуль Wedal Joomla Callback: https://wedal.ru/rasshireniya-joomla/modul-wedal-joomla-callback-vsplyvayushchaya-forma-obratnoj-svyazi.html

Там это поле отключается в настройках.
0
Спасибо. Очень помог. А то я уже модуль поставил. Оказалось он такой же как у Joomla и явно лишний