Skip to content

Instantly share code, notes, and snippets.

@DarkStoorM
Created October 23, 2020 15:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DarkStoorM/304eaeec06a74586ec7e3e7b46a0527e to your computer and use it in GitHub Desktop.
Save DarkStoorM/304eaeec06a74586ec7e3e7b46a0527e to your computer and use it in GitHub Desktop.

Ogólna struktura

{
  "sections":
  [
    {
      "items":
      [
        "tutaj idą elementy sekcji (maksymalnie dwa, rozdzielone przecinkami"
      ]
    }
  ]
}

Sekcja zawiera: {tylko zdjęcie} / {tylko tekst} / {zdjęcie + tekst} / {tekst + zdjęcie} / {dwa zdjęcia}

Rozszerzając opis kopiujemy wewnętrzną klamrę (razem z klamrami), w której znajduje się pojedyncza sekcja "items"

multisekcje powinny zostać rozdzielone przecinkami, poprawność można sprawdzić tutaj https://jsonformatter.curiousconcept.com

Element sekcji:

typ IMAGE albo TEXT gdzie przy IMAGE stosujemy pole "url", a przy TEXT stosujemy pole "content", żeby wstawić tekst

{
  "type": "IMAGE",
  "url": "link do zdjecia"
}
{
  "type": "TEXT",
  "content": "tekstowy opis sekcji"
}

Kompletny opis zawierający dwie sekcję - zdjęcie + tekst / tekst + zdjęcie:

zakładając, że przy CSV we kolumnie Zdjęcia przesłaliśmy:

  • link_do_zdjecia_1
  • link_do_zdjecia_2
{
  "sections":
  [
    {
      "items":
      [
        {
          "type": "IMAGE",
          "url": "link_do_zdjecia_1"
        },
        {
          "type": "TEXT",
          "content": "tekstowy opis sekcji"
        }
      ]
    },
    {
      "items":
      [
        {
          "type": "TEXT",
          "content": "tekstowy opis sekcji"
        },
        {
          "type": "IMAGE",
          "url": "link_do_zdjecia_2"
        }
      ]
    }
  ]
}

Można również tworzyć mono-sekcje - pojedyncze zdjęcie lub tylko tekst

{
  "sections":
  [
    {
      "items":
      [
        {
          "type": "IMAGE",
          "url": "link_do_zdjecia_1"
        }
      ]
    }
  ]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment