Jump to content

Creating a basic layout ... how ?


Recommended Posts

Hi guys,

 

I started to code since few months for a website only in html/css because my "client" and I were looking for a simple design and minimalist look / structure.

 

I want know to create something a bit more pro and go on a platform such as prestashop to open an e-shop along the content pages. I am really confuse even my reading the developer guide (no I did not go through all 769 pages) - for example I would like to have only left column with basic info such as the logo + navigation (vertical) + few social media picture (the width would be like 10% or 15%) and the right side (90 or 85%) would be a "home-page-picture" representing the brand.

 

i don't want any "header'/'footer' - I made a mock up but I would like not to share it in public but if you are willing to help me I can share it. :-)

 

Thank you,

 

T.

post-866375-0-13460600-1420933235_thumb.png

Edited by TomSg (see edit history)
Link to comment
Share on other sites

Hi,

 

you can start from a copy of the basic theme, then, open header.tpl and footer.tpl and delete what you want inside, and put logo and title call in the left column.

 

Oh ok - sorry need to use notepad++ haha.

 

Anyway - I opened the header.tpl ... I think I need to study a bit more what is what even tho I think I got some bits but it seems just impossible :/

Edited by TomSg (see edit history)
Link to comment
Share on other sites

Oh ok - sorry need to use notepad++ haha.

 

Anyway - I opened the header.tpl ... I think I need to study a bit more what is what even tho I think I got some bits but it seems just impossible :/

 

Prestashop is written in PHP and Smarty. You should read up on those...

Link to comment
Share on other sites

Hi

 

Looking at your attached picture, I think what you need is a little bit of HTML and CSS coding. Using both, you can position the original Top block to be where you normally should have the left column. The left column position would this changed or the abandoned completely.

Doing this, you will automatically have all modules that often display in the Top Block (e.g. logo, navigation, etc) display on the left side. All will definitely require some HTML and CSS work to display them vertically from their default horizontal position.

  • Like 1
Link to comment
Share on other sites

Ok thank you very much, the best guide to learn how to design on Photoshop is the designer guide and dev guide on prestashop ?
 

I have a CSS file but for example when I try to c/c it not the theme folder and then try to upload they say there is an error so I guess that if I modify the CSS (global) i have to modify some TPL ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...