0 Пользователей и 1 Гость просматривают эту тему.
  • 28 Ответов
  • 889 Просмотров
*

Missile

  • Живу я здесь
  • 808
  • 80
Как сделать форму обратной связи в стиле шаблона (в частности, у меня шаблон от YooTheme). Разработчик говорит, что они делают плейсхолдер для обратной связи и не используют стандартную форму. Рекомендуют воспользоваться сторонними расширениями. Но мне не хочется тащить на сайт всякую фигню ради изменения одного лишь внешнего вида. Подскажите, где копать? Особенно бесят, конечно, иконки контакта из 2000 года.
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
В шаблоне компонента контактов для вьюшки с формой заменить HTML с нужными классами по примеру используемого шаблона, не?
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Missile

  • Живу я здесь
  • 808
  • 80
В шаблоне компонента контактов для вьюшки с формой заменить HTML с нужными классами по примеру используемого шаблона, не?
Я HTML не могу найти. В компонентах не вижу, в шаблоне его нет, в варпе - тоже. В отладчике вижу, что стили подтягиваются из bootstrap.css, но там обычные стили для всех форм, не только для контактов.
Хочу добиться чего-то подобного (не в том смысле, чтобы получить точно такой же вид, а чтобы сделать примерно такую компоновку):



Иконки соцсетей роли не играют, на их месте может быть фотка контакта или просто текст.
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Я HTML не могу найти. В компонентах не вижу, в шаблоне его нет, в варпе - тоже.
В смысле - вы не можете найти шаблон формы контактов или шаблон формы которая отрисована в шаблоне? Хотя странно, что разработчики от YooTheme не отрисовали стандартную страницу контактов.
Если сложно найти форму в шаблоне - через исходный код\консоль можно выдрать нужную разметку и стили
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Missile

  • Живу я здесь
  • 808
  • 80
В смысле - вы не можете найти шаблон формы контактов или шаблон формы которая отрисована в шаблоне? Хотя странно, что разработчики от YooTheme не отрисовали стандартную страницу контактов.
Если сложно найти форму в шаблоне - через исходный код\консоль можно выдрать нужную разметку и стили
Шаблон стандартной формы контактов.
Разработчики YooTheme говорят, что создают визуальный стиль, а не формы. Типа, берите CSS и сами назначайте классы.
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Типа, берите CSS и сами назначайте классы.
Ну я про это и говорю, открываете консоль (firebug), смотрите разметку и стили формы, которой стиль они создали и применяете к стандартному шаблону формы обратной связи.
Вообще не понимаю проблемы. Это ведь по сути как задача натянуть готовую HTML верстку на любой движок, даже проще.
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
У Вас страница контакта или модуль?
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

Missile

  • Живу я здесь
  • 808
  • 80
Ну я про это и говорю, открываете консоль (firebug), смотрите разметку и стили формы, которой стиль они создали и применяете к стандартному шаблону формы обратной связи.
Вообще не понимаю проблемы. Это ведь по сути как задача натянуть готовую HTML верстку на любой движок, даже проще.
Я не могу найти стандартный шаблон формы обратной связи.
У Вас страница контакта или модуль?
Страница.
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Я не могу найти стандартный шаблон формы обратной связи. Страница.
Либо \components\com_contact\views\contact\tmpl\default_form.php
либо \templates\шаблон\html\com_contact\contact\default_form.php
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
Не либо, а переносим если нет 

\components\com_contact\views\contact\tmpl\default_form.php

в

\templates\шаблон\html\com_contact\contact\default_form.php

И уже этот файлик переверстываем как нам нужно. Используя стили и селекторы  демо верстки
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

AlekVolsk

  • Профи
  • 6312
  • 336
для формы обязательно прописать класс uk-form, все остальное уже как правило задано, для селекта необходимо использовать обертку form-select (см доку по uikit), а bs лучше в шаблоне отключить
*

fbr

  • Живу я здесь
  • 1284
  • 142
Я HTML не могу найти. В компонентах не вижу, в шаблоне его нет, в варпе - тоже.
Нету ... Поостереглись они переопределять com_contact, потому что там опа полная)
Правильно советуют - воспользуйтесь сторонними расширениями.

.uk-form дело не спасает, потому что дальше путь ведет <?php echo $field->renderField(); ?>
А это файл \com_contact\layouts\joomla\form\renderfield.php
Там можно поменять классы обертки инпутов. Но это уже хак ядра
А сами инпуты выводятся <?php echo $input; ?> ..

