How To Customize The Contact Us Page In Prestashop 1.6

[lizanta]

I want to add contact address, phone and email in the contact us page. Where can I customize this?

[Simonas Invertus]

I think you are writing in the wrong forum.

 

You can go to Preferences ->CMS and create simple page with information you want. 

[Daresh]

But creating a new CMS page will cause you to have two different contact us pages - one with contact form, another one with contact info, and that it not very convenient.

 

I have a module that inserts contents from a chosen CMS page just above the contact form so you can have both the form and information on one page.

 

Another option is to edit the contact-form.tpl file, but the information will be hard coded and not multi - language.

[lizanta]

I just want to add the information in the contact page we have by default.

[Daresh]

You can go and edit the contents of the contact-form.tpl file or use the CMS On Contact Page module .

[[email protected]]

HI,

please help me. i am new to prestashop and

how to change contents of contact-form.tpl

[Shashikant N Sharma]

But creating a new CMS page will cause you to have two different contact us pages - one with contact form, another one with contact info, and that it not very convenient.

 

I have a module that inserts contents from a chosen CMS page just above the contact form so you can have both the form and information on one page.

 

Another option is to edit the contact-form.tpl file, but the information will be hard coded and not multi - language.

Can you share the module that insert Contact form 

[tdr170]

The contactform.tpl file is in your themes root folder edit the file and add the content you want in some <div> tags.

You can also add some classes to the div tags for adding CSS so you can format the added info.

 

Make a space at line 28 or after the closing </h1> tag and put it there. use <br /> to add space.

 

 

Like this

 

<div class="call1">

              <span>My Prestashop Store</span>

              <span>1234 ABC St</span.

              <span>yakama AL 11111</span>

</div>

<br />         

<div class="call2">

            <li>

            <i class="icon-phone"></i>  {l s='Call us now: '}

            <span>{l s='954-950-1234'}</span>

                </li><br />

                 <li>

            <i class="icon-mobile-phone"></i>   {l s='Cell: ' } 

                    <span>{l s='954-333-8725'}</span>

            </li><br />

                <li>

            <i class="icon-mobile-phone"></i>   {l s='Cell: ' } 

                    <span>{l s='954-899-3400' }</span>

            </li>

</div>

<br /> 

<div class="call3">

              <span>[email protected]</span>           

</div>

<br /> 

 

 

 

Now add some css to global.css like this. (example)

 

.call1{font-size:18px;color:black}

.call2{font-size:16px;color:blue}

.call3{font-size:22px;color:red}

 

 

This should set you on the right track.

Edited September 20, 2016 by tdr170 (see edit history)

[Copernican Theory]

Thanks tdr170!

 

Everything worked but I tried to put in an email envelope icon- like the one in the footer (default theme).  I can't get that to display.

 

I tried it with and without the -alt.  It displays the bullet and the word Email but no icon.

 

<li>

<i class-"icon-envelope-alt"></i>  {l s='Email: '}

[tdr170]

Try this it seemed to take a few ctrl+f5 refreshes for it to show but it finally did.

 

 

<li>

<i class="icon-envelope"></i>  {l s='Email: '}

<span>[email protected]</span> 

</li>

[Copernican Theory]

ahh - had a - instead of = after i Class.

 

Fixed - many thanks!

[szilaszlo]

Hi!

 

Is it any way to change it to cms or just swich off?! 

This contact form is very irritativ for me, my customers don't understand and don't like it.

Nobody write a message with it. (for me)

 

Thanks!

Edited March 22, 2017 by szilaszlo (see edit history)