{"id":2785,"date":"2020-09-02T14:30:25","date_gmt":"2020-09-02T14:30:25","guid":{"rendered":"http:\/\/newhelp.iwareprint.pl\/?post_type=helpdesk&#038;p=2785"},"modified":"2024-04-03T20:11:18","modified_gmt":"2024-04-03T20:11:18","slug":"wlasne-widoki-w-cms","status":"publish","type":"e_commerce_module","link":"https:\/\/iwareprint.pl\/help\/iwareprint_3-0\/wlasne-widoki-w-cms\/","title":{"rendered":"W\u0142asne widoki w CMS"},"content":{"rendered":"<p><strong>W\u0142asne widoki<\/strong> pozwalaj\u0105 na stworzenie w\u0142asnego bloku kodu, kt\u00f3ry najcz\u0119\u015bciej s\u0142u\u017cy jako dodatkowa podstrona w sklepie. <strong>Widoki w\u0142asne<\/strong> pozwalaj\u0105 jednak na wiele wi\u0119cej &#8211; mo\u017cna w nich definiowa\u0107 wygl\u0105d:<\/p>\n<ul>\n<li>oferty modu\u0142u handlowca<\/li>\n<li>wydruku kalkulacji<\/li>\n<li>wydania zewn\u0119trznego<\/li>\n<li>nag\u0142\u00f3wek kreatora<\/li>\n<\/ul>\n<p>Dodatkowo, za pomoc\u0105 <strong>W\u0142asnych widok\u00f3w<\/strong> mo\u017cna zaimportowa\u0107 do szablonu kod z zewn\u0119trznego serwera &#8211; formularz, dowoln\u0105 stron\u0119, skrypty.<\/p>\n<h2>Utworzenie w\u0142asnego widoku<\/h2>\n<p>Funkcjonalno\u015b\u0107 dost\u0119pna jest w sekcji <span style=\"color: #ff0000;\"><strong>CMS &gt; W\u0142asne widoki<\/strong><\/span>. Po klikni\u0119ciu <strong>Dodaj<\/strong> pojawi si\u0119 formularz utworzenia widoku w\u0142asnego.<\/p>\n<p>Nale\u017cy tutaj skonfigurowa\u0107 w\u0142a\u015bciwo\u015bci widoku w\u0142asnego:<\/p>\n<p><strong>Nazwa<\/strong> &#8211; nazwa widoku w\u0142asnego<\/p>\n<p><strong>Typ<\/strong> &#8211; wyb\u00f3r trybu funkcjonowania widoku<strong>:<\/strong><\/p>\n<h3>Kod lokalny<\/h3>\n<p>Wy\u015bwietla <strong>kod<\/strong> HTML, CSS i JavaScript wprowadzony w edytorze.<\/p>\n<h3>Kod zewn\u0119trzny<\/h3>\n<p>Wy\u015bwietlanie kodu zewn\u0119trznego, to opcja zaawansowana. Po wpisaniu pod edytorem, w polu <strong>Url zewn\u0119trzny<\/strong> odno\u015bnika do w\u0142asnego skryptu, mo\u017cliwe jest zaimportowanie kodu z zewn\u0119trznego adresu URL.<\/p>\n<p>Przyk\u0142adem kodu zewn\u0119trznego mo\u017ce by\u0107 wy\u015bwietlanie formularza zaci\u0105ganego z zewn\u0119trznego serwera, co umo\u017cliwi zapisywanie danych na tym serwerze. Innym przyk\u0142adem mo\u017ce by\u0107 przygotowany na zewn\u0119trznym serwerze landing page.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-large wp-image-3134\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/widok-wlasny-1-1-774x1024.png\" alt=\"\" width=\"774\" height=\"1024\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/widok-wlasny-1-1-774x1024.png 774w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/widok-wlasny-1-1-227x300.png 227w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/widok-wlasny-1-1-768x1016.png 768w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/widok-wlasny-1-1.png 820w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/p>\n<h2>Dodatkowe opcje<\/h2>\n<p>Po uzupe\u0142nieniu pola <strong>Nazwa<\/strong> i zapisaniu pojawi\u0105 si\u0119 dodatkowe opcje widoku w\u0142asnego:<\/p>\n<h3>Podgl\u0105d<\/h3>\n<p>W trakcie edycji pomocny b\u0119dzie przycisk <strong>Podgl\u0105d<\/strong> znajduj\u0105cy si\u0119 w g\u00f3rnej cz\u0119\u015bci ekranu. <strong>Po zapisaniu wprowadzonych zmian<\/strong>, klikni\u0119cie przycisku przekieruje na podstron\u0119 widoku w\u0142asnego w serwisie.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3137\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/widok-wlasny-2.png\" alt=\"\" width=\"370\" height=\"161\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/widok-wlasny-2.png 370w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/widok-wlasny-2-300x131.png 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/p>\n<p>Na samej g\u00f3rze widoku w\u0142asnego wy\u015bwietla si\u0119 url prowadz\u0105cy do wy\u015bwietlania tego widoku na stronie drukarni. W tym przypadku jest to <strong><code>\/view\/14<\/code>, <\/strong>co pozwala wy\u015bwietli\u0107 ten widok pod adresem: <code>http:\/\/twoja-domena.pl<strong>\/view\/14<\/strong><\/code><\/p>\n<p>Za pomoc\u0105 tego url mo\u017cna widok <strong>podlinkowa\u0107<\/strong> w stopce, nag\u0142\u00f3wku lub menu, w sekcji <span style=\"color: #ff0000;\"><strong>CMS &gt; Menu<\/strong><\/span>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3148\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/menu.png\" alt=\"\" width=\"764\" height=\"619\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/menu.png 764w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/menu-300x243.png 300w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/><\/p>\n<h3>Tagi HTML<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3140\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/tagi.png\" alt=\"\" width=\"467\" height=\"419\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/tagi.png 467w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/tagi-300x269.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p>\n<p>Klikni\u0119cie przycisku <strong>tagi html<\/strong> odkryje <strong>zmienne<\/strong>, kt\u00f3re mo\u017cna u\u017cy\u0107 w szablonie drukarni do wy\u015bwietlania poszczeg\u00f3lnych cz\u0119\u015bci widoku w\u0142asnego, najistotniejsze z nich to:<\/p>\n<ul>\n<li>nazwa<\/li>\n<li>kod widoku<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3141\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/tagi2-591x1024.png\" alt=\"\" width=\"591\" height=\"1024\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/tagi2-591x1024.png 591w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/tagi2-173x300.png 173w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/tagi2.png 612w\" sizes=\"(max-width: 591px) 100vw, 591px\" \/><\/p>\n<p>Zmienn\u0105 tak\u0105 wystarczy skopiowa\u0107 i wklei\u0107 w dowolnym miejscu w szablonie (<span style=\"color: #ff0000;\"><strong>CMS &gt; Szablony drukarni &gt; edycja<\/strong><\/span>).<\/p>\n<h2>Przyk\u0142ady<\/h2>\n<h3>Formularz w\u0142asny<\/h3>\n<ol>\n<li>W sekcji <span style=\"color: #ff0000;\"><strong>CMS &gt; W\u0142asne formularze<\/strong><\/span> zosta\u0142 utworzony nowy formularz z mo\u017cliwo\u015bci\u0105 wgrania plik\u00f3w.<\/li>\n<li>Skopiowany kod HTML nale\u017cy wklei\u0107 w widoku w\u0142asnym w edytorze kodu:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3145\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/przyklad1-2-890x1024.png\" alt=\"\" width=\"890\" height=\"1024\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/przyklad1-2-890x1024.png 890w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/przyklad1-2-261x300.png 261w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/przyklad1-2-768x884.png 768w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/przyklad1-2.png 897w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><\/li>\n<li>Ustawi\u0107 <strong>Typ<\/strong> widoku jako <strong>Kod Lokalny<br \/>\n<\/strong><\/li>\n<li>Po zapisaniu, formularz dost\u0119pny jest na podstronie drukarni <strong><code>\/view\/14<br \/>\n<\/code><\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3142\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/p2.png\" alt=\"\" width=\"842\" height=\"837\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p2.png 842w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p2-300x298.png 300w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p2-768x763.png 768w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/li>\n<\/ol>\n<h3>Edycja nag\u0142\u00f3wka w kreatorze<\/h3>\n<p>Po aktywowaniu modu\u0142u kreatora, w sekcji <span style=\"color: #ff0000;\"><strong>CMS &gt; W\u0142asne widoki<\/strong><\/span> dost\u0119pny do edycji jest widok o nazwie <span style=\"color: #ff0000;\"><strong>Customers Canvas creator header<\/strong><\/span>.<\/p>\n<p>Wprowadzone zmiany w sekcji <strong>kod<\/strong>, przyk\u0142adowo dodanie:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3147\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/p3.png\" alt=\"\" width=\"783\" height=\"493\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p3.png 783w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p3-300x189.png 300w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p3-768x484.png 768w\" sizes=\"(max-width: 783px) 100vw, 783px\" \/><\/p>\n<p>Pozwoli wy\u015bwietli\u0107 informacj\u0119 dla klienta w g\u00f3rnej cz\u0119\u015bci kreatora:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3146\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/p0.png\" alt=\"\" width=\"917\" height=\"662\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p0.png 917w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p0-300x217.png 300w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/p0-768x554.png 768w\" sizes=\"(max-width: 917px) 100vw, 917px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"parent":0,"menu_order":38,"template":"single-helpdesk.php","kategorie":[22],"class_list":["post-2785","e_commerce_module","type-e_commerce_module","status-publish","hentry","kategorie-cms"],"acf":[],"_links":{"self":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/e_commerce_module\/2785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/e_commerce_module"}],"about":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/types\/e_commerce_module"}],"wp:attachment":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/media?parent=2785"}],"wp:term":[{"taxonomy":"kategorie","embeddable":true,"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/kategorie?post=2785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}