How to Add Custom Text Block to a Template

[alisonsheehan]

I am not sure if this is even possible...but if it is, it would be great.

 

Using prestashop 1.6, with Start Logic hosting.  Theme is a jewelry theme.  URL is:

http://www.jewelrybyalison.com

 

The way the site looks now is shown in attachment 1 named "as is.jpg". 

 

What I'd like to do is to add a custom line of text either

 

Option 1:  Below the logo, and above the menu as shown in mock-up in image 2 (fixed.jpg), OR

 

Option 2:  To the right of the logo, above the menu as shown in mock-up in image 3 (option2.jpg).

 

The idea is to add a tag line to the header - not an image (unless that is the best way to accomplish this).

 

I already tried:

Editing my logo in Photoshop to add the line of text.  I made the image significantly larger in pixels, but the template adjusted to make the whole thing smaller.  Understandable - it probably tries to keep the proportions correct.  The result was a logo that looked too small for the page as seen in attachment 4 (edited-image.jpg).

 

Any ideas much appreciated!

 

 

[S-HAMMANI]

Hi;
You can insert this lines (red)  in  theme/your_theme/header.tpl file (line:90).

 

                       <div class="row">
                                <div id="header_logo">
                                    <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
                                        <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
                                    </a>
                                     <h2 style="overflow: visible; white-space: nowrap;" >

                      {literal}

                         Handmade jewelry as special as the women who wear it!

                      {/literal}

                   </h2>
                                </div>
                                {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
                            </div>

Edited August 1, 2014 by S-HAMMANI (see edit history)

[alisonsheehan]

Thank you!

 

I'll try this right now!

[alisonsheehan]

This was fantastic!  A huge help!

 

And the exercise helped me so much - I hadn't really looked at the files on the server - but now I have a very interesting weekend ahead!   I can see ways to do a lot of things I was wondering about - I catch on eventually. 

 

Thank you SO much S-Hammani!