Где живет этот $input - я не копал. Но, допустим, переопределить какие-то атрибуты, типа placeholder, можно только там ...
Удачи

*

AlekVolsk

  • Профи
  • 6312
  • 336
если у инпута нет своего класса по дефолту, а bs при этом отключен, то все ок )

и нафига вообще нужен bs,  когда есть  uikit )))
*

Missile

  • Живу я здесь
  • 808
  • 80
*

dmitry_stas

  • Профи
  • 10053
  • 954
да что печально то? Taatshi же вроде написала, что сделать. что не так?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Missile

  • Живу я здесь
  • 808
  • 80
В любом случае, всем спасибо за помощь.
*

dmitry_stas

  • Профи
  • 10053
  • 954
а получилось то? :) я просто правда так и не понял в чем проблема...
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
Дим, народ думает, что

Код: php
$field->renderField();

вынуждает их хакать ядро. И никому не пришло в голову, что его можно тупо заменить нужным html-ом.

И, кстати, layout тоже неплохо переопределяется ^-^
« Последнее редактирование: 01.10.2016, 23:53:19 от Taatshi »
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

Missile

  • Живу я здесь
  • 808
  • 80
Не, я за такое браться не стану. Вот HTML переделать под себя - это я могу.
*

Missile

  • Живу я здесь
  • 808
  • 80
Ковыряю форму со своими нулевыми знаниями php. В default_form.php поля выведены филдсетом, а мне нужно уникализировать каждое поле. Нашла вот это решение, но мне не понятно, как его применить к форме обратной связи. Если я тупо вставляют этот код после
Код
<form class="uk-form" id="contact-form" action="<?php echo JRoute::_('index.php'); ?>" method="post" class="form-validate form-horizontal well">
<?php foreach ($this->form->getFieldsets() as $fieldset):
то получается почти то, что мне нужно, за исключением того, что поля вместе с капчей дублируются и пропадает текст "Отправить копию этого сообщения на ваш адрес (опционально)" возле чекбокса.

Думаю - может, просто через материал сделать форму обратной связи и не париться? Не знаю только, как прикрутить к материалу капчу и кнопку "Отправить сообщение".
« Последнее редактирование: 02.10.2016, 09:55:26 от Missile »
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Не пойму, зачем вам вообще менять разметку, если требуется только оформление изменить.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Missile

  • Живу я здесь
  • 808
  • 80
Не пойму, зачем вам вообще менять разметку, если требуется только оформление изменить.
Там всё взаимосвязано. Я хочу получить примерно такой результат (форма в самом низу страницы). Но поля планирую оставить только такие: имя, email, тема, сообщение. В дефолтном шаблоне обратной связи меня раздражает то, что все поля идут в один столбец, как будто сейчас эпоха мониторов 640х480. И подписи к полям хочу заменить на плейсхолдеры.
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Так вроде уже много раз писали, давайте чуть подробнее
components\com_contact\views\contact\tmpl\default_form.php копируете в папку шаблона (если нет) templates\шаблон\html\com_contact\contact\default_form.php

В этом файле убираете все между foreach и endforeach (оставляете только блок <div class="control-group">)
Предварительно создаете пункт меню на контакт и оттуда забираете всю HTML базовую разметку и пихаете ее в место где был удаленный код, главное в пределах form (нужна для сохранения имен и идентификаторов полей), к примеру HTML для поля имя
Код: html4strict
<div class="control-group">
<div class="control-label">
<label id="jform_contact_name-lbl" class="hasPopover required" for="jform_contact_name" title="" data-content="Ваше имя" data-original-title="Имя">
Имя
<span class="star"> *</span>
</label>
</div>
<div class="controls">
<input id="jform_contact_name" class="required" name="jform[contact_name]" value="" size="30" required="required" aria-required="true" type="text">
</div>
</div>
Отсюда главное сохранить атрибуты инпутов и все, верстать как угодно

P.S. кстати не могу понять разработчиков, зачем они в тройке так усрали шаблон контактной формы, было же как везде, нормальный HTML шаблон, теперь без поллитры не разобраться и ковырять ядро вместо правильной шаблонизации. Кто объяснить суть этого изврата?
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Missile

  • Живу я здесь
  • 808
  • 80
Цитировать
В этом файле убираете все между foreach и endforeach
Там 2 раза foreach, что удалять? Не забывайте, что я в php вообще не шарю.
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Там не надо PHP, там надо HTML. Внутри формы убираете вот это
Код: php
		<?php foreach ($this->form->getFieldsets() as $fieldset): ?>
<?php if ($fieldset->name === 'captcha' && !$captchaEnabled) : ?>
<?php continue; ?>
<?php endif; ?>
<?php $fields = $this->form->getFieldset($fieldset->name); ?>
<?php if (count($fields)) : ?>
<fieldset>
<?php if (isset($fieldset->label) && strlen($legend = trim(JText::_($fieldset->label)))) : ?>
<legend><?php echo $legend; ?></legend>
<?php endif; ?>
<?php foreach ($fields as $field) : ?>
<?php if ($field->name === 'contact_email_copy' && !$this->params->get('show_email_copy')) : ?>
<?php continue; ?>
<?php endif; ?>
<?php echo $field->renderField(); ?>
<?php endforeach; ?>
</fieldset>
<?php endif; ?>
<?php endforeach; ?>

Из исходного кода по образцу берете параметры всех инпутов и кнопок и формируете верстку как угодно.
В итоге у вас должен получится такой HTML

Код: html4strict
<div class="contact-form">
<form id="contact-form" action="<?php echo JRoute::_('index.php'); ?>" method="post" class="form-validate form-horizontal well">
здесь верстка инпутов\лейблов данные которых взяты из исходного кода тестовой страницы по образцу  
<div class="control-group">
<div class="controls">
<button class="btn btn-primary validate" type="submit"><?php echo JText::_('COM_CONTACT_CONTACT_SEND'); ?></button>
<input type="hidden" name="option" value="com_contact" />
<input type="hidden" name="task" value="contact.submit" />
<input type="hidden" name="return" value="<?php echo $this->return_page; ?>" />
<input type="hidden" name="id" value="<?php echo $this->contact->slug; ?>" />
<?php echo JHtml::_('form.token'); ?>
</div>
</div>
</form>
</div>
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Missile

  • Живу я здесь
  • 808
  • 80
Цитировать
В итоге у вас должен получится такой HTML
Да, с этим я разобралась методом тыка, получилось. Спасибо. Но у меня CAPTCHA пропала, потому что вот этот кусок вырезался:
Код
<?php foreach ($this->form->getFieldsets() as $fieldset): ?>
<?php if ($fieldset->name === 'captcha' && !$captchaEnabled) : ?>
<?php continue; ?>
<?php endif; ?>
Куда его вставить?
P.S. И сообщение, отправленное через эту форму, админу не приходит. Через стандартную форму всё нормально уходит, появляется сообщение об успешно отправленном сообщении.
« Последнее редактирование: 03.10.2016, 23:07:16 от Missile »
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Куда его вставить?
так вставьте его в начало формы в том же виде как и привели условие

P.S. И сообщение, отправленное через эту форму, админу не приходит.
Давайте так, вы мне полностью шаблон формы (всего файла), я попробую локально потестить (может быть уже завтра). Да и какой плагин CAPTCHA используется, с ссылкой на установщик.
Потому что я на десятке сайтов делал аналогично и оно все работало
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
*

Missile

  • Живу я здесь
  • 808
  • 80
Файл:
Спойлер
[свернуть]
Плагин реCAPTCHA, стандартный из поставки.
*

Missile

  • Живу я здесь
  • 808
  • 80
Есть у кого-то идеи? Оформление я сделала, но пропала CAPTCHA, и каждый раз при отправке сообщения выскакивает предупреждение о необходимости заполнения полей, хотя поля заполнены.
Хотелось бы сделать обязательными для заполнения поля "Имя" и "email", но добавление aria-required ни к чему не приводит.

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Мобильная версия шаблона

Автор gromlan

Ответов: 0
Просмотров: 37
Последний ответ 18.09.2017, 12:27:19
от gromlan
Как сделать из кнопки «Читать дальше» простую ссылку?

Автор Mnojitell

Ответов: 7
Просмотров: 659
Последний ответ 18.09.2017, 11:45:04
от shrek_01
Как сделать всплывающее описание для вступительных картинок в Joomla 3

Автор 964758

Ответов: 0
Просмотров: 68
Последний ответ 27.08.2017, 22:46:41
от 964758
Не привязываются стили шаблона к главной странице

Автор dmmur

Ответов: 0
Просмотров: 159
Последний ответ 23.08.2017, 12:17:42
от dmmur
sp porfolio- изменение шаблона

Автор pobo

Ответов: 0
Просмотров: 93
Последний ответ 05.08.2017, 22:50:23
от pobo