Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Контактная форма в футер


Recommended Posts

Заморочился с размещением контактной формы и всей контактной информации в футере ( index.php?route=information/contact ).

Как всегда вылазят всякие заморочки. С информацией все понятно, а вот с формой бяда...

Пробовал копировать всякие строчки из contact.php в footer.php.

Сама форма вроде работает, но не дают покоя пару строк:

$this->response->redirect($this->url->link('information/contact/success'));

$data['action'] = $this->url->link('information/contact', '', true);

 

первая, я так понимаю, перекидывает на страницу с сообщением об отправке;

второе - куда ??!!

 

в общем пока в тупике. в идеале хотелось бы чтоб письмо отправлялось, и без перезагрузки страницы.

 

Комрады, укажите путь ??

Надіслати
Поділитися на інших сайтах


5 минут назад, miwany сказал:

второе - куда ??!!

action  для формы

Надіслати
Поділитися на інших сайтах

Понятно.

При размещении кода в футере:

 <div class="col-12"> <?php echo $contact; ?> </div>

на странице только это:

index.php?route=information/contact

 

Как вывести всю страницу contact в футере ?

Надіслати
Поділитися на інших сайтах


38 минут назад, miwany сказал:

Как вывести всю страницу contact в футере ?

никак.  потому что страница контактов,  это полноценная страница,  с хедером, футером и т.д. 

Надіслати
Поділитися на інших сайтах

56 минут назад, miwany сказал:

в общем пока в тупике. в идеале хотелось бы чтоб письмо отправлялось, и без перезагрузки страницы.

в footer.tpl  вставляете  html  формы

пишите на javascript   аякс отправку формы

в контроллере footer.php  пишите метод обработчик формы

отправляете данные из формы на этот метод

обрабатываете данные, шлете ответ на клиент

на клиенте выводите результат

как-то так, в общих чертах

Надіслати
Поділитися на інших сайтах

Добавить например в самый конец файла  файл content_bottom.tpl, что то типа
 

<div class="row">
    <div class="col-md-6">
        <div class="bottom-image"></div>
	</div>
    <div class="col-md-6">
        <div class="bottom-form">
            <h2>Написать нам</h2>
            <div class="form-group required">
                <form method="post" enctype="multipart/form-data" action="/contact-us/" id="contact-form">
                    <input type="hidden" name="enquiry" value="Форма отправлена с <?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>">
                    <div>
                        <input type="text" name="name" value="" placeholder="Телефон" data-mask="+7 (999) 999-99-99" required>
					</div>
                    <div>
                        <input type="email" name="email" value="" placeholder="Email" required>
					</div>              
                    <div class="buttons">
						<span id="agreement_checkbox-bottom"><label><input type="checkbox" name="agreement-bottom" value="1" checked="checked">Я прочитал и согласен с правилами <a class="agree" href="http://ваш_сайт/index.php?route=information/information/agree&amp;information_id=...." alt="Пользовательское соглашение"><b>Пользовательское соглашение</b></a></label>&nbsp;</span>
                        <input class="btn btn-primary" type="submit" value="Отправить" />
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
    $('#contact-form').submit(function(event){
        if(! $('input[name=email]', this).val().match( /^[^\@]+@.*.[a-z]{2,15}$/i )){
            event.preventDefault();
		}
	})
</script>

А дальше стилями, слева какую нибудь фон картинку например, справа сама форма.

http://joxi.ru/vAWeMELt1NeK5m

Надіслати
Поділитися на інших сайтах

или так,  ajax.  

это в footer.tpl

<div class="col-sm-12">
	<form id="contact-form" action="" method="post" enctype="multipart/form-data" class="form-horizontal">
		<fieldset>
			<legend>Напишите нам</legend>
			<div id="result"></div>
			<div class="form-group required">
				<label class="col-sm-2 control-label" for="input-name">Ваше имя</label>
				<div class="col-sm-10">
					<input type="text" name="contact_name" value="" id="contact-name" class="form-control" />
				</div>
			</div>
			<div class="form-group required">
				<label class="col-sm-2 control-label" for="input-email">Ваш Email</label>
				<div class="col-sm-10">
					<input type="text" name="contact_email" value="" id="contact-email" class="form-control" />
				</div>
			</div>
			<div class="form-group required">
				<label class="col-sm-2 control-label" for="input-message">Сообщение</label>
				<div class="col-sm-10">
					<textarea name="contact_massage" rows="10" id="contact-message" class="form-control"></textarea>
				</div>
			</div>
		</fieldset>
		<div class="buttons">
			<div class="pull-right">
				<input id="contact-button" class="btn btn-primary" type="button" value="Отправить" />
			</div>
		</div>
	</form>
</div>
<script>
$(function(){
	$('#contact-button').click(function(){
		var dataContact = $('#contact-form').serialize();
		
		$.ajax({
			url:'index.php?route=information/contact/ajaxSend',
			data: dataContact,
			type:'post',
			dataType:'json',
			success: function(response){
				if(response['success']){
					$('#result').html(response['success']);
				}
			}
		})
	})
})
</script>

это в  catalog/controller/information/contact.php

public function ajaxSend() {
	if ($this->request->server['REQUEST_METHOD'] == 'POST') {
		$mail = new Mail();
		$mail->protocol = $this->config->get('config_mail_protocol');
		$mail->parameter = $this->config->get('config_mail_parameter');
		$mail->smtp_hostname = $this->config->get('config_mail_smtp_hostname');
		$mail->smtp_username = $this->config->get('config_mail_smtp_username');
		$mail->smtp_password = html_entity_decode($this->config->get('config_mail_smtp_password'), ENT_QUOTES, 'UTF-8');
		$mail->smtp_port = $this->config->get('config_mail_smtp_port');
		$mail->smtp_timeout = $this->config->get('config_mail_smtp_timeout');

		$mail->setTo($this->config->get('config_email'));
		$mail->setFrom($this->config->get('config_email'));
		$mail->setReplyTo($this->request->post['contact_email']);
		$mail->setSender(html_entity_decode($this->request->post['contact_name'], ENT_QUOTES, 'UTF-8'));
		$mail->setSubject(html_entity_decode(sprintf($this->language->get('email_subject'), $this->request->post['contact_name']), ENT_QUOTES, 'UTF-8'));
		$mail->setText($this->request->post['contact_massage']);
		$mail->send();
				
		$json['success'] = 'Cообщение успешно отправлено.';
	

		$this->response->addHeader('Content-Type: application/json');
		$this->response->setOutput(json_encode($json));
			
	}
}

это по простому, без проверок полей, без переменных локализации

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.