homepage

[xForsa]

Hello guys, i've got a question.

i've been trying to modify prestashop to have like a homepage that is different from the other pages, but still has the horizontal menu bar, i've been searching through files but can't seem to find the solution just yet.

i use standard bootstrap , prestashop 1.6.0.14

my link is: http://tinyurl.com/lyhzpee

i included a design as how i kinda to create the homepage, any suggestion in the right direction will help me alot.

thankyou

 

Edit:

I figured i needed to go Modules > Positions and add exeptions for index.php to the things i dont wanna display on the homepage

 

Edit 2:

Found myself a way by editing css stuff like this:

body {

}

.index {background-image:url(../img/bg.jpg)}
  background: url(../img/bg.jpg);
  background-position:fixed;
  background-position:top;
#index.header-container,
.columns-container {
  
  background: none;
}


#index.header-container .container{
  background: none;
}

Edit 3:

to remove the logo only from the homepage do this:

go to header.tpl and go to

<div class="container">
							<div class="row">
<div id="header_logo">
<a href="{if $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" 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>
</div> 

now change it to

<div class="row">
							
							{if $page_name == 'index'}
								<div class="home">
									{else}
									<div id="header_logo">
									<a href="{if $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" 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>
								</div>
							<div> 

I'm keeping this post up, if anyone else ever wants to create a homepage like this they will at least have a beginning of where to start.

Edited April 3, 2015 by xForsa (see edit history)

[xForsa]

I got alot further since last post, however i have become stuck with this:

I need to remove the header blocks since they are white and my background doesnt go underneath my topblockmenu.

I did my research but couldn't find anything yet, help would be greatly appreciated!

Greetings!

[xForsa]

Eventually, i could find everything i needed to change in Global.css, it had to do with adding this:

.header-container {
  background: #fff; }

changed to:

#index.header-container {
  height: 0px;
  background: #fff; }