{"id":59394,"date":"2016-02-23T03:10:21","date_gmt":"2016-02-23T08:10:21","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=59394"},"modified":"2016-04-04T04:31:50","modified_gmt":"2016-04-04T08:31:50","slug":"prestashop-1-6-x-how-to-add-custom-content-to-contact-us-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-add-custom-content-to-contact-us-page.html","title":{"rendered":"PrestaShop 1.6.x. How to add custom content to Contact us page"},"content":{"rendered":"

PrsetaShop 1.6.x. How to add custom content to Contact us page<\/a><\/p>\r\n

This tutorial shows how to add custom content to Contact us page<\/strong> in PrestaShop 1.6.x.<\/p>\r\n

\"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_1\"<\/a><\/p>\r\n

Sometimes you need to add more content to your contact page. There are two ways to do it.<\/p>\r\n

Adding content with the help of TM HTML Content module<\/h3>\r\n
    \r\n
  1. \r\n

    Open the admin section and navigate to Modules -> Modules -> TM HTML Content -> Configure<\/strong>:<\/p>\r\n

    \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_2\"<\/a>\r\n<\/li>\r\n

  2. \r\n

    Add the item and select the hook<\/strong> you want the information to be displayed, for example, Hook “topColumn”<\/i><\/strong>.<\/p>\r\n

    For more details, please check this tutorial: PrestaShop 1.6.x. How to manage “TM HtmlContent” module<\/a>.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Paste the content code<\/strong> to Optional HTML code field<\/i><\/strong>. For instance:<\/p>\r\n

     <h1>CONTACT US<\/h1>\r\n  <ul class="row">\r\n  <li class="col-xs-6 col-md-4"><h4  class="material-design-ico icon material-design-home149">ADDRESS 1<\/h4><p>The Company Name Inc. 9870 St Vincent Place, Glasgow, DC 45<\/p><\/li>\r\n  <li class="col-xs-6 col-md-4"><h4  class="material-design-ico icon material-design-phone370">PHONES<\/h4><h5>800-2345-6799<\/h5><\/li>\r\n  <li class="col-xs-6 col-md-4"><h4  class="material-design-ico icon material-design-clock100">hours<\/h4><p>7 DAYS A WEEK FROM  9:00 AM TO 5:00 PM<\/p><\/li>\r\n  <li class="col-xs-6 col-md-4"><h4  class="material-design-ico icon material-design-home149">ADDRESS 2<\/h4><p>The Company Name Inc. 9870 St Vincent Place, Glasgow, DC 78<\/p><\/li>\r\n  <li class="col-xs-6 col-md-4"><h4  class="fa fa-fax">FAx<\/h4><h5>800-2345-6799<\/h5><\/li>\r\n  <li class="col-xs-6 col-md-4"><h4  class="material-design-ico icon material-design-drafts">e-mail<\/h4><p><a href="mailto:mail@demolink.org">mail@demolink.org<\/a><\/p><\/li>\r\n  <\/ul>\r\n  <\/pre>\r\n<\/li>\r\n
  4. \r\n
    Save<\/strong> the changes:<\/p>\r\n
    \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_3\"<\/a>\r\n<\/li>\r\n
  5. \r\n
    Navigate to Modules -> Positions<\/strong> and transplant the TM HTML Content<\/strong> module to the displayTopColumn hook<\/strong> or another one depending on the module’s added item hook:<\/p>\r\n
    \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_4\"<\/a>\r\n<\/li>\r\n
  6. \r\n
    Click on Save<\/strong> and refresh the contact page to see the changes:<\/p>\r\n
    \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_5\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n
    Adding content manually from the server<\/h3>\r\n
      \r\n
    1. \r\n
      Reach your site directory on the server via FTP or hosting cPanel and open themes\/theme_number\/contact-form.tpl<\/strong>.<\/p>\r\n
      We strongly recommend backing up the file<\/strong> before editing it:<\/p>\r\n
      \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_6\"<\/a>\r\n<\/li>\r\n
    2. \r\n
      Paste the code<\/strong> like this before or after the <form><\/strong> section:<\/p>\r\n
      \r\n  <p><span style="color: #888888; font-weight:bold">Hotline:<\/span><br \/>\r\n  <span style="color: #888888;">+00-000-000-000<\/span><br \/>\r\n  <span style="color: #888888;">+00-000-000-000<\/span><br \/>\r\n  <br \/>\r\n  <span style="color: #888888; font-weight:bold">Skype:<\/span><br \/>\r\n  <span style="color: #888888;">skype-name<\/span><br \/>\r\n  <br \/>\r\n  <span style="color: #888888; font-weight:bold">Email:<\/span><br \/>\r\n  <span style="color: #888888;">info@your-email.com<\/span><\/p> \r\n  <\/pre>\r\n
      \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_7\"<\/a>\r\n<\/li>\r\n
    3. \r\n
      Save<\/strong> the changes and refresh the contact page:<\/p>\r\n
      \"Prestashop_1.6_How_to_add_custom_content_to_Contact_us_page_8\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n
      You may need to clear Smarty cache<\/a><\/i><\/strong> and browser cache to see the changes on the site.<\/p>\r\n
      Feel free to check the detailed video tutorial below:<\/p>\r\n
      PrsetaShop 1.6.x. How to add custom content to Contact us page<\/a><\/p>","protected":false},"excerpt":{"rendered":"
      This tutorial shows how to add custom content to Contact us page<\/strong> in PrestaShop 1.6.x.<\/p>\n","protected":false},"author":75,"featured_media":59405,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[639,616,789,572,552],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/59394"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=59394"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/59394\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/59405"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=59394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=59394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=59394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}