{"id":14824,"date":"2025-02-18T09:44:52","date_gmt":"2025-02-18T08:44:52","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=14824"},"modified":"2025-02-18T09:44:52","modified_gmt":"2025-02-18T08:44:52","slug":"jak-edytowac-uklad-strony-w-prestashop","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-edytowac-uklad-strony-w-prestashop\/","title":{"rendered":"Jak edytowa\u0107 uk\u0142ad strony w PrestaShop?"},"content":{"rendered":"<p data-start=\"45\" data-end=\"325\">Edycja uk\u0142adu strony w PrestaShop to kluczowy element w procesie tworzenia unikalnego i atrakcyjnego sklepu internetowego. W tym artykule poka\u017cemy Ci, jak krok po kroku dostosowa\u0107 wygl\u0105d Twojego sklepu do w\u0142asnych potrzeb.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 ez-toc-wrap-left counter-flat 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\">Spis tre\u015bci<\/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'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-edytowac-uklad-strony-w-prestashop\/#Edycja_ukladu_strony_w_panelu_administracyjnym\" >Edycja uk\u0142adu strony w panelu administracyjnym<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-edytowac-uklad-strony-w-prestashop\/#Edycja_szablonow_i_plikow_w_motywie\" >Edycja szablon\u00f3w i plik\u00f3w w motywie<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-edytowac-uklad-strony-w-prestashop\/#Korzystanie_z_edytora_wizualnego_PrestaShop\" >Korzystanie z edytora wizualnego PrestaShop<\/a><\/li><\/ul><\/nav><\/div>\n<h2 data-start=\"327\" data-end=\"380\"><span class=\"ez-toc-section\" id=\"Edycja_ukladu_strony_w_panelu_administracyjnym\"><\/span>Edycja uk\u0142adu strony w panelu administracyjnym<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h4 data-start=\"382\" data-end=\"426\"><strong data-start=\"387\" data-end=\"426\">Zmiana uk\u0142adu w ustawieniach motywu<\/strong><\/h4>\n<p data-start=\"427\" data-end=\"524\">PrestaShop oferuje mo\u017cliwo\u015b\u0107 dostosowania uk\u0142adu bez konieczno\u015bci edytowania kodu. Aby to zrobi\u0107:<\/p>\n<ol data-start=\"525\" data-end=\"804\">\n<li data-start=\"525\" data-end=\"568\">Zaloguj si\u0119 do panelu administracyjnego.<\/li>\n<li data-start=\"569\" data-end=\"614\">Przejd\u017a do <strong data-start=\"583\" data-end=\"593\">Wygl\u0105d<\/strong> \u2192 <strong data-start=\"596\" data-end=\"613\">Motywy i Logo<\/strong>.<\/li>\n<li data-start=\"615\" data-end=\"680\">Kliknij przycisk <strong data-start=\"635\" data-end=\"647\">Dostosuj<\/strong> obok aktualnie u\u017cywanego motywu.<\/li>\n<li data-start=\"681\" data-end=\"804\">W sekcji <strong data-start=\"693\" data-end=\"709\">Uk\u0142ad strony<\/strong> mo\u017cna wybra\u0107 uk\u0142ad dla r\u00f3\u017cnych stron sklepu (strona g\u0142\u00f3wna, kategorie, produkty, koszyk itd.).<\/li>\n<\/ol>\n<h4 data-start=\"806\" data-end=\"842\"><strong data-start=\"811\" data-end=\"842\">Modu\u0142y i ich pozycjonowanie<\/strong><\/h4>\n<p data-start=\"843\" data-end=\"934\">PrestaShop wykorzystuje modu\u0142y, kt\u00f3re mo\u017cna swobodnie umieszcza\u0107 w r\u00f3\u017cnych sekcjach strony:<\/p>\n<ol data-start=\"935\" data-end=\"1197\">\n<li data-start=\"935\" data-end=\"974\">Przejd\u017a do <strong data-start=\"949\" data-end=\"959\">Wygl\u0105d<\/strong> \u2192 <strong data-start=\"962\" data-end=\"973\">Pozycje<\/strong>.<\/li>\n<li data-start=\"975\" data-end=\"1040\">Wyszukaj modu\u0142, kt\u00f3ry chcesz przenie\u015b\u0107 lub zmieni\u0107 jego uk\u0142ad.<\/li>\n<li data-start=\"1041\" data-end=\"1107\">U\u017cyj opcji <strong data-start=\"1055\" data-end=\"1067\">Przenie\u015b<\/strong>, aby umie\u015bci\u0107 go w innej sekcji strony.<\/li>\n<li data-start=\"1108\" data-end=\"1197\">Mo\u017cesz tak\u017ce usun\u0105\u0107 niepotrzebne modu\u0142y lub doda\u0107 nowe, klikaj\u0105c <strong data-start=\"1176\" data-end=\"1196\">Dodaj nowy modu\u0142<\/strong>.<\/li>\n<\/ol>\n<div id=\"dhost-15979152\" class=\"dhost-inpost dhost-entity-placement\"><a href=\"https:\/\/dhosting.pl\/opieka-stron.html?utm_source=pomoc&utm_medium=artykul&utm_campaign=pomoc\" target=\"_blank\">\r\n\t<img decoding=\"async\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2025\/01\/baner-opieka.png\" alt=\"opieka stron www\">\r\n<\/a>\r\n<br \/>\r\n<br \/><\/div><h2 data-start=\"1199\" data-end=\"1241\"><span class=\"ez-toc-section\" id=\"Edycja_szablonow_i_plikow_w_motywie\"><\/span>Edycja szablon\u00f3w i plik\u00f3w w motywie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h4 data-start=\"1243\" data-end=\"1284\"><strong data-start=\"1248\" data-end=\"1284\">Zmiana struktury plik\u00f3w szablonu<\/strong><\/h4>\n<p data-start=\"1285\" data-end=\"1382\">Je\u015bli chcesz dostosowa\u0107 uk\u0142ad strony bardziej szczeg\u00f3\u0142owo, konieczna b\u0119dzie edycja plik\u00f3w motywu:<\/p>\n<ol data-start=\"1383\" data-end=\"1712\">\n<li data-start=\"1383\" data-end=\"1466\"><strong data-start=\"1386\" data-end=\"1416\">Przejd\u017a do katalogu motywu<\/strong>: Znajdziesz go w <code class=\"\" data-line=\"\">\/themes\/nazwa-twojego-motywu\/<\/code>.<\/li>\n<li data-start=\"1467\" data-end=\"1592\"><strong data-start=\"1470\" data-end=\"1493\">Edytuj pliki <code class=\"\" data-line=\"\">.tpl<\/code><\/strong>: Pliki szablonu w PrestaShop to g\u0142\u00f3wnie pliki <code class=\"\" data-line=\"\">.tpl<\/code>, kt\u00f3re mo\u017cna edytowa\u0107 za pomoc\u0105 edytora kodu.<\/li>\n<li data-start=\"1593\" data-end=\"1712\"><strong data-start=\"1596\" data-end=\"1656\">Dostosuj plik <code class=\"\" data-line=\"\">header.tpl<\/code>, <code class=\"\" data-line=\"\">footer.tpl<\/code> i <code class=\"\" data-line=\"\">product.tpl<\/code><\/strong>: Odpowiadaj\u0105 one za nag\u0142\u00f3wek, stopk\u0119 i stron\u0119 produktu.<\/li>\n<\/ol>\n<h4 data-start=\"1714\" data-end=\"1751\"><strong data-start=\"1719\" data-end=\"1751\">Zmiana CSS dla uk\u0142adu strony<\/strong><\/h4>\n<p data-start=\"1752\" data-end=\"1799\">Je\u017celi chcesz edytowa\u0107 style, edytuj pliki CSS:<\/p>\n<ol data-start=\"1800\" data-end=\"2033\">\n<li data-start=\"1800\" data-end=\"1896\">Otw\u00f3rz <code class=\"\" data-line=\"\">\/themes\/nazwa-twojego-motywu\/assets\/css\/<\/code> i znajd\u017a plik <code class=\"\" data-line=\"\">theme.css<\/code> lub <code class=\"\" data-line=\"\">custom.css<\/code>.<\/li>\n<li data-start=\"1897\" data-end=\"1957\">Dodaj lub zmodyfikuj style, aby dostosowa\u0107 wygl\u0105d strony.<\/li>\n<li data-start=\"1958\" data-end=\"2033\">Po zmianach wyczy\u015b\u0107 pami\u0119\u0107 podr\u0119czn\u0105 w <strong data-start=\"2000\" data-end=\"2016\">Zaawansowane<\/strong> \u2192 <strong data-start=\"2019\" data-end=\"2032\">Wydajno\u015b\u0107<\/strong>.<\/li>\n<\/ol>\n<h2 data-start=\"2035\" data-end=\"2085\"><span class=\"ez-toc-section\" id=\"Korzystanie_z_edytora_wizualnego_PrestaShop\"><\/span>Korzystanie z edytora wizualnego PrestaShop<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"2087\" data-end=\"2214\">W niekt\u00f3rych wersjach PrestaShop dost\u0119pny jest edytor wizualny pozwalaj\u0105cy na dostosowanie strony metod\u0105 \u201eprzeci\u0105gnij i upu\u015b\u0107\u201d:<\/p>\n<ol data-start=\"2215\" data-end=\"2348\">\n<li data-start=\"2215\" data-end=\"2253\">Przejd\u017a do <strong data-start=\"2229\" data-end=\"2239\">Wygl\u0105d<\/strong> \u2192 <strong data-start=\"2242\" data-end=\"2252\">Strony<\/strong>.<\/li>\n<li data-start=\"2254\" data-end=\"2297\">Kliknij przycisk edycji wybranej strony.<\/li>\n<li data-start=\"2298\" data-end=\"2348\">Skorzystaj z edytora do przenoszenia element\u00f3w.<\/li>\n<\/ol>\n","protected":false},"author":6,"featured_media":10957,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[96,95,109],"manual_kb_tag":[4952,4955,4951,655,4197,4957,3517,4956,4954,3516,4953],"class_list":["post-14824","manual_kb","type-manual_kb","status-publish","format-standard","has-post-thumbnail","hentry","manualknowledgebasecat-aplikacje-internetowe-cms","manualknowledgebasecat-hosting","manualknowledgebasecat-strony-www","manual_kb_tag-dostosowanie-motywu-prestashop","manual_kb_tag-edycja-css-prestashop","manual_kb_tag-edycja-ukladu-prestashop","manual_kb_tag-hosting","manual_kb_tag-moduly-prestashop","manual_kb_tag-page-builder-prestashop","manual_kb_tag-polski-hosting","manual_kb_tag-szablony-prestashop","manual_kb_tag-uklad-strony-prestashop","manual_kb_tag-web-hosting","manual_kb_tag-zmiana-wygladu-prestashop"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":3,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14824\/revisions"}],"predecessor-version":[{"id":14834,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14824\/revisions\/14834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media\/10957"}],"wp:attachment":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=14824"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=14824"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=14824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}