Phone Number and Email Address


  • Bicycles
  • Auto Parts
  • Computers & Electronics
  • Music & Instruments


Phone Number & Email Address

Coding Instructions

Step 1. Add the new div structure

Open headers/template.html and paste the below code directly underneath the closing div with the class wrapper-logo:

<div class="col-xs-12 col-sm-8">
    <div class="row">
        <div class="col-xs-7 text-right">
        <div class="col-xs-5 text-right">
    <div class="row">

Step 2. Add the email address and phone number

Paste the below code inside the new div with class col-xs-7:

<p><i class="fa fa-envelope"></i> [@config:company_email@]</p>

Paste the below code inside the new div with class col-xs-5:

<p><i class="fa fa-phone"></i> [@config:company_phone@]</p>

Notes On The Above Code

The config values are pulled from the "Business Details" section under the cog icon in the cPanel. Using this method allows the business owner to easily change the data in the future.

Step 3. Move the search and cart into the new div

Move the entire section of below code into the 2nd div with the class row, created in the first step.

<div class="col-xs-12 col-sm-6">
    <div class="header-search">
        <form name="productsearch" method="get" action="/">
            <input type="hidden" name="rf" value="kw"/>
            <div class="input-group">
                <input class="form-control ajax_search" value="[%nohtml%][%filter ID:'keywords'%][%/filter%][%/nohtml%]" id="name_search" autocomplete="off" name="kw" type="text"/>
                <span class="input-group-btn">
                    <button type="submit" value="Search" class="btn btn-default"><i class="fa fa-search"></i></button>
<div class="hidden-xs col-sm-6 text-right">
    <div id="header-cart" class="btn-group">
        <a href="[%url page:'checkout' type:'cart'/%]" class="btn btn-default" id="cartcontentsheader">
            <i class="fa fa-shopping-cart"></i> <span class="visible-lg visible-inline-lg">Shopping Cart</span> - <span rel="a2c_item_count">[%format type:'number' dp:'0'%][%CART id:'total_items'%][%/CART%][%/format%]</span> Items
        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li class="box" id="neto-dropdown">
                <div class="body padding" id="cartcontents"></div>
                <div class="footer"></div>

Step 4. Shuffle elements or update styles to suit

Udate the CSS to suit - for example, to increase the font-size of the email address or vertically-align it to the search and cart sections.

Final Result

Multi-Item Add

Download Files

Download Files

Was this article useful?

Be notified when this page is updated. Optional.