[SOLVED] How to place a banner at the very top of the page? (above the header)

[theothersimon]

Hello, I am hoping someone can help me out, I have good html/css but I'm pretty much newbie on PS theme edits.

 

I want to place a banner Ad above the header, right at the top of the page above the logo and other header content.

 

I would like to use Minic Slider as my banner - it covers everything I want to do and is nice and simple. But if there is a good reason why that's not a good idea then I am happy to use a different option.

 

As far as I can see there is not a hook to place content there?

 

I am running latest (1.5.5.0) PS. with the default theme with some small CSS edits.

 

Thanks in advance, appreciate any help or pointers.

 

Simon

 

 

[vekia]

i created modification of homeslider module: homeslider on top

 

you can use it and then go to modules > positions search for "displayTop" modules list and drag'n'drop this addon to the top of the list

[theothersimon]

Hey Vekia, Thanks, appreciate the input. I followed the instructions and installed it but I had a problem, the slider is pushing stuff around *in* the header rather than being above it. It might be a CSS clearing issue? Any thoughts? Do you think that tweaking your modded slider is going to be quicker than putting Minic slider up there?

 

I am also asking this because I was planning to use the Homepage slider for products and the Minic slider for different purposes.

 

Thanks again and any further thoughts appreciated!

 

Simon

[vekia]

you can do it with miniclsider - it's much better than default module

it is possible to check your website? it's hard to say what you have to change, mainly because this is css issue 

access to shop will be helpful in this case

[theothersimon]

Hey Vekia,

 

Sure, the test set up is here: www.lastindustries.co.uk/shop

 

really appreciate your dedication to helping people out on here by the way.

[vekia]

hello i checked your website and there is only defauly homeslider located in home section (center column)

you removed minic slider / homeslider on top ?

[theothersimon]

Hello, thanks for getting back so quick! I will check more quickly this time!

 

I have now re enabled the minic slider and placed it at the top of the positions - it covering up all the header stuff now.

[vekia]

i saw this issue before,

its because you have to close minicslider <div> block in module .tpl file

[theothersimon]

ah! ok i will go and sort that out and get back.

[theothersimon]

Hi Vekia,

 

I have been picking through the front.tpl file in minic which is the presentational layer (unless I am making a mistake?) and looking at the html on the live test site using firebug and I can't locate any missing closing div tags? Am I missing something that you managed to pinpoint?

Edited September 27, 2013 by theothersimon (see edit history)

[vekia]

can you say what version of minic slider you use? i will inspect code on my own

[theothersimon]

Hi,

 

its minicslider-v4.1.5

 

and latest version of Presta: (1.5.5.0)

[vekia]

thank you

 

in module .tpl file you've got:

{if $minicSlider.position == 'top'}
        <div style="display:none;">
            <div>
        {/if} 

[theothersimon]

Hi Vekia,

 

Thankyou for your continuing support.

 

Do I understand correctly that you are saying the second opening <div>  tag should in fact be a closing tag?

 

In the meantime I will experiment and try closing it to see what will happen.

[theothersimon]

Closing that div breaks a few things in the lay out. and still does not place the minic slider as the first content on the page. (If it helps, you can see it: www.lastindustries.co.uk/shop)

 

- in your opinion  would it be a quicker and more straightforward process to hard code it into the theme?

[vekia]

nope, just remove the div with display:none, it's unnecessary

[theothersimon]

Hi Vekia, thanks.

 

I have edited out the div as you have suggested, and now the cart related things in the header are visible, if a little out of place.. but the Minic slider is still not the first item on the page above the header. Am I doing something wrong?  

 

As before you can check out the progress on the same URL

[vekia]

i removed all unnecessary external urls from your post, please stop spamming

[theothersimon]

?? Vekia, I am not spamming I am just looking for help, and trying to be helpful to the one who was offering me help. I was honestly just trying to make it easier for you to check out the problem, to save you from going back through the thread. If I broke a protocol, it was an accident. Also there is nothing at the URL to spam about, it is my dev space.

 

Putting that aside - I still do not have a solution to my problem. I am jot expecting you or anyone to do it for me, but any suggested avenues of research would be gratefully received. I can't believe what I am trying to do is such an unusual thing but I haven't found any full answers or real clues even after searching the forum.

[vekia]

hello i said it to lvwuyuan, two posts above he pasted 6 links to external websites with mature content

[theothersimon]

Hey Vekia,

 

Ah! Ok, sorry. I didn't see that. He even made up his post using the words from one my previous posts!

 

I thought your words were aimed at me!

 

Still trying to fix this problem by the way.. any more thoughts?

[theothersimon]

Perhaps I should have posted an image in my first post - this is what I am trying to achieve, banner at the top, above everything, preferably using minic slider:

 

Edited September 29, 2013 by theothersimon (see edit history)

[vekia]

you've got 100% width, this is what you expect?

can you for test purposes disable the minicslider module

[theothersimon]

Yep, disabled it now.

 

Removing those lines of code in minic .tpl resulted in breaking the site slightly and giving the 100% width, and no it s not what I want.

Edited September 29, 2013 by theothersimon (see edit history)

[vekia]

okay, i see

can you turn this module on but with these two lines that you removed, 

[theothersimon]

Done..

[vekia]

in front.tpl file you've got code: 

{if $minicSlider.position == 'top'}
        </div>  
            </div>
        {/if}

just remove it and in addition remove also code that we remove before

{if $minicSlider.position == 'top'}
        <div style="display:none;">
            <div>
        {/if}  

will see what's goin on then

[theothersimon]

I removed the code - we have some progress..

[vekia]

no go to the modules > positions and then - search for displayTop modules list

 

drag'n'drop minicslider to the top of the displayTop modules list

[theothersimon]

Done - (actually it was already there)

[vekia]

now use these styles:
 

#minic_slider {
position: absolute;
border: solid 1px #000;
height: 160px;
clear: both;
top: -170px;
}

this is a part of file: http://lastindustries.co.uk/shop/themes/Gosh03/css/global.css - line 3016

 

then, in global.css line 2271 use these styles:
 

#header_right {
position: relative;
float: left;
width: 100%;
min-height: 115px;
margin-top: 180px;
}

effect:

[theothersimon]

Hi Vekia,

 

Thanks for this, I have to sleep right now - v early start tomorrow, but I will do the edit when i return and let you know how i get on. Thanks again for the support, its appreciated.

[theothersimon]

Vekia - You're a legend! Thanks man, that all worked perfectly. Nice one.

[vekia]

thank you for your kind words

im going to mark this topic as [solved]

many thanks for your patience

 

best regards

[Hossalem]

On 9/24/2013 at 11:08 PM, vekia said:

i created modification of homeslider module: homeslider on top

 

you can use it and then go to modules > positions search for "displayTop" modules list and drag'n'drop this addon to the top of the list

Dear Vekia,

I just came across your comments in this old thread on placing banner on top of all pages.

I am trying to use the Banner Block module and I have hooked it to Display Top and dragged it to the top of the list of hooked modules there. But still the banner falls underneath my shop's logo and not on the very top!! Can you please help me with this.

Thank you,

Hossein

[fancy|modules]

hello, maybe this can be alternative solution

https://addons.prestashop.com/en/blocks-tabs-banners/47207-banner-ads-skyscraper-leaderboard.html

 

 

Edited March 4, 2020 by fancy|modules (see edit history)