{"id":7972,"date":"2026-05-07T12:20:56","date_gmt":"2026-05-07T10:20:56","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=7972"},"modified":"2026-05-07T12:20:57","modified_gmt":"2026-05-07T10:20:57","slug":"cum-sa-modificati-un-sablon-grafic-in-prestashop","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/","title":{"rendered":"Cum s\u0103 schimba\u021bi un \u0219ablon grafic \u00een PrestaShop"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">Changing your theme is one of the most impactful ways to refresh your store&#8217;s brand and improve the user experience. In PrestaShop, a theme is a collection of files that control the visual display of your product data without affecting the underlying database.<\/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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Context\" >Context<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Step_1_Selecting_and_downloading_a_new_template\" >Step 1: Selecting and downloading a new template<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Step_2_Installing_the_new_template\" >Step 2: Installing the new template<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Step_3_Customizing_the_new_template\" >Step 3: Customizing the new template<\/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\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Step_4_Testing_and_Performance\" >Step 4: Testing and Performance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Distinction_Theme_vs_Child_Theme\" >Distinction: Theme vs. Child Theme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Practical_Implications\" >Practical Implications<\/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\/ro\/knowledgebase\/how-to-change-a-graphic-template-in-prestashop\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Context\"><\/span>Context<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you switch a template, PrestaShop rearranges your existing modules and content to fit the new design&#8217;s &#8220;Hooks.&#8221; Because different themes use different image dimensions and module positions, a theme change usually requires a few follow-up steps like regenerating thumbnails or reconfiguring the home page modules.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_1_Selecting_and_downloading_a_new_template\"><\/span>Step 1: Selecting and downloading a new template<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<\/div>\n\n<div id=\"mybox-1762446532\" 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\">Before making the switch, ensure your new theme is high-quality and technically sound.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Compatibility:<\/strong> Verify that the theme specifically supports your version of PrestaShop (e.g., version 1.7.x or 8.x).<\/li>\n\n\n\n<li><strong>Performance:<\/strong> Check for &#8220;Lightweight&#8221; or &#8220;Fast&#8221; labels, as heavy themes can slow down your site.<\/li>\n\n\n\n<li><strong>Documentation:<\/strong> Ensure the ZIP file you download includes a documentation folder, as many modern themes require specific module settings to look like the demo.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_2_Installing_the_new_template\"><\/span>Step 2: Installing the new template<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The most reliable way to install a theme is through the PrestaShop back office.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Navigate to Appearance:<\/strong> Go to <strong>Improve > Design > Theme &amp; Logo<\/strong>.<\/li>\n\n\n\n<li><strong>Add New Theme:<\/strong> Click the <strong>Add new theme<\/strong> button at the top right.<\/li>\n\n\n\n<li><strong>Upload ZIP:<\/strong> Under the &#8220;Import from your computer&#8221; section, upload the <code>.zip<\/code> file provided by your theme developer.<\/li>\n\n\n\n<li><strong>Finalize:<\/strong> Once the upload is successful, scroll down to the &#8220;Select a theme for your [Shop Name]&#8221; section. Find your new theme and click <strong>Use this theme<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> PrestaShop will ask if you want to enable or disable certain modules associated with the new theme. It is usually best to follow the theme developer&#8217;s recommendations during this step.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_3_Customizing_the_new_template\"><\/span>Step 3: Customizing the new template<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A new theme is a &#8220;blank canvas.&#8221; You need to add your brand elements to make it yours.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo and Favicon:<\/strong> In the <strong>Theme &amp; Logo<\/strong> tab, upload your high-resolution logo and your favicon (the small icon seen in browser tabs).<\/li>\n\n\n\n<li><strong>Regenerate Images:<\/strong> New themes often use different image ratios. Go to <strong>Design > Image Settings<\/strong> and click <strong>Regenerate thumbnails<\/strong> at the bottom. This ensures your product photos aren&#8217;t blurry or stretched.<\/li>\n\n\n\n<li><strong>Homepage Configuration:<\/strong> Modern themes often come with a &#8220;Theme Configurator&#8221; or &#8220;Visual Builder&#8221; module. Use this to set up your homepage banners, featured products, and text blocks.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_4_Testing_and_Performance\"><\/span>Step 4: Testing and Performance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Never assume a theme works perfectly across all devices immediately after installation.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>The Checkout Test:<\/strong> Add an item to the cart and go through the entire checkout process. Ensure that the &#8220;Add to Cart&#8221; button and payment selection look correct on both desktop and mobile.<\/li>\n\n\n\n<li><strong>Clear Cache:<\/strong> Go to <strong>Advanced Parameters > Performance<\/strong> and click <strong>Clear Cache<\/strong>. This forces the server to serve the new files instead of old cached versions.<\/li>\n\n\n\n<li><strong>Speed Check:<\/strong> Use a tool like Google PageSpeed Insights. If the site is slow, check if the theme has built-in compression settings or if you need to optimize your images.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Distinction_Theme_vs_Child_Theme\"><\/span>Distinction: Theme vs. Child Theme<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Theme:<\/strong> The core files provided by the developer. If you edit these directly, your changes will be deleted when you update the theme.<\/li>\n\n\n\n<li><strong>Child Theme:<\/strong> A small &#8220;extension&#8221; folder that stays on your server. You put your custom CSS or structural changes here so they remain safe even when the main theme receives security updates.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Practical_Implications\"><\/span>Practical Implications<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Module Positions:<\/strong> Some of your old modules might &#8220;disappear.&#8221; They aren&#8217;t gone; they are likely just not hooked into the new theme&#8217;s layout. You can re-attach them in <strong>Design > Positions<\/strong>.<\/li>\n\n\n\n<li><strong>Languages:<\/strong> If your store is multilingual, check that the new theme translates &#8220;hard-coded&#8221; buttons like &#8220;Add to Cart&#8221; correctly in the <strong>International > Translations<\/strong> section.<\/li>\n\n\n\n<li><strong>Backups:<\/strong> Before clicking &#8220;Apply this theme,&#8221; ensure you have a fresh backup in your <strong>mybox panel<\/strong>. This allows you to revert the entire site in seconds if the new theme causes a critical error.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Changing your PrestaShop template is a straightforward process that can revitalize your online presence. By following the installation steps, regenerating your images, and testing the checkout flow, you can move to a new design with confidence and minimal downtime.<\/p>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[58],"manual_kb_tag":[8867,2799,2800,2804,2946,2948,2949,4528,5625,8866],"class_list":["post-7972","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-web-applications-cms","manual_kb_tag-favicon-upload","manual_kb_tag-install-theme","manual_kb_tag-theme-installation","manual_kb_tag-upload-theme","manual_kb_tag-prestashop-theme","manual_kb_tag-change-theme","manual_kb_tag-theme-customization","manual_kb_tag-regenerate-thumbnails","manual_kb_tag-prestashop-back-office","manual_kb_tag-theme-logo"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/7972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/7972\/revisions"}],"predecessor-version":[{"id":7973,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/7972\/revisions\/7973"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/media?parent=7972"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manualknowledgebasecat?post=7972"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb_tag?post=7972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}