Create Prestashop Theme

Discussion in 'HTML & Website Design' started by muffet, Feb 14, 2013.

  1. #1
    Hi! I have latest version Prestashop default theme installed on localhost XAMPP v1.8.1 How do I create a custom Prestashop theme? I wish to make just a basic custom Prestashop theme. I have been moving the module blocks around in Module > Positions to see how different Block modules hooked in the front office. I don't wish to make any extensive changes to the default theme because I'm still learning which files work interchangeably with one another. I greatly appreciate it if more experience Prestashop designer or expert Prestashop developer can give me some guidance. Thanks. There really isn't much available documentation or even YT tuts on Prestashop theme or custom module development. :(
     
    muffet, Feb 14, 2013 IP
  2. cesurasean

    cesurasean Active Member

    Messages:
    269
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    80
    #2
    You may want to try and look at the Prestashop tutorials, and some how-to's out on the internet. Try looking at this userguide - http://doc.prestashop.com/display/PS15/Developer+Guide
     
    cesurasean, Feb 20, 2013 IP
  3. muffet

    muffet Active Member

    Messages:
    720
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    68
    #3
    Yes I've browse a couple of Youtube videos but most of them pertain to Prestashop 1.4; there has been significant changes to Prestashop's file structure since Prestashop 1.5.x was released.
     
    muffet, Feb 21, 2013 IP
  4. Frampton Web Design

    Frampton Web Design Greenhorn

    Messages:
    7
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #4
    It's not actually that difficult to generate a new theme based upon the Prestashop default theme. Firstly (I would do this through your hosts C-Panel) in your themes folder create a new directory and then copy the Prestashop Default theme directory into it. Then in your new directory, rename the default theme to whatever your theme name will be and copy it back to the theme directory.

    If you go to your PS back office you should now have two identical themes, the default one and your renamed theme. Make whatever changes you like to the css files in the css folder of your theme.

    Each module comes with its own CSS file and if you want to override it, you will need create a new directory in the theme directory under the path yourtheme/css/modules with the name of the module and place the amended CSS file in that folder.

    Good luck and have fun
     
    Frampton Web Design, Jun 10, 2013 IP
  5. Jedineka

    Jedineka Well-Known Member

    Messages:
    313
    Likes Received:
    11
    Best Answers:
    1
    Trophy Points:
    195
    #5
    Well , it`s not so hard if u know some basic css,php, tpl compilation and basic html. I am creating right now my first theme. I used cleantheme ( u can search it on the web ) with a minimal css. I think is one of the best tools to get started with theme development for prestashop.
     
    Jedineka, Aug 20, 2013 IP