font and images of different styles and positions

[Enoteca]

I hope with this 3D I'll start something useful to anyone who wants to customize their shop. I'm not giving solutions but searching for some definitive help.

It's about modifying fonts and inserting images without being subject to the modules, in other words treating the Prestahop home page as a normal html page where one is free to modify its contents.

 

I need to replicate something like http://www.dollardreadful.com, i.e. using many different fonts and placing images at several spots.

 

1) fonts. I have investigated several paths, like using images instead of titles (http://www.prestashop.com/forums/topic/88182-replacing-default-font-with-custom-font/) or inserting Fontface (http://www.prestashop.com/forums/topic/223756-font-face-directive-cufon-fonts-google-web-fonts-which-fonts-and-why/) but they are good only if using one custom font. What would be the best option if I need different fonts? How would I make the call for each font from each block.tpl?

 

2) images. Prestashop allows to put advertisement blocks but this treats the image as a block, while I need to put them anywhere and in any size... for instance inside the footer, or next to a category title, or to a simple text.

 

3) elements. What about vertical lines, custom borders, and other geometrical elements? How can something like the big vertical parenthesis in http://www.dollardreadful.com can be achieved?

 

It's a difficult one and that's why I truly hope this new discussion will lead somewhere for everyone, because so far I only read trial-and-error solutions that are not stable (and that maybe too old when compared to the latest PS release).

Edited February 10, 2014 by Enoteca (see edit history)

[vekia]

1) font-family css param

2) theme modification (footer.tpl if you want to insert it in footer) or modules to insert custom contents to hooks in your shop. But not e that hooks aren't everywhere, in this case it will be necessary to modify the template files.

3) css styles, these parenthesis are a part of website structure, they are background for column, for example, left column image: http://www.dollardreadful.com/images/sidebar_left.png

 

in addition, please follow forum rules:

1 topic = 1 question

 

 

1 Topic = 1 Subject or 1 Question
- If you have more than one question, open more than one new topic!
- Do not ask your question on a thread that doesn’t deal with the exact same matter. Open a new thread, it’s alright to do so.

more here: http://www.prestashop.com/forums/topic/256751-read-first-forum-rules-and-best-practices/

[Enoteca]

Thank you for looking into this Vekia (you really are an active moderator, uh?).

Originally I thought of making this into a Photoshop template and then use a professional to tranform it for Prestashop (PSD to XHTML) but they ask for too much money. So I went customizing the default theme. 

I will try to follow the path you are indicating me and eventually post here the final solutions for anyone interested.