{"id":880,"date":"2025-08-11T14:31:46","date_gmt":"2025-08-11T14:31:46","guid":{"rendered":"https:\/\/rs.quarticon.com\/jak-dziala-logika-json\/"},"modified":"2025-08-12T15:38:10","modified_gmt":"2025-08-12T15:38:10","slug":"jak-dziala-logika-json","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/jak-dziala-logika-json\/","title":{"rendered":"Jak dzia\u0142a logika JSON?"},"content":{"rendered":"<article class='jsx-ef86202475c6562f '>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Logika JSON daje mo\u017cliwo\u015b\u0107 wy\u015bwietlania ramki ze wskazan\u0105 list\u0105 produkt\u00f3w do wy\u015bwietlenia. Przyk\u0142adowe zastosowanie: ramka pod artyku\u0142em na blogu, zawieraj\u0105ca jedynie produktu wspomniane w tym artykule. Jak skonfigurowa\u0107 ramk\u0119 JSON?<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1.<\/b> Wskazujesz miejsce (tzw. ZONE-ID), w kt\u00f3rym chcesz wy\u015bwietli\u0107 ramk\u0119, a my zajmujemy si\u0119 ca\u0142ym procesem konfiguracyjnym.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>2.<\/b> Po stworzeniu przez nas odpowiedniej konfiguracji, o czym Ci\u0119 poinformujemy, zaloguj si\u0119 do panelu klienta <a href='https:\/\/cp.quarticon.com\/' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/cp.quarticon.com\/<\/a>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>3.<\/b> Przejd\u017a do sekcji <b>Rekomendacje<\/b>, a nast\u0119pnie kliknij <i>Dodaj widget<\/i>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/235998182\/21b0438389cd6a4cca02c6c3\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/235998182\/21b0438389cd6a4cca02c6c3\/image.png' width='674' height='241'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>4.<\/b> Wska\u017c miejsce dla rekomendacji w sklepie (krok pierwszy), a nast\u0119pnie, w kroku drugim, wybierz kafelek z nazw\u0105 <b>Dane Json<\/b>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/235999515\/fd9d0587d6808ff6ca2b705a\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/235999515\/fd9d0587d6808ff6ca2b705a\/image.png' width='1151' height='410'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>5.<\/b> Kliknij <i>Poka\u017c ustawienia zaawansowane<\/i>. W polu <b>Logika Json Data<\/b> zaimplementowana jest struktura, kt\u00f3r\u0105 przygotowali\u015bmy dla Ciebie. <\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142adowa struktura wygl\u0105da tak, jak poni\u017cej:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/236009766\/e3d9234f97c712cb20649519\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/236009766\/e3d9234f97c712cb20649519\/image.png' width='580' height='527'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Forma tekstowa to:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{ 'default': { 'title': 'Tytu\u0142 dla default', 'content': [ '20221077', '20221081', '20221096' ] }, 'testA': { 'title':'Tytu\u0142 dla testA', 'content':[ '20220406', '20220412', '20220413' ] }, 'testB': { 'title':'Tytu\u0142 dla testB', 'content':[ '20220708', '20220711', '20220762' ] }, 'test3': { 'title':'Tytu\u0142 dla test3', 'content':[ '20220849', '20220890', '20220984' ] } }<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pola, kt\u00f3rych uzupe\u0142nienie le\u017cy po Twojej stronie, to <i>content. <\/i>Nale\u017cy wpisa\u0107 tam ID produkt\u00f3w.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Pami\u0119taj!<\/b> ID produkt\u00f3w wpisywanych w pole <i>content <\/i>musz\u0105 zgadza\u0107 si\u0119 z dostarczonym przez Ciebie katalogiem produkt\u00f3w. Aby sprawdzi\u0107 ID produkt\u00f3w, kt\u00f3re chcesz wy\u015bwietla\u0107 w ramce JSON, przejd\u017a do <b>Ustawie\u0144<\/b> (pasek menu g\u0142\u00f3wnego po lewej stronie) -&gt; <i>Katalog produkt\u00f3w<\/i>, a nast\u0119pnie na li\u015bcie katalog\u00f3w wybierz ten, kt\u00f3ry Ci\u0119 interesuje i kliknij w symbol z\u0119batki. Wybierz opcj\u0119 <i>Poka\u017c katalog<\/i>, by sprawdzi\u0107 jego zawarto\u015b\u0107.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/236003793\/ba91169a4b3a7a4ea448c9dd\/screenshot-cp.quarticon.com-2020.08.13-12_42_17.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/236003793\/ba91169a4b3a7a4ea448c9dd\/screenshot-cp.quarticon.com-2020.08.13-12_42_17.png' width='1156' height='358'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Na stronie z informacjami dotycz\u0105cymi katalogu produkt\u00f3w znajdziesz dane dotycz\u0105ce ostatniej aktualizacji, liczb\u0119 produkt\u00f3w, a tak\u017ce ich list\u0119. Na li\u015bcie produkt\u00f3w widoczna jest ich miniaturka, tytu\u0142, cena, a tak\u017ce w\u0142a\u015bnie ID.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/236008122\/36fa6f9c338b077b8f1e74b2\/screenshot-cp.quarticon.com-2020.08.13-12_57_38.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/236008122\/36fa6f9c338b077b8f1e74b2\/screenshot-cp.quarticon.com-2020.08.13-12_57_38.png' width='1147' height='401'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Pami\u0119taj, \u017ce wybrane przez Ciebie produkty musz\u0105 mie\u0107 status dost\u0119pnych \u2013 je\u015bli wszystkie wskazane produkty s\u0105 niedost\u0119pne, ramka wcale si\u0119 nie wy\u015bwietli!<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>6.<\/b> Po wklejeniu w pola <i>content <\/i>odpowiednich ID produkt\u00f3w, doko\u0144cz proces tworzenia ramki zgodnie z dalszymi krokami. Mo\u017cesz posi\u0142kowa\u0107 si\u0119 artyku\u0142em <a href='\/dodawanie-ramek-rekomendacji\/'>Dodawanie widget\u00f3w<\/a>, w kt\u00f3rym znajdziesz wi\u0119cej informacji na temat tworzenia ramek.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Logika JSON daje mo\u017cliwo\u015b\u0107 wy\u015bwietlania ramki ze wskazan\u0105 list\u0105 produkt\u00f3w do wy\u015bwietlenia. Przyk\u0142adowe zastosowanie: ramka pod artyku\u0142em na blogu, zawieraj\u0105ca <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-880","post","type-post","status-publish","format-standard","hentry","category-rekomendacje"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/comments?post=880"}],"version-history":[{"count":6,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/880\/revisions"}],"predecessor-version":[{"id":2344,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/880\/revisions\/2344"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}