Our network: Joomla Templates // Magento Themes // WordPress Themes
Shopping cart (0)

We are here to serve :)

Our support team is currently online to solve your issues.

Our support team is currently offline

Our support heroes might not be around this hour. Please expect some delays.

Our support is available from

Monday - Friday 8am - 5:30pm GMT+7

Your time: 00:00:00
Our time: 00:00:00
Welcome, Guest

Steps to show Contact page
(1 viewing) (1) Guest
Userguide, new idea, report bugs...
  • Page:
  • 1

TOPIC: Steps to show Contact page

Steps to show Contact page 1 year, 1 month ago #4767

  • David Hoang
  • OFFLINE
  • Administrator
  • Posts: 88
  • Karma: 10
Ticket System. Join our Clubs to download our extensions and templates
Last Edit: 1 year, 1 month ago by David Hoang.

Re: Steps to show Contact page 1 year, 1 month ago #4773

To create the same contact page follow below steps:

- Create under CMS -> Static Blocks the following blocks:
--Name: "Contact Block"
--identifier: "contact-desc"

Content:
<div class="block-address">
<div class="address-item">
<div class="block-title">Visit Us<br />soon</div>
<div class="block-content">
<ul>
<li class="address-contact">adress<br />zipcode city</li>
<li class="telephone">
<p>Tel: +31 (0) 6 1234 5678</p>
<p>Available 8:00 - 17:00</p>
</li>
<li class="emai-contact">Email: <a class="linkcontact" href="mailto:email@domain.nl">email@domain.nl</a></li>
</ul>
</div>
</div>
<div class="address-item">
<div class="block-title">Retour Adress<br />subtitle</div>
<div class="block-content">
<ul>
<li class="address-contact">adress<br />zipcode city</li>
<li class="telephone">
<p>Tel: +31 (0) 6 1234 5678</p>
<p>Available 8:00 - 17:00</p>
</li>
<li class="emai-contact">Email: <a class="linkcontact" href="mailto:email@domain.nl">email@domain.nl</a></li>
</ul>
</div>
</div>
</div>


Create static block
-- Name: "maps"
-- identifier: "maps"

Content
Go to: maps.google.com -> Fill in your adress -> Click on hyperlink -> copy iFrame code -> paste in content block

Add this code before iFrame code:
<div class="block-map">


Add this code after iFrame code:
</div>


Now your contact page will be the same as Demo store!
The following user(s) said Thank You: David Hoang
  • Page:
  • 1
Time to create page: 0.13 seconds
Banner