{"id":588,"date":"2025-12-18T14:40:28","date_gmt":"2025-12-18T13:40:28","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=588"},"modified":"2026-02-18T23:14:04","modified_gmt":"2026-02-18T22:14:04","slug":"cum-sa-modificati-aspectul-paginii-in-prestashop","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-edit-page-layout-in-prestashop\/","title":{"rendered":"Cum s\u0103 modifica\u021bi aspectul paginii \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\">Editarea aspectului paginii \u00een PrestaShop este un element crucial \u00een procesul de creare a unui magazin online unic \u0219i atractiv. \u00cen acest articol, v\u0103 vom ar\u0103ta pas cu pas cum s\u0103 personaliza\u021bi aspectul magazinului dumneavoastr\u0103.<\/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-edit-page-layout-in-prestashop\/#Editing_the_page_layout_in_the_admin_panel\">Editarea aspectului paginii \u00een panoul de administrare<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-edit-page-layout-in-prestashop\/#Edit_templates_and_files_in_the_theme\">Edita\u021bi \u0219abloanele \u0219i fi\u0219ierele din tem\u0103<\/a><\/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\/how-to-edit-page-layout-in-prestashop\/#Using_the_PrestaShop_Visual_Editor\">Utilizarea editorului vizual PrestaShop<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Editing_the_page_layout_in_the_admin_panel\"><\/span>Editarea aspectului paginii \u00een panoul de administrare<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Modificarea aspectului \u00een set\u0103rile temei<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">PrestaShop ofer\u0103 posibilitatea de a personaliza aspectul f\u0103r\u0103 a fi necesar\u0103 editarea codului. Pentru a face acest lucru:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Conecta\u021bi-v\u0103 la panoul de administrare.<\/li>\n\n\n\n<li>Accesa\u021bi <strong>Aspect<\/strong> \u2192 <strong>Teme \u0219i logo-uri<\/strong>.<\/li>\n\n\n\n<li>Face\u021bi clic pe butonul <strong>Personalizare<\/strong> de l\u00e2ng\u0103 tema pe care o utiliza\u021bi \u00een prezent.<\/li>\n\n\n\n<li>\u00cen sec\u021biunea <strong>Aspect pagin\u0103<\/strong>, pute\u021bi alege un aspect pentru diferite pagini ale magazinului (pagina de start, categorii, produse, co\u0219 de cump\u0103r\u0103turi \u0219i a\u0219a mai departe).<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Modulele \u0219i pozi\u021bionarea acestora<\/strong><\/h4>\n\n\n\n<\/div>\n\n<div id=\"mybox-757784673\" 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\">PrestaShop utilizeaz\u0103 module care pot fi plasate liber \u00een diferite sec\u021biuni ale paginii:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accesa\u021bi <strong>Aspect<\/strong> \u2192 <strong>Pozi\u021bii<\/strong>.<\/li>\n\n\n\n<li>C\u0103uta\u021bi modulul pe care dori\u021bi s\u0103 \u00eel muta\u021bi sau s\u0103 \u00eel rearanja\u021bi.<\/li>\n\n\n\n<li>Utiliza\u021bi op\u021biunea <strong>Mutare<\/strong> pentru a-l plasa \u00eentr-o alt\u0103 sec\u021biune a paginii.<\/li>\n\n\n\n<li>De asemenea, pute\u021bi elimina modulele inutile sau ad\u0103uga altele noi f\u0103c\u00e2nd clic pe <strong>Ad\u0103ugare modul nou<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Edit_templates_and_files_in_the_theme\"><\/span>Edita\u021bi \u0219abloanele \u0219i fi\u0219ierele din tem\u0103<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Modifica\u021bi structura fi\u0219ierelor \u0219ablon<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 dori\u021bi s\u0103 personaliza\u021bi mai detaliat aspectul paginii, va trebui s\u0103 edita\u021bi fi\u0219ierele temei:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Accesa\u021bi directorul temei<\/strong>: \u00eel pute\u021bi g\u0103si \u00een <code>\/themes\/numele-temei-dvs.\/<\/code>.<\/li>\n\n\n\n<li><strong>Edita\u021bi fi\u0219ierele <code>.tpl<\/code><\/strong>: Fi\u0219ierele temei \u00een PrestaShop sunt \u00een principal fi\u0219iere <code>.tpl<\/code> care pot fi editate folosind editorul de cod.<\/li>\n\n\n\n<li><strong>Personaliza\u021bi fi\u0219ierul <code>header.tpl<\/code>, <code>footer.tpl<\/code> \u0219i <code>product.tpl<\/code><\/strong>: Acestea sunt responsabile pentru antet, subsol \u0219i pagina produsului.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Modificarea CSS-ului pentru aspectul paginii<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 dori\u021bi s\u0103 edita\u021bi stilurile, edita\u021bi fi\u0219ierele CSS:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Deschide\u021bi <code>\/themes\/numele-temei-dvs.\/assets\/css\/<\/code> \u0219i g\u0103si\u021bi fi\u0219ierul <code>theme.css<\/code> sau <code>custom.css<\/code>.<\/li>\n\n\n\n<li>Ad\u0103uga\u021bi sau modifica\u021bi stilurile pentru a personaliza aspectul paginii.<\/li>\n\n\n\n<li>Dup\u0103 efectuarea modific\u0103rilor, goli\u021bi memoria cache din <strong>Avansat<\/strong> \u2192 <strong>Performan\u021b\u0103<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilizarea_editorului_vizual_PrestaShop\"><\/span>Utilizarea editorului vizual PrestaShop<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen unele versiuni ale PrestaShop, este disponibil un editor vizual care v\u0103 permite s\u0103 personaliza\u021bi pagina folosind metoda glisare \u0219i plasare:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accesa\u021bi <strong>Aspect<\/strong> \u2192 <strong>Pagini<\/strong>.<\/li>\n\n\n\n<li>Face\u021bi clic pe butonul de editare pentru pagina selectat\u0103.<\/li>\n\n\n\n<li>Utiliza\u021bi editorul pentru a muta elementele.<\/li>\n<\/ol>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[25,58,125],"manual_kb_tag":[2875,2876,2877,2878,2879,2880,2881,2882,330,445,571,849,1174],"class_list":["post-588","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-hosting","manualknowledgebasecat-web-applications-cms","manualknowledgebasecat-websites","manual_kb_tag-page-layout","manual_kb_tag-theme-settings","manual_kb_tag-appearance-settings","manual_kb_tag-module-positioning","manual_kb_tag-add-new-module","manual_kb_tag-module-management","manual_kb_tag-template-files","manual_kb_tag-edit-templates","manual_kb_tag-administration-panel","manual_kb_tag-prestashop","manual_kb_tag-online-store","manual_kb_tag-visual-editor","manual_kb_tag-admin-panel"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/588","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\/588\/revisions"}],"predecessor-version":[{"id":4959,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/588\/revisions\/4959"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/media?parent=588"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manualknowledgebasecat?post=588"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb_tag?post=588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}