PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

 

Tutorial/Guide for prestashop themes

32 replies to this topic
#1
ribamar23

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts
Hello mates

Is there any guide or tutorial to change a presta shop template (wich files to modify) in order to play around with colours and design of a template already made? And how to start a fresh template from 0?

cheers

#2
Static

    PrestaShop Apprentice

  • Members
  • PipPip
  • 189 posts
Go to your themes folder.. make a copy of the default "prestashop" theme folder... rename it to your name.... then start on the global.css in the css folder
www.ezytrader.com

#3
Cronos

    PrestaShop Apprentice

  • Members
  • PipPip
  • 156 posts

From 1233874419:

Hello mates

Is there any guide or tutorial to change a presta shop template (wich files to modify) in order to play around with colours and design of a template already made? And how to start a fresh template from 0?

cheers


Actually Ribamar23, its kind of chaotic to write a template creating tutorial right now.

However, it would be a good attempt if one could document the global.css file with more descriptions and images for reference.

Right now, we use some developer tools to identify the element CSS and edit accordingly in the CSS file.

Apart from CSS, some hacks in the template files and module files are also needed to achieve the desired look.

Yeah, it will be a tough task to accomplish right away, but will try to organize first and then document it.

I will keep you updated on that.

Cheers..
Beginning to understand..

http://www.iloveprestashop.com

#4
ribamar23

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts

From 1233925634:

From 1233874419:

Hello mates

Is there any guide or tutorial to change a presta shop template (wich files to modify) in order to play around with colours and design of a template already made? And how to start a fresh template from 0?

cheers


Actually Ribamar23, its kind of chaotic to write a template creating tutorial right now.

However, it would be a good attempt if one could document the global.css file with more descriptions and images for reference.

Right now, we use some developer tools to identify the element CSS and edit accordingly in the CSS file.

Apart from CSS, some hacks in the template files and module files are also needed to achieve the desired look.

Yeah, it will be a tough task to accomplish right away, but will try to organize first and then document it.

I will keep you updated on that.

Cheers..


can you PM me when you have something?

#5
Cronos

    PrestaShop Apprentice

  • Members
  • PipPip
  • 156 posts
Yeah! sure I will let you know.

Cheers..
Beginning to understand..

http://www.iloveprestashop.com

#6
metu

    PrestaShop Newbie

  • Members
  • Pip
  • 8 posts
It is easy to change looking of prestashop, you can easily change on your theme by changing themes->prestashop->css-> global.css file.

#7
qasrani

    PrestaShop Apprentice

  • Members
  • PipPip
  • 157 posts
img folder for changing buttons and block layouts too, perhaps ;)
Buy presents from the land of Santa Claus
Delicacies from Lapland, Finland

#8
shacker

    PrestaShop Superstar

  • Moderators
  • 5427 posts
this layout can help you to change the css

Attached Files



#9
qasrani

    PrestaShop Apprentice

  • Members
  • PipPip
  • 157 posts
Very nice presentation
Buy presents from the land of Santa Claus
Delicacies from Lapland, Finland

#10
kriwelz

    PrestaShop Newbie

  • Members
  • Pip
  • 1 posts
i am also looking the guidelines / tutorial to make template for Presta also the modules..is there any ?

#11
booblebab

    PrestaShop Apprentice

  • Members
  • PipPip
  • 102 posts

From 1243538570:

this layout can help you to change the css


GOOD JOB MAN!!!! NICE!!!

THANKS BIG TIME

#12
AndrewG

    PrestaShop Newbie

  • Members
  • Pip
  • 1 posts

From 1233874419:

Hello mates

Is there any guide or tutorial to change a presta shop template (wich files to modify) in order to play around with colours and design of a template already made? And how to start a fresh template from 0?

cheers



Here is a good designer guide: http://www.daveegert...ners-Guide.html

#13
Degsey

    PrestaShop Apprentice

  • Members
  • PipPip
  • 213 posts
That is what I am using to change the look of this fabulous piece of open source software and I am enjoying every minute of it

#14
BeautyCosmetic

    PrestaShop Newbie

  • Members
  • Pip
  • 13 posts

From 1243538570:

this layout can help you to change the css

thank you very much
เครื่องสำอาง-Lancome-Estee-Clinique-Kose
จำหน่ายเครื่องสำอางในราคาถูกรับประกันของแท้แน่นอน

#15
shacker

    PrestaShop Superstar

  • Moderators
  • 5427 posts

From 1253186059:

From 1243538570:

this layout can help you to change the css

thank you very much


De nada.

#16
ONELIFE

    PrestaShop Newbie

  • Members
  • Pip
  • 5 posts
Is there any way you can use OScommerce themes or Zen cart themes in Prestashop?

#17
shacker

    PrestaShop Superstar

  • Moderators
  • 5427 posts

From 1253344438:

Is there any way you can use OScommerce themes or Zen cart themes in Prestashop?


No way man. You need to reedit the templates.

#18
ONELIFE

    PrestaShop Newbie

  • Members
  • Pip
  • 5 posts

From 1253355200:

From 1253344438:

Is there any way you can use OScommerce themes or Zen cart themes in Prestashop?


No way man. You need to reedit the templates.


Thanks for the reply, I'm assuming that Re-Editing of these templates would be quite a task?

#19
shacker

    PrestaShop Superstar

  • Moderators
  • 5427 posts

From 1253344438:

Is there any way you can use OScommerce themes or Zen cart themes in Prestashop?


os is a table design, and prest a is full css, no way tio use templates of osc or zen in presta.

#20
lkkr

    PrestaShop Apprentice

  • Members
  • PipPip
  • 59 posts
You can build the website with css but what if you want to change the whole design?
I'd like to know how to show contents of like modules or stuff like that.
I know I'm supposed to work with "hooks" but I don't like the system at all..

Thanks in advance.