{"id":14814,"date":"2025-02-18T09:44:40","date_gmt":"2025-02-18T08:44:40","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=14814"},"modified":"2025-02-18T09:44:40","modified_gmt":"2025-02-18T08:44:40","slug":"jak-zmienic-szablon-graficzny-w-prestashop","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zmienic-szablon-graficzny-w-prestashop\/","title":{"rendered":"Jak zmieni\u0107 szablon graficzny w PrestaShop?"},"content":{"rendered":"<p data-start=\"47\" data-end=\"363\">Zmiana szablonu graficznego w PrestaShop pozwala na dostosowanie wygl\u0105du sklepu internetowego do indywidualnych potrzeb. Dzi\u0119ki temu mo\u017cna poprawi\u0107 estetyk\u0119, zwi\u0119kszy\u0107 funkcjonalno\u015b\u0107 i lepiej dopasowa\u0107 interfejs do oczekiwa\u0144 klient\u00f3w. W tym artykule przeprowadzimy Ci\u0119 przez ca\u0142y proces zmiany szablonu w PrestaShop.<\/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-zmienic-szablon-graficzny-w-prestashop\/#Wybor_nowego_szablonu\" >Wyb\u00f3r nowego szablonu<\/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-zmienic-szablon-graficzny-w-prestashop\/#Pobranie_i_instalacja_nowego_szablonu\" >Pobranie i instalacja nowego szablonu<\/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-zmienic-szablon-graficzny-w-prestashop\/#Dostosowanie_nowego_szablonu\" >Dostosowanie nowego szablonu<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zmienic-szablon-graficzny-w-prestashop\/#Testowanie_nowego_szablonu\" >Testowanie nowego szablonu<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-zmienic-szablon-graficzny-w-prestashop\/#Przywrocenie_poprzedniego_szablonu_jesli_zajdzie_taka_potrzeba\" >Przywr\u00f3cenie poprzedniego szablonu (je\u015bli zajdzie taka potrzeba)<\/a><\/li><\/ul><\/nav><\/div>\n<h2 data-start=\"365\" data-end=\"392\"><span class=\"ez-toc-section\" id=\"Wybor_nowego_szablonu\"><\/span>Wyb\u00f3r nowego szablonu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"394\" data-end=\"493\">Zanim zmienisz szablon, warto wybra\u0107 taki, kt\u00f3ry spe\u0142ni Twoje oczekiwania. Mo\u017cesz znale\u017a\u0107 motywy w:<\/p>\n<ul data-start=\"495\" data-end=\"796\">\n<li data-start=\"495\" data-end=\"595\"><strong data-start=\"497\" data-end=\"537\">Oficjalnym sklepie PrestaShop Addons<\/strong> \u2013 p\u0142atne i darmowe motywy zoptymalizowane pod PrestaShop.<\/li>\n<li data-start=\"596\" data-end=\"698\"><strong data-start=\"598\" data-end=\"626\">Zewn\u0119trznych platformach<\/strong> \u2013 np. ThemeForest, TemplateMonster czy inne marketplace\u2019y z szablonami.<\/li>\n<li data-start=\"699\" data-end=\"796\"><strong data-start=\"701\" data-end=\"723\">Darmowych \u017ar\u00f3d\u0142ach<\/strong> \u2013 istniej\u0105 darmowe szablony dost\u0119pne na forach i stronach internetowych.<\/li>\n<\/ul>\n<h3 data-start=\"798\" data-end=\"844\">Na co zwr\u00f3ci\u0107 uwag\u0119 przy wyborze szablonu?<\/h3>\n<ul data-start=\"845\" data-end=\"1009\">\n<li data-start=\"845\" data-end=\"882\">Kompatybilno\u015b\u0107 z wersj\u0105 PrestaShop.<\/li>\n<li data-start=\"883\" data-end=\"936\">Responsywno\u015b\u0107 \u2013 dostosowanie do urz\u0105dze\u0144 mobilnych.<\/li>\n<li data-start=\"937\" data-end=\"964\">Mo\u017cliwo\u015b\u0107 personalizacji.<\/li>\n<li data-start=\"965\" data-end=\"986\">Szybko\u015b\u0107 \u0142adowania.<\/li>\n<li data-start=\"987\" data-end=\"1009\">Opinie u\u017cytkownik\u00f3w.<\/li>\n<\/ul>\n<div id=\"dhost-345134283\" 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=\"1011\" data-end=\"1054\"><span class=\"ez-toc-section\" id=\"Pobranie_i_instalacja_nowego_szablonu\"><\/span>Pobranie i instalacja nowego szablonu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"1056\" data-end=\"1151\">Po wyborze szablonu musisz go pobra\u0107 w formacie ZIP. Nast\u0119pnie przejd\u017a do jego instalacji.<\/p>\n<h3 data-start=\"1153\" data-end=\"1202\">Instalacja szablonu w panelu administracyjnym<\/h3>\n<ol data-start=\"1203\" data-end=\"1474\">\n<li data-start=\"1203\" data-end=\"1261\"><strong data-start=\"1206\" data-end=\"1260\">Zaloguj si\u0119 do panelu administracyjnego PrestaShop<\/strong>.<\/li>\n<li data-start=\"1262\" data-end=\"1316\"><strong data-start=\"1265\" data-end=\"1315\">Przejd\u017a do zak\u0142adki \u201eWygl\u0105d\u201d \u2192 \u201eMotywy i logo\u201d<\/strong>.<\/li>\n<li data-start=\"1317\" data-end=\"1360\">Kliknij przycisk <strong data-start=\"1337\" data-end=\"1359\">\u201eDodaj nowy motyw\u201d<\/strong>.<\/li>\n<li data-start=\"1361\" data-end=\"1404\"><strong data-start=\"1364\" data-end=\"1385\">Prze\u015blij plik ZIP<\/strong> z nowym szablonem.<\/li>\n<li data-start=\"1405\" data-end=\"1474\">Po zako\u0144czeniu przesy\u0142ania wybierz opcj\u0119 <strong data-start=\"1449\" data-end=\"1473\">\u201eZastosuj ten motyw\u201d<\/strong>.<\/li>\n<\/ol>\n<h3 data-start=\"1476\" data-end=\"1500\">Instalacja przez FTP<\/h3>\n<p data-start=\"1501\" data-end=\"1574\">Je\u015bli napotkasz problemy z instalacj\u0105 w panelu, mo\u017cesz to zrobi\u0107 r\u0119cznie:<\/p>\n<ol data-start=\"1575\" data-end=\"1827\">\n<li data-start=\"1575\" data-end=\"1630\"><strong data-start=\"1578\" data-end=\"1613\">Po\u0142\u0105cz si\u0119 z serwerem przez FTP<\/strong> (np. FileZilla).<\/li>\n<li data-start=\"1631\" data-end=\"1665\">Przejd\u017a do katalogu <code class=\"\" data-line=\"\">\/themes\/<\/code>.<\/li>\n<li data-start=\"1666\" data-end=\"1736\"><strong data-start=\"1669\" data-end=\"1712\">Prze\u015blij rozpakowany folder z szablonem<\/strong> do katalogu <code class=\"\" data-line=\"\">\/themes\/<\/code>.<\/li>\n<li data-start=\"1737\" data-end=\"1827\">Zaloguj si\u0119 do panelu administracyjnego i aktywuj szablon w sekcji <strong data-start=\"1807\" data-end=\"1826\">\u201eMotywy i logo\u201d<\/strong>.<\/li>\n<\/ol>\n<h2 data-start=\"1829\" data-end=\"1863\"><span class=\"ez-toc-section\" id=\"Dostosowanie_nowego_szablonu\"><\/span>Dostosowanie nowego szablonu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"1865\" data-end=\"1928\">Po zainstalowaniu motywu warto go dostosowa\u0107 do swoich potrzeb.<\/p>\n<h3 data-start=\"1930\" data-end=\"1959\">Zmiana logo i kolorystyki<\/h3>\n<ol data-start=\"1960\" data-end=\"2134\">\n<li data-start=\"1960\" data-end=\"2005\">Przejd\u017a do<strong data-start=\"1963\" data-end=\"2004\"> \u201eWygl\u0105d\u201d \u2192 \u201eMotywy i logo\u201d<\/strong>.<\/li>\n<li data-start=\"2006\" data-end=\"2052\"><strong data-start=\"2009\" data-end=\"2029\">Wgraj swoje logo<\/strong> w odpowiednim miejscu.<\/li>\n<li data-start=\"2053\" data-end=\"2134\">W zak\u0142adce <strong data-start=\"2067\" data-end=\"2090\">\u201eUstawienia motywu\u201d<\/strong> zmie\u0144 kolory, uk\u0142ad i inne opcje.<\/li>\n<\/ol>\n<h3 data-start=\"2136\" data-end=\"2160\">Konfiguracja modu\u0142\u00f3w<\/h3>\n<p data-start=\"2161\" data-end=\"2234\">Niekt\u00f3re szablony zawieraj\u0105 dodatkowe modu\u0142y, kt\u00f3re nale\u017cy skonfigurowa\u0107:<\/p>\n<ol data-start=\"2235\" data-end=\"2388\">\n<li data-start=\"2235\" data-end=\"2271\">Przejd\u017a do zak\u0142adki <strong data-start=\"2258\" data-end=\"2270\">\u201eModu\u0142y\u201d<\/strong>.<\/li>\n<li data-start=\"2272\" data-end=\"2345\">Sprawd\u017a list\u0119 zainstalowanych modu\u0142\u00f3w i dostosuj je do swoich potrzeb.<\/li>\n<li data-start=\"2346\" data-end=\"2388\">W\u0142\u0105cz lub wy\u0142\u0105cz niepotrzebne elementy.<\/li>\n<\/ol>\n<h3 data-start=\"2390\" data-end=\"2422\">Edycja CSS i plik\u00f3w szablonu<\/h3>\n<p data-start=\"2423\" data-end=\"2466\">Je\u015bli chcesz bardziej zaawansowanych zmian:<\/p>\n<ul data-start=\"2467\" data-end=\"2602\">\n<li data-start=\"2467\" data-end=\"2532\">Edytuj pliki CSS w katalogu <code class=\"\" data-line=\"\">\/themes\/twoj-szablon\/assets\/css\/<\/code>.<\/li>\n<li data-start=\"2533\" data-end=\"2602\">Dostosuj pliki <code class=\"\" data-line=\"\">.tpl<\/code> w katalogu <code class=\"\" data-line=\"\">\/themes\/twoj-szablon\/templates\/<\/code>.<\/li>\n<\/ul>\n<h2 data-start=\"2604\" data-end=\"2636\"><span class=\"ez-toc-section\" id=\"Testowanie_nowego_szablonu\"><\/span>Testowanie nowego szablonu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"2638\" data-end=\"2705\">Po zmianie szablonu warto sprawdzi\u0107, czy wszystko dzia\u0142a poprawnie:<\/p>\n<ol data-start=\"2706\" data-end=\"3075\">\n<li data-start=\"2706\" data-end=\"2782\"><strong data-start=\"2709\" data-end=\"2753\">Przegl\u0105daj sklep na r\u00f3\u017cnych urz\u0105dzeniach<\/strong> (komputer, tablet, telefon).<\/li>\n<li data-start=\"2783\" data-end=\"2856\"><strong data-start=\"2786\" data-end=\"2823\">Sprawd\u017a szybko\u015b\u0107 \u0142adowania strony<\/strong> (np. Google PageSpeed Insights).<\/li>\n<li data-start=\"2857\" data-end=\"2985\"><strong data-start=\"2860\" data-end=\"2890\">Przetestuj proces zakupowy<\/strong> \u2013 sprawd\u017a, czy klienci mog\u0105 bez problemu dodawa\u0107 produkty do koszyka i finalizowa\u0107 zam\u00f3wienia.<\/li>\n<li data-start=\"2986\" data-end=\"3075\"><strong data-start=\"2989\" data-end=\"3022\">Upewnij si\u0119, \u017ce nie ma b\u0142\u0119d\u00f3w<\/strong> w uk\u0142adzie i \u017ce wszystkie modu\u0142y dzia\u0142aj\u0105 poprawnie.<\/li>\n<\/ol>\n<h2 data-start=\"3077\" data-end=\"3147\"><span class=\"ez-toc-section\" id=\"Przywrocenie_poprzedniego_szablonu_jesli_zajdzie_taka_potrzeba\"><\/span>Przywr\u00f3cenie poprzedniego szablonu (je\u015bli zajdzie taka potrzeba)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"3149\" data-end=\"3226\">Je\u015bli nowy motyw nie spe\u0142nia oczekiwa\u0144, zawsze mo\u017cesz wr\u00f3ci\u0107 do poprzedniego:<\/p>\n<ol data-start=\"3227\" data-end=\"3373\">\n<li data-start=\"3227\" data-end=\"3272\">Przejd\u017a do <strong data-start=\"3241\" data-end=\"3271\">\u201eWygl\u0105d\u201d \u2192 \u201eMotywy i logo\u201d<\/strong>.<\/li>\n<li data-start=\"3273\" data-end=\"3330\">Wybierz wcze\u015bniejszy szablon i kliknij <strong data-start=\"3315\" data-end=\"3329\">\u201eZastosuj\u201d<\/strong>.<\/li>\n<li data-start=\"3331\" data-end=\"3373\">Sprawd\u017a, czy wszystko dzia\u0142a poprawnie.<\/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":[655,4922,4923,4925,3517,4924,4927,3516,4926,4921],"class_list":["post-14814","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-hosting","manual_kb_tag-instalacja-motywu-prestashop","manual_kb_tag-motywy-prestashop","manual_kb_tag-personalizacja-prestashop","manual_kb_tag-polski-hosting","manual_kb_tag-prestashop-szablon","manual_kb_tag-responsywny-szablon-prestashop","manual_kb_tag-web-hosting","manual_kb_tag-wyglad-sklepu-prestashop","manual_kb_tag-zmiana-szablonu-prestashop"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14814","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\/14814\/revisions"}],"predecessor-version":[{"id":14828,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14814\/revisions\/14828"}],"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=14814"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=14814"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=14814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}