{"id":548,"date":"2025-12-18T14:26:44","date_gmt":"2025-12-18T13:26:44","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=548"},"modified":"2026-02-18T23:13:35","modified_gmt":"2026-02-18T22:13:35","slug":"how-to-change-the-graphic-template-in-prestashop","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/","title":{"rendered":"How to change the graphic template in PrestaShop?"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<div class=\"wp-block-onethird-callout-box onethird-callout-wrap\"><div class=\"onethird-callout onethird-callout--hint\" style=\"--ot-bg:#EAFFF7;--ot-border:#C8E8D8;--ot-text:#6F7C88;--ot-title:#384048;--ot-body:#6F7C88;--ot-icon:#384048;border-radius:6px;padding:16px\"><div class=\"onethird-callout__head\"><span class=\"onethird-callout__icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"none\" stroke=\"#384048\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2 10h4v12H2V10zm20 1c0-1.1-.9-2-2-2h-6.31l.95-4.57.02-.2c0-.26-.11-.5-.29-.68L13.17 2 7.59 7.59C7.22 7.95 7 8.45 7 9v11c0 1.1.9 2 2 2h8c.82 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z\"><\/path><\/svg><\/span><div class=\"onethird-callout__title\">Note<\/div><\/div><div class=\"onethird-callout__body\"><em><strong>&#8220;Drupal&#8221;<\/strong><\/em> and <em><strong>&#8220;PrestaShop&#8221;<\/strong><\/em> will be available at a later time, but not during the &#8220;Early Access&#8221; phase.<\/div><\/div><div class=\"onethird-callout__separator\" style=\"height:18px\" aria-hidden=\"true\"><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Choosing_a_new_template\" >Choosing a new template<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#What_to_look_for_when_choosing_a_template\" >What to look for when choosing a template?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Download_and_install_a_new_template\" >Download and install a new template<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Installing_the_template_in_the_admin_panel\" >Installing the template in the admin panel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Installation_via_FTP\" >Installation via FTP<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Customize_a_new_template\" >Customize a new template<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Changing_the_logo_and_colors\" >Changing the logo and colors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Module_configuration\" >Module configuration<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Editing_CSS_and_template_files\" >Editing CSS and template files<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Test_a_new_template\" >Test a new template<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Revert_to_a_previous_template_if_necessary\" >Revert to a previous template (if necessary)<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choosing_a_new_template\"><\/span>Choosing a new template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you change the template, it&#8217;s a good idea to choose one that meets your expectations. You can find themes in:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PrestaShop Addons Official Store<\/strong> \u2013 paid and free themes optimized for PrestaShop.<\/li>\n\n\n\n<li><strong>External platforms<\/strong> \u2013 e.g. ThemeForest, TemplateMonster or other marketplaces with templates.<\/li>\n\n\n\n<li><strong>Free sources<\/strong> \u2013 there are free templates available on forums and websites.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_to_look_for_when_choosing_a_template\"><\/span>What to look for when choosing a template?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Compatible with the PrestaShop version.<\/li>\n\n\n\n<li>Responsiveness \u2013 adaptation to mobile devices.<\/li>\n\n\n\n<li>Customizable.<\/li>\n\n\n\n<li>Charging speed.<\/li>\n\n\n\n<li>User reviews.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Download_and_install_a_new_template\"><\/span>Download and install a new template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-1445145394\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Early access<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Still need help?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contact our customer service team.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Message us<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Once you have chosen a template, you need to download it in ZIP format. Then, proceed to install it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installing_the_template_in_the_admin_panel\"><\/span>Installing the template in the admin panel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Log in to your PrestaShop admin panel<\/strong>.<\/li>\n\n\n\n<li><strong>Go to the &#8220;Design&#8221; \u2192 &#8220;Themes Logos&#8221; tab<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>&#8220;Add New Theme&#8221;<\/strong> button.<\/li>\n\n\n\n<li><strong>Upload a ZIP file<\/strong> with the new template.<\/li>\n\n\n\n<li>Once the upload is complete, select <strong>the &#8220;Apply this theme&#8221;<\/strong> option.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installation_via_FTP\"><\/span>Installation via FTP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you encounter installation issues in the panel, you can do it manually:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Connect to the server via FTP<\/strong> (e.g. FileZilla).<\/li>\n\n\n\n<li>Go to the <code>\/themes\/<\/code>.<\/li>\n\n\n\n<li><strong>Upload the unzipped folder with the template<\/strong> to the <code>\/themes\/<\/code>.<\/li>\n\n\n\n<li>Log in to the admin panel and activate the template in the <strong>&#8220;Themes and logos&#8221;<\/strong> section.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Customize_a_new_template\"><\/span>Customize a new template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve installed a theme, it&#8217;s a good idea to customize it to suit your needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Changing_the_logo_and_colors\"><\/span>Changing the logo and colors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to<strong> &#8220;Design&#8221; \u2192 &#8220;Themes Logos&#8221;.<\/strong><\/li>\n\n\n\n<li><strong>Upload your logo<\/strong> in the appropriate place.<\/li>\n\n\n\n<li>In the <strong>&#8220;Theme Settings&#8221;<\/strong> tab, change the colors, layout, and other options.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Module_configuration\"><\/span>Module configuration<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Some templates include additional modules that need to be configured:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to the <strong>&#8220;Modules&#8221;<\/strong> tab.<\/li>\n\n\n\n<li>Check the list of installed modules and customize them to your needs.<\/li>\n\n\n\n<li>Turn unnecessary items on or off.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Editing_CSS_and_template_files\"><\/span>Editing CSS and template files<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you want more advanced changes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit CSS files in the <code>\/themes\/your-theme\/assets\/css\/<\/code>.<\/li>\n\n\n\n<li>Customize the files <code>.tpl<\/code> in the <code>\/themes\/your-theme\/templates\/<\/code>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Test_a_new_template\"><\/span>Test a new template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After changing the template, it&#8217;s a good idea to check if everything is working properly:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Browse the store on different devices<\/strong> (computer, tablet, phone).<\/li>\n\n\n\n<li><strong>Check the page loading speed<\/strong> (e.g., Google PageSpeed Insights).<\/li>\n\n\n\n<li><strong>Test the shopping process<\/strong> \u2013 see if customers can easily add products to their cart and complete orders.<\/li>\n\n\n\n<li><strong>Make sure that there are no errors<\/strong> in the layout and that all modules are working properly.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Revert_to_a_previous_template_if_necessary\"><\/span>Revert to a previous template (if necessary)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If the new theme doesn&#8217;t meet your expectations, you can always go back to the previous one:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>&#8220;Appearance&#8221; \u2192 &#8220;Themes Logos&#8221;.<\/strong><\/li>\n\n\n\n<li>Select the previous template and click <strong>&#8220;Apply&#8221;.<\/strong><\/li>\n\n\n\n<li>Check that everything is working properly.<\/li>\n<\/ol>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[25,58,125],"manual_kb_tag":[527,2790,2799,2800,2876,2881,2946,2947,2948,2949,2950,2951,3137,445,3138,447,3139,516,3140],"class_list":["post-548","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-hosting","manualknowledgebasecat-web-applications-cms","manualknowledgebasecat-websites","manual_kb_tag-responsive-design","manual_kb_tag-module-configuration","manual_kb_tag-install-theme","manual_kb_tag-theme-installation","manual_kb_tag-theme-settings","manual_kb_tag-template-files","manual_kb_tag-prestashop-theme","manual_kb_tag-change-template","manual_kb_tag-change-theme","manual_kb_tag-theme-customization","manual_kb_tag-customize-theme","manual_kb_tag-mobile-optimization","manual_kb_tag-themeforest","manual_kb_tag-prestashop","manual_kb_tag-templatemonster","manual_kb_tag-prestashop-addons","manual_kb_tag-pagespeed-insights","manual_kb_tag-filezilla","manual_kb_tag-user-reviews"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/548\/revisions"}],"predecessor-version":[{"id":4791,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/548\/revisions\/4791"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/media?parent=548"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=548"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}