How to change the graphic template in PrestaShop?

Changing the graphic template in PrestaShop allows you to customize the appearance of your online store to suit your individual needs. This allows you to improve aesthetics, increase functionality and better match the interface to customer expectations. In this article, we will walk you through the entire process of changing a theme in PrestaShop.

Choosing a new template

Before you change the template, it’s a good idea to choose one that meets your expectations. You can find themes in:

• PrestaShop Addons Official Store – paid and free themes optimized for PrestaShop.
• External platforms – e.g. ThemeForest, TemplateMonster or other marketplaces with templates.
• Free sources – there are free templates available on forums and websites.

What to look for when choosing a template?

• Compatible with the PrestaShop version.
• Responsiveness – adaptation to mobile devices.
• Customizable.
• Charging speed.
• User reviews.

Download and install a new template

Once you have chosen a template, you need to download it in ZIP format. Then, proceed to install it.

Installing the template in the admin panel

1. Log in to your PrestaShop admin panel.
2. Go to the “Design” → “Themes Logos” tab.
3. Click the “Add New Theme” button.
4. Upload a ZIP file with the new template.
5. Once the upload is complete, select the “Apply this theme” option.

Installation via FTP

If you encounter installation issues in the panel, you can do it manually:

1. Connect to the server via FTP (e.g. FileZilla).
2. Go to the /themes/.
3. Upload the unzipped folder with the template to the /themes/.
4. Log in to the admin panel and activate the template in the “Themes and logos” section.

Customize a new template

Once you’ve installed a theme, it’s a good idea to customize it to suit your needs.

Changing the logo and colors

1. Go to “Design” → “Themes Logos”.
2. Upload your logo in the appropriate place.
3. In the “Theme Settings” tab, change the colors, layout, and other options.

Module configuration

Some templates include additional modules that need to be configured:

1. Go to the “Modules” tab.
2. Check the list of installed modules and customize them to your needs.
3. Turn unnecessary items on or off.

Editing CSS and template files

If you want more advanced changes:

• Edit CSS files in the /themes/your-theme/assets/css/.
• Customize the files .tpl in the /themes/your-theme/templates/.

Test a new template

After changing the template, it’s a good idea to check if everything is working properly:

1. Browse the store on different devices (computer, tablet, phone).
2. Check the page loading speed (e.g., Google PageSpeed Insights).
3. Test the shopping process – see if customers can easily add products to their cart and complete orders.
4. Make sure that there are no errors in the layout and that all modules are working properly.

Revert to a previous template (if necessary)

If the new theme doesn’t meet your expectations, you can always go back to the previous one:

1. Go to “Appearance” → “Themes Logos”.
2. Select the previous template and click “Apply”.
3. Check that everything is working properly.