Home » Installing Prestashop Themes

Installing Prestashop Themes

­If you’re not a Prestashop expert, the instructions can be a bit daunting. Just follow through the instructions the best you can, and I’m available for any questions you have. Email me at info@eshopalot.com if you have any troubles.

Installing Prestashop Template via Prestashop Admin
To install the template using your admin, please do the following

  • log into you admin
  • Click on the "modules" tab
  • Click on the "administration" from the list "5th from the bottom".
  • Scroll down till you see " Import/export a theme v1.4 by PrestaShop"
  • If this isn't already installed, click "install" on the right
  • Now press "configure".
  • Under "Import from your computer", click on "choose file".
  • Find the zipped file downloaded from the eShopalot site.
  • Then click "next"
  • Click "next" again.
  • Click "finished"

Now you must turn the theme on by doing the following:

  • go under “modules”, then click on “themes”
  • Scroll down towards the bottom of the page will you see “themes”, click on “YOUR PURCHASED TEMPLATE” then press “save”.

Installing Prestashop Template via FTP
To install the YOUR PURCHASED TEMPLATE, please do the following

  • Unzip the downloaded zip file
  • Fine the folder “YOUR PURCHASED TEMPLATE”.
  • Drop and drag the folder “YOUR PURCHASED TEMPLATE” to your web server here:
    /your store/themes/
  • Now to into your prestashop admin, go under “modules”, then click on “themes”
  • Scroll down towards the bottom of the page will you see “themes”, click on “YOUR PURCHASED TEMPLATE” then press “save”.

Your template is now installed.

You must do this
Since this is a 2 column template, you must put all your modules in the left or right position

  • Go into your admin, go under “modules” then “positions” and click on “run live edit” on your right.
  • Drop and drag everything from the right side column to your left or right. Now “save”.

Adding your logo
By default, prestashop changes all images to jpeg. If you want a transparent background on your logo, you must do the following

  • Go under "preferences", then click on the "images" button under the tab
  • Under the "images" section in the middle of the page, click on " Use PNG only if the base image is in PNG format ".
  • Now click "save".

Try and keep your logo to no wider than 341px and no higher than 137px

  • If you want your logo on a transparent background, export it out as a PNG-24

Uploading it via the admin

  • Go into the Prestashop admin, click on “modules”, click on “themes”
  • Click on “header logo” “choose file”, and find your logo on your hard drive. Do the same for the other boxes which will appear in your mail and invoice emails.
  • Click “save” towards the bottom of the section.

Editing the footer information
Sadly there isn’t a way to edit the footer info in Prestacart admin, so you will have to edit the tpl file.

  • In the unzipped folder, open the following file:
    \themes\YOUR PURCHASED TEMPLATE\footer.tpl
    (you can open this in notepad or dreamweaver. Or any html editing softare)

Scroll down till you see:
{$HOOK_FOOTER}
<p>Add anything you want to this area</p>

  • And replace the text “Add anything you want” with your own. You can add facebook icons. Whatever you like.
  • Now upload the footer.tpl to your webserver here
    /Your Store/themes/YOUR PURCHASED TEMPLATE

Note: If you want to remove the php generated links at the bottom (Specials, New products, etc), in the footer.tpl, simply remove “{$HOOK_FOOTER}”

Adding images to categories
The middle column has a width of 717px wide, you may want to make your category images to that size.

Making edits to the template

******** IMPORTANT ********
Before you edit any file, make sure FORCE COMPILE is on:
Admin > Preferences > Performance > Force compile > Yes > click "Save"
After you have done the edits and see that the frontend displays your changes correctly, you can set the "Force compile" back to "No".
If you do not do this step and edit the tpl files, It won’t show.

If you have any questions, please don’t hesitate to contact me on info@eshopalot.com.

Continue