{"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":"cum-sa-schimbati-sablonul-grafic-in-prestashop","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/","title":{"rendered":"Cum s\u0103 schimba\u021bi \u0219ablonul grafic \u00een PrestaShop?"},"content":{"rendered":"<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\"><\/span><div class=\"onethird-callout__title\">Not\u0103<\/div><\/div><div class=\"onethird-callout__body\"><em><strong>\u201cDrupal\u201d<\/strong><\/em> \u0219i <em><strong>\u201cPrestaShop\u201d<\/strong><\/em> vor fi disponibile ulterior, dar nu \u00een timpul fazei de \u201cAcces anticipat\u201d.<\/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\">Schimbarea \u0219ablonului grafic \u00een PrestaShop v\u0103 permite s\u0103 personaliza\u021bi aspectul magazinului dvs. online pentru a se potrivi nevoilor dvs. individuale. Acest lucru v\u0103 permite s\u0103 \u00eembun\u0103t\u0103\u021bi\u021bi aspectul estetic, s\u0103 spori\u021bi func\u021bionalitatea \u0219i s\u0103 adapta\u021bi mai bine interfa\u021ba la a\u0219tept\u0103rile clien\u021bilor. \u00cen acest articol, v\u0103 vom ghida pas cu pas prin \u00eentregul proces de schimbare a temei \u00een 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\">Cuprins<\/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\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Choosing_a_new_template\">Alegerea unui \u0219ablon nou<\/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\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#What_to_look_for_when_choosing_a_template\">Ce trebuie s\u0103 ave\u021bi \u00een vedere atunci c\u00e2nd alege\u021bi un \u0219ablon?<\/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\/ro\/knowledgebase\/cum-se-schimb\u0103-\u0219ablonul-grafic-\u00een-PrestaShop\/#Desc\u0103rca\u021bi_\u0219i_instala\u021bi_un_\u0219ablon_nou\">Desc\u0103rca\u021bi \u0219i instala\u021bi un \u0219ablon nou<\/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\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Installing_the_template_in_the_admin_panel\">Instalarea \u0219ablonului \u00een panoul de administrare<\/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-the-graphic-template-in-prestashop\/#Installation_via_FTP\">Instalare prin 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\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Customize_a_new_template\">Personaliza\u021bi un \u0219ablon nou<\/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\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Changing_the_logo_and_colors\">Modificarea logo-ului \u0219i a culorilor<\/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-the-graphic-template-in-prestashop\/#Module_configuration\">Configurarea modulului<\/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\/ro\/knowledgebase\/cum-se-schimb\u0103-\u0219ablonul-grafic-\u00een-PrestaShop\/#Editare_fi\u0219ierelor_CSS_\u0219i_\u0219abloanelor\">Editarea fi\u0219ierelor CSS \u0219i a \u0219abloanelor<\/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\/ro\/knowledgebase\/how-to-change-the-graphic-template-in-prestashop\/#Test_a_new_template\">Testa\u021bi un \u0219ablon nou<\/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\/ro\/ajutor\/ro\/baza-de-cuno\u0219tin\u021be\/cum-se-schimb\u0103-\u0219ablonul-grafic-\u00een-PrestaShop\/#Revenire_la_un_\u0219ablon_anterior_dac\u0103_este_necesar\">Revenire la un \u0219ablon anterior (dac\u0103 este necesar)<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Alegerea_unui_\u0219ablon_nou\"><\/span>Alegerea unui \u0219ablon nou<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cenainte de a schimba \u0219ablonul, este recomandat s\u0103 alege\u021bi unul care s\u0103 corespund\u0103 a\u0219tept\u0103rilor dumneavoastr\u0103. Pute\u021bi g\u0103si teme \u00een:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Magazinul oficial PrestaShop Addons<\/strong> \u2013 teme gratuite \u0219i cu plat\u0103 optimizate pentru PrestaShop.<\/li>\n\n\n\n<li><strong>Platforme externe<\/strong> \u2013 de exemplu, ThemeForest, TemplateMonster sau alte pie\u021be online cu \u0219abloane.<\/li>\n\n\n\n<li><strong>Surse gratuite<\/strong> \u2013 exist\u0103 \u0219abloane gratuite disponibile pe forumuri \u0219i site-uri web.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ce_s\u0103_c\u0103uta\u021bi_atunci_c\u00e2nd_alege\u021bi_un_\u0219ablon\"><\/span>Ce s\u0103 c\u0103uta\u021bi atunci c\u00e2nd alege\u021bi un \u0219ablon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Compatibilitate cu versiunea PrestaShop.<\/li>\n\n\n\n<li>Responsivitate \u2013 adaptare la dispozitivele mobile.<\/li>\n\n\n\n<li>Personalizabil.<\/li>\n\n\n\n<li>Viteza de \u00eenc\u0103rcare.<\/li>\n\n\n\n<li>Recenzii ale utilizatorilor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Desc\u0103rca\u021bi_\u0219i_instala\u021bi_un_\u0219ablon_nou\"><\/span>Desc\u0103rca\u021bi \u0219i instala\u021bi un \u0219ablon nou<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-2681548091\" 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\">Acces timpuriu<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Mai ave\u021bi nevoie de ajutor?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contacta\u021bi echipa noastr\u0103 de servicii pentru clien\u021bi.<\/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\">Trimite mesaj<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Dup\u0103 ce a\u021bi ales un \u0219ablon, trebuie s\u0103 \u00eel desc\u0103rca\u021bi \u00een format ZIP. Apoi, continua\u021bi cu instalarea acestuia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installing_the_template_in_the_admin_panel\"><\/span>Instalarea \u0219ablonului \u00een panoul de administrare<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Conecta\u021bi-v\u0103 la panoul de administrare PrestaShop<\/strong>.<\/li>\n\n\n\n<li><strong>Accesa\u021bi fila \u201cDesign\u201d \u2192 \u201cTeme \u0219i logo-uri\u201d<\/strong>.<\/li>\n\n\n\n<li>Face\u021bi clic pe butonul <strong>\u201cAd\u0103uga\u021bi o tem\u0103 nou\u0103\u201d<\/strong>.<\/li>\n\n\n\n<li><strong>\u00cenc\u0103rca\u021bi un fi\u0219ier ZIP<\/strong> cu noul \u0219ablon.<\/li>\n\n\n\n<li>Odat\u0103 ce \u00eenc\u0103rcarea s-a finalizat, selecta\u021bi <strong>op\u021biunea \u201cAplic\u0103 aceast\u0103 tem\u0103\u201d<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installation_via_FTP\"><\/span>Instalare prin FTP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 \u00eent\u00e2mpina\u021bi probleme la instalare \u00een panoul de control, pute\u021bi efectua instalarea manual:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Conecta\u021bi-v\u0103 la server prin FTP<\/strong> (de exemplu, FileZilla).<\/li>\n\n\n\n<li>Accesa\u021bi <code>\/themes\/<\/code>.<\/li>\n\n\n\n<li><strong>\u00cenc\u0103rca\u021bi folderul dezarhivat cu \u0219ablonul<\/strong> \u00een <code>\/themes\/<\/code>.<\/li>\n\n\n\n<li>Conecta\u021bi-v\u0103 la panoul de administrare \u0219i activa\u021bi \u0219ablonul \u00een sec\u021biunea <strong>\u201cTeme \u0219i logo-uri\u201d<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Customize_a_new_template\"><\/span>Personaliza\u021bi un \u0219ablon nou<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dup\u0103 ce a\u021bi instalat o tem\u0103, este recomandat s\u0103 o personaliza\u021bi \u00een func\u021bie de nevoile dvs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Changing_the_logo_and_colors\"><\/span>Schimbarea logo-ului \u0219i a culorilor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accesa\u021bi<strong> \u201cDesign\u201d \u2192 \u201cLogo-uri teme\u201d.<\/strong><\/li>\n\n\n\n<li><strong>\u00cenc\u0103rca\u021bi-v\u0103 logo-ul<\/strong> \u00een locul corespunz\u0103tor.<\/li>\n\n\n\n<li>\u00cen fila <strong>\u201cSet\u0103ri tem\u0103\u201d<\/strong>, modifica\u021bi culorile, aspectul \u0219i alte op\u021biuni.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Module_configuration\"><\/span>Configurarea modulelor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Unele \u0219abloane includ module suplimentare care trebuie configurate:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accesa\u021bi fila <strong>\u201cModule\u201d<\/strong>.<\/li>\n\n\n\n<li>Verifica\u021bi lista modulelor instalate \u0219i personaliza\u021bi-le \u00een func\u021bie de nevoile dvs.<\/li>\n\n\n\n<li>Activa\u021bi sau dezactiva\u021bi elementele inutile.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Editing_CSS_and_template_files\"><\/span>Editarea fi\u0219ierelor CSS \u0219i a \u0219abloanelor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 dori\u021bi modific\u0103ri mai avansate:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edita\u021bi fi\u0219ierele CSS din <code>\/themes\/tema-dumneavoastr\u0103\/assets\/css\/<\/code>.<\/li>\n\n\n\n<li>Personaliza\u021bi fi\u0219ierele <code>.tpl<\/code> din <code>\/themes\/tema-voastr\u0103\/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>Testa\u021bi un \u0219ablon nou<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dup\u0103 modificarea \u0219ablonului, este recomandat s\u0103 verifica\u021bi dac\u0103 totul func\u021bioneaz\u0103 corect:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Naviga\u021bi prin magazin pe diferite dispozitive<\/strong> (computer, tablet\u0103, telefon).<\/li>\n\n\n\n<li><strong>Verifica\u021bi viteza de \u00eenc\u0103rcare a paginii<\/strong> (de exemplu, Google PageSpeed Insights).<\/li>\n\n\n\n<li><strong>Testa\u021bi procesul de cump\u0103rare<\/strong> \u2013 verifica\u021bi dac\u0103 clien\u021bii pot ad\u0103uga cu u\u0219urin\u021b\u0103 produse \u00een co\u0219 \u0219i pot finaliza comenzile.<\/li>\n\n\n\n<li><strong>Asigura\u021bi-v\u0103 c\u0103 nu exist\u0103 erori<\/strong> \u00een aspectul paginii \u0219i c\u0103 toate modulele func\u021bioneaz\u0103 corect.<\/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>Reveni\u021bi la un \u0219ablon anterior (dac\u0103 este necesar)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 noua tem\u0103 nu corespunde a\u0219tept\u0103rilor dvs., pute\u021bi reveni oric\u00e2nd la cea anterioar\u0103:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accesa\u021bi <strong>\u201cAspect\u201d \u2192 \u201cTeme \u0219i logo-uri\u201d.<\/strong><\/li>\n\n\n\n<li>Selecta\u021bi \u0219ablonul anterior \u0219i face\u021bi clic pe <strong>\u201cAplicare\u201d.<\/strong><\/li>\n\n\n\n<li>Verifica\u021bi dac\u0103 totul func\u021bioneaz\u0103 corect.<\/li>\n<\/ol>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[58,125,25],"manual_kb_tag":[447,3139,516,3140,527,2790,2799,2800,2876,2881,2946,2947,2948,2949,2950,2951,3137,445,3138],"class_list":["post-548","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-web-applications-cms","manualknowledgebasecat-websites","manualknowledgebasecat-hosting","manual_kb_tag-prestashop-addons","manual_kb_tag-pagespeed-insights","manual_kb_tag-filezilla","manual_kb_tag-user-reviews","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"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/548","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":2,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/548\/revisions"}],"predecessor-version":[{"id":4791,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/548\/revisions\/4791"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/media?parent=548"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manualknowledgebasecat?post=548"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb_tag?post=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}