shopifyの「カスタマイズ > テーマ設定」部分はsettings_schema.jsonから編集するってお話

無料セミナーや役立ちコードもダウンロード出来る【リキマス公式LINE】はコチラ

shopifyのカスタマイズ画面で左サイドーバー下にある「テーマ設置」

この下の赤で囲んだ部分ですね。開くとこんな感じでセッティング画面が出るわけです。

ここから、テーマに関する設定とかをいじれるわけで、カスタマイズする時には老若男女問わずここから設定するわけですが、shopify開発する人にとっては朝飯前の設定のはずです。

が、ここに自分で項目を増やしたり、はたまた項目の中身を編集したりは・・・なかなか難しそうでしょ?そこんとこを解説していきます!

いじくるファイルは「settings_schema.json」ただ1つ。

この記事を読んだらsettings_schema.jsonの触れ方がわかっちゃいますよ!

settings_schema.jsonの構造を知る

[
  {
    "name": "theme_info",
    "theme_name": "Debut",
    "theme_author": "Shopify",
    "theme_version": "17.12.0",
    "theme_documentation_url": "https:\/\/help.shopify.com\/manual\/using-themes\/themes-by-shopify\/debut",
    "theme_support_url": "https:\/\/support.shopify.com\/"
  },
  {
    "name": {
      "cs": "Barvy",
      "da": "Farver",
      "de": "Farben",
      "en": "Colors",
      "es": "Colores",
      "fi": "Värit",
      "fr": "Couleurs",
      "it": "Colori",
      "ja": "色",
      "ko": "색상",
      "nb": "Farger",
      "nl": "Kleuren",
      "pl": "Kolory",
      "pt-BR": "Cores",
      "pt-PT": "Cores",
      "sv": "Färger",
      "th": "สี",
      "tr": "Renkler",
      "vi": "Màu",
      "zh-CN": "颜色",
      "zh-TW": "色彩"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "cs": "Text",
          "da": "Tekst",
          "de": "Text",
          "en": "Text",
          "es": "Texto",
          "fi": "Teksti",
          "fr": "Texte",
          "it": "Testo",
          "ja": "テキスト",
          "ko": "텍스트",
          "nb": "Tekst",
          "nl": "Tekst",
          "pl": "Tekst",
          "pt-BR": "Texto",
          "pt-PT": "Texto",
          "sv": "Text",
          "th": "ข้อความ",
          "tr": "Metin",
          "vi": "Văn bản",
          "zh-CN": "文本",
          "zh-TW": "文字"
        }
      },
      {
        "type": "color",
        "id": "color_text",
        "label": {
          "cs": "Nadpisy a odkazy",
          "da": "Overskrifter og links",
          "de": "Titel und Links",
          "en": "Headings and links",
          "es": "Títulos y enlaces",
          "fi": "Otsikot ja linkit",
          "fr": "En-têtes et liens",
          "it": "Titoli e link",
          "ja": "見出しとリンク",
          "ko": "제목 및 링크",
          "nb": "Overskrifter og koblinger",
          "nl": "Koppen en links",
          "pl": "Nagłówki i linki",
          "pt-BR": "Títulos e links",
          "pt-PT": "Títulos e ligações",
          "sv": "Rubriker och länkar",
          "th": "หัวเรื่องและลิงก์",
          "tr": "Başlıklar ve bağlantılar",
          "vi": "Tiêu đề và liên kết",
          "zh-CN": "标题和链接",
          "zh-TW": "標題和連結"
        },
        "default": "#3a3a3a"
      },
      {
        "type": "color",
        "id": "color_body_text",
        "label": {
          "cs": "Základní text",
          "da": "Brødtekst",
          "de": "Body-Text",
          "en": "Body text",
          "es": "Texto del cuerpo",
          "fi": "Leipäteksti",
          "fr": "Corps du texte",
          "it": "Corpo del testo",
          "ja": "本文",
          "ko": "본문 텍스트",
          "nb": "Brødtekst",
          "nl": "Hoofdtekst",
          "pl": "Tekst podstawowy",
          "pt-BR": "Corpo do texto",
          "pt-PT": "Corpo de texto",
          "sv": "Brödtext",
          "th": "ข้อความเนื้อหา",
          "tr": "Gövde metni",
          "vi": "Văn bản nội dung",
          "zh-CN": "正文文本",
          "zh-TW": "內文"
        },
        "default": "#333232"
      },
      {
        "type": "color",
        "id": "color_sale_text",
        "label": {
          "cs": "Prodejní cena",
          "da": "Udsalgspris",
          "de": "Verkaufspreis",
          "en": "Sale price",
          "es": "Precio de venta",
          "fi": "Myyntihinta",
          "fr": "Prix soldé",
          "it": "Prezzo di vendita",
          "ja": "販売価格",
          "ko": "판매 가격",
          "nb": "Salgspris",
          "nl": "Aanbiedingsprijs",
          "pl": "Cena sprzedaży",
          "pt-BR": "Preço de venda",
          "pt-PT": "Preço de saldo",
          "sv": "Försäljningspris",
          "th": "ราคาขาย",
          "tr": "Satış fiyatı",
          "vi": "Giá bán",
          "zh-CN": "销售价格",
          "zh-TW": "售價"
        },
        "default": "#EA0606"
      },
      {
        "type": "header",
        "content": {
          "cs": "Tlačítka",
          "da": "Knapper",
          "de": "Buttons",
          "en": "Buttons",
          "es": "Botones",
          "fi": "Painikkeet",
          "fr": "Boutons",
          "it": "Pulsanti",
          "ja": "ボタン",
          "ko": "버튼",
          "nb": "Knapper",
          "nl": "Knoppen",
          "pl": "Przyciski",
          "pt-BR": "Botões",
          "pt-PT": "Botões",
          "sv": "Knappar",
          "th": "ปุ่ม",
          "tr": "Düğmeler",
          "vi": "Nút",
          "zh-CN": "按钮",
          "zh-TW": "按鈕"
        }
      },
      {
        "type": "color",
        "id": "color_button",
        "label": {
          "cs": "Primární tlačítka",
          "da": "Primære knapper",
          "de": "Primäre Buttons",
          "en": "Primary buttons",
          "es": "Botones primarios",
          "fi": "Ensisijaiset painikkeet",
          "fr": "Boutons primaires",
          "it": "Pulsanti primari",
          "ja": "主なボタン",
          "ko": "기본 버튼",
          "nb": "Primærknapper",
          "nl": "Primaire knoppen",
          "pl": "Przyciski główne",
          "pt-BR": "Botões primários",
          "pt-PT": "Botões principais",
          "sv": "Primära knappar",
          "th": "ปุ่มหลัก",
          "tr": "Birincil düğmeler",
          "vi": "Nút chính",
          "zh-CN": "主要按钮",
          "zh-TW": "主要按鈕"
        },
        "default": "#3a3a3a"
      },
      {
        "type": "color",
        "id": "color_button_text",
        "label": {
          "cs": "Primární popisky",
          "da": "Primære labels",
          "de": "Primäre Beschriftung",
          "en": "Primary labels",
          "es": "Etiquetas principales",
          "fi": "Ensisijaiset tarrat",
          "fr": "Étiquettes primaires",
          "it": "Etichette primarie",
          "ja": "一次ラベル",
          "ko": "기본 레이블",
          "nb": "Primære etiketter",
          "nl": "Primaire labels",
          "pl": "Etykiety główne",
          "pt-BR": "Rótulos primários",
          "pt-PT": "Etiquetas principais",
          "sv": "Primär etiketter",
          "th": "ป้ายกำกับหลัก",
          "tr": "Birincil etiketler",
          "vi": "Nhãn chính",
          "zh-CN": "主要标签",
          "zh-TW": "主要標籤"
        },
        "default": "#ffffff"
      },
      {
        "type": "color",
        "id": "color_small_button_text_border",
        "label": {
          "cs": "Sekundární popisky a ohraničení",
          "da": "Sekundære labels og kanter",
          "de": "Sekundäre Labels und Ränder",
          "en": "Secondary labels and borders",
          "es": "Etiquetas secundarias y bordes",
          "fi": "Toissijaiset tarrat ja reunukset",
          "fr": "Étiquettes secondaires et bordures",
          "it": "Etichette e bordi secondari",
          "ja": "二次ラベルと罫線",
          "ko": "보조 레이블 및 테두리",
          "nb": "Sekundære etiketter og rammer",
          "nl": "Secundaire labels en randen",
          "pl": "Etykiety dodatkowe i obramowania",
          "pt-BR": "Rótulos e bordas secundárias",
          "pt-PT": "Limites e etiquetas secundárias",
          "sv": "Sekundära etiketter och gränser",
          "th": "ป้ายกำกับรองและขอบ",
          "tr": "İkincil etiketler ve kenarlıklar",
          "vi": "Nhãn và đường viền phụ",
          "zh-CN": "次要标签和边框",
          "zh-TW": "次要標籤和邊框"
        },
        "default": "#3a3a3a"
      },
      {
        "type": "header",
        "content": {
          "cs": "Pole formuláře",
          "da": "Formularfelter",
          "de": "Formularfelder",
          "en": "Form fields",
          "es": "Campos de formulario",
          "fi": "Lomakekentät",
          "fr": "Champs de formulaire",
          "it": "Campi modulo",
          "ja": "フォームフィールド",
          "ko": "양식 필드",
          "nb": "Skjemafelt",
          "nl": "Formuliervelden",
          "pl": "Pola formularza",
          "pt-BR": "Campos de formulário",
          "pt-PT": "Campos de formulário",
          "sv": "Formulärfält",
          "th": "ช่องข้อมูลของแบบฟอร์ม",
          "tr": "Form alanları",
          "vi": "Trường biểu mẫu",
          "zh-CN": "表单字段",
          "zh-TW": "表單欄位"
        }
      },
      {
        "type": "color",
        "id": "color_text_field_text",
        "label": {
          "cs": "Text",
          "da": "Tekst",
          "de": "Text",
          "en": "Text",
          "es": "Texto",
          "fi": "Teksti",
          "fr": "Texte",
          "it": "Testo",
          "ja": "テキスト",
          "ko": "텍스트",
          "nb": "Tekst",
          "nl": "Tekst",
          "pl": "Tekst",
          "pt-BR": "Texto",
          "pt-PT": "Texto",
          "sv": "Text",
          "th": "ข้อความ",
          "tr": "Metin",
          "vi": "Văn bản",
          "zh-CN": "文本",
          "zh-TW": "文字"
        },
        "default": "#000000"
      },
      {
        "type": "color",
        "id": "color_text_field_border",
        "label": {
          "cs": "Ohraničení",
          "da": "Kanter",
          "de": "Ränder",
          "en": "Borders",
          "es": "Bordes",
          "fi": "Reunukset",
          "fr": "Bordures",
          "it": "Bordi",
          "ja": "境界線",
          "ko": "테두리",
          "nb": "Rammer",
          "nl": "Grenzen",
          "pl": "Obramowania",
          "pt-BR": "Bordas",
          "pt-PT": "Limites",
          "sv": "Gränser",
          "th": "ขอบ",
          "tr": "Kenarlıklar",
          "vi": "Đường viền",
          "zh-CN": "边框",
          "zh-TW": "邊框"
        },
        "default": "#cccccc"
      },
      {
        "type": "color",
        "id": "color_text_field",
        "label": {
          "cs": "Pozadí",
          "da": "Baggrund",
          "de": "Hintergrund",
          "en": "Background",
          "es": "Fondo",
          "fi": "Tausta",
          "fr": "Couleur de fond",
          "it": "Sfondo",
          "ja": "背景",
          "ko": "배경",
          "nb": "Bakgrunn",
          "nl": "Achtergrond",
          "pl": "Tło",
          "pt-BR": "Plano de fundo",
          "pt-PT": "Fundo",
          "sv": "Bakgrund",
          "th": "พื้นหลัง",
          "tr": "Arka plan",
          "vi": "Nền",
          "zh-CN": "背景",
          "zh-TW": "背景"
        },
        "default": "#ffffff"
      },
      {
        "type": "header",
        "content": {
          "cs": "Překryvy obrázku",
          "da": "Overlejring af billeder",
          "de": "Text auf Fotos",
          "en": "Image overlays",
          "es": "Superposiciones de imágenes",
          "fi": "Kuvan peitto",
          "fr": "Superpositions d'images",
          "it": "Sovrapposizioni di immagine",
          "ja": "画像のオーバーレイ",
          "ko": "이미지 오버레이",
          "nb": "Bildeoverlegg",
          "nl": "Beeld-overlays",
          "pl": "Nakładki obrazu",
          "pt-BR": "Sobreposições de imagens",
          "pt-PT": "Sobreposições de imagens",
          "sv": "Bildöverlagring",
          "th": "การวางซ้อนรูปภาพ",
          "tr": "Görsel yer paylaşımları",
          "vi": "Lớp phủ hình ảnh",
          "zh-CN": "图片叠加",
          "zh-TW": "圖片疊加層"
        }
      },
      {
        "type": "color",
        "id": "color_image_overlay_text",
        "label": {
          "cs": "Text",
          "da": "Tekst",
          "de": "Text",
          "en": "Text",
          "es": "Texto",
          "fi": "Teksti",
          "fr": "Texte",
          "it": "Testo",
          "ja": "テキスト",
          "ko": "텍스트",
          "nb": "Tekst",
          "nl": "Tekst",
          "pl": "Tekst",
          "pt-BR": "Texto",
          "pt-PT": "Texto",
          "sv": "Text",
          "th": "ข้อความ",
          "tr": "Metin",
          "vi": "Văn bản",
          "zh-CN": "文本",
          "zh-TW": "文字"
        },
        "default": "#ffffff"
      },
      {
        "type": "color",
        "id": "color_image_overlay",
        "label": {
          "cs": "Pozadí",
          "da": "Baggrund",
          "de": "Hintergrund",
          "en": "Background",
          "es": "Fondo",
          "fi": "Tausta",
          "fr": "Couleur de fond",
          "it": "Sfondo",
          "ja": "背景",
          "ko": "배경",
          "nb": "Bakgrunn",
          "nl": "Achtergrond",
          "pl": "Tło",
          "pt-BR": "Plano de fundo",
          "pt-PT": "Fundo",
          "sv": "Bakgrund",
          "th": "พื้นหลัง",
          "tr": "Arka plan",
          "vi": "Nền",
          "zh-CN": "背景",
          "zh-TW": "背景"
        },
        "default": "#685858"
      },
      {
        "type": "range",
        "id": "image_overlay_opacity",
        "label": {
          "cs": "Neprůhlednost",
          "da": "Uigennemsigtighed",
          "de": "Opazität",
          "en": "Opacity",
          "es": "Opacidad",
          "fi": "Sameus",
          "fr": "Opacité",
          "it": "Opacità",
          "ja": "不透過率",
          "ko": "불투명도",
          "nb": "Gjennomsiktighet",
          "nl": "Doorschijnendheid",
          "pl": "Nieprzezroczystość",
          "pt-BR": "Opacidade",
          "pt-PT": "Opacidade",
          "sv": "Opacitet",
          "th": "ความทึบ",
          "tr": "Opaklık",
          "vi": "Độ chắn sáng",
          "zh-CN": "不透明度",
          "zh-TW": "透明度"
        },
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": {
          "cs": "%",
          "da": "%",
          "de": "%",
          "en": "%",
          "es": "%",
          "fi": "%",
          "fr": "%",
          "it": "%",
          "ja": "%",
          "ko": "%",
          "nb": "%",
          "nl": "%",
          "pl": "%",
          "pt-BR": "%",
          "pt-PT": "%",
          "sv": "%",
          "th": "%",
          "tr": "%",
          "vi": "%",
          "zh-CN": "%",
          "zh-TW": "%"
        },
        "default": 40
      },
      {
        "type": "header",
        "content": {
          "cs": "Stránka",
          "da": "Side",
          "de": "Seite",
          "en": "Page",
          "es": "Página",
          "fi": "Sivu",
          "fr": "Page",
          "it": "Pagina",
          "ja": "ページ",
          "ko": "페이지",
          "nb": "Side",
          "nl": "Pagina",
          "pl": "Strona",
          "pt-BR": "Página",
          "pt-PT": "Página",
          "sv": "Sida",
          "th": "หน้า",
          "tr": "Sayfa",
          "vi": "Trang",
          "zh-CN": "页面",
          "zh-TW": "頁面"
        }
      },
      {
        "type": "color",
        "id": "color_borders",
        "label": {
          "cs": "Ohraničení a čáry",
          "da": "Kanter og beskæringer",
          "de": "Rahmen und Linien",
          "en": "Borders and lines",
          "es": "Bordes y líneas",
          "fi": "Rajat ja viivat",
          "fr": "Bordures et lignes",
          "it": "Bordi e linee",
          "ja": "罫線と線",
          "ko": "테두리 및 라인",
          "nb": "Border og linjer",
          "nl": "Randen en lijnen",
          "pl": "Obramowania i linie",
          "pt-BR": "Bordas e linhas",
          "pt-PT": "Limites e linhas",
          "sv": "Gränser och linjer",
          "th": "เส้นขอบและบรรทัด",
          "tr": "Kenarlıklar ve çizgiler",
          "vi": "Đường viền và đường kẻ",
          "zh-CN": "边框和线条",
          "zh-TW": "邊框和線條"
        },
        "default": "#ebebeb"
      },
      {
        "type": "color",
        "id": "color_body_bg",
        "label": {
          "cs": "Pozadí",
          "da": "Baggrund",
          "de": "Hintergrund",
          "en": "Background",
          "es": "Fondo",
          "fi": "Tausta",
          "fr": "Couleur de fond",
          "it": "Sfondo",
          "ja": "背景",
          "ko": "배경",
          "nb": "Bakgrunn",
          "nl": "Achtergrond",
          "pl": "Tło",
          "pt-BR": "Plano de fundo",
          "pt-PT": "Fundo",
          "sv": "Bakgrund",
          "th": "พื้นหลัง",
          "tr": "Arka plan",
          "vi": "Nền",
          "zh-CN": "背景",
          "zh-TW": "背景"
        },
        "default": "#ffffff"
      }
    ]
  },
  {
    "name": {
      "cs": "Typografie",
      "da": "Typografi",
      "de": "Typographie",
      "en": "Typography",
      "es": "Tipografía",
      "fi": "Typografia",
      "fr": "Typographie",
      "it": "Caratteri tipografici",
      "ja": "文字体裁",
      "ko": "입력 체계",
      "nb": "Typografi",
      "nl": "Typografie",
      "pl": "Typografia",
      "pt-BR": "Tipografia",
      "pt-PT": "Tipografia",
      "sv": "Typografi",
      "th": "ตัวพิมพ์",
      "tr": "Tipografi",
      "vi": "Kiểu chữ",
      "zh-CN": "版式",
      "zh-TW": "印刷樣式"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "cs": "Nadpisy a tlačítka",
          "da": "Overskrifter og knapper",
          "de": "Titel und Buttons",
          "en": "Headings and buttons",
          "es": "Títulos y botones",
          "fi": "Otsikot ja painikkeet",
          "fr": "En-têtes et boutons",
          "it": "Titoli e pulsanti",
          "ja": "見出しとボタン",
          "ko": "제목 및 버튼",
          "nb": "Overskrifter og knapper",
          "nl": "Koppen en knoppen",
          "pl": "Nagłówki i przyciski",
          "pt-BR": "Títulos e botões",
          "pt-PT": "Títulos e botões",
          "sv": "Rubriker och knappar",
          "th": "หัวเรื่องและปุ่ม",
          "tr": "Başlıklar ve düğmeler",
          "vi": "Tiêu đề và nút",
          "zh-CN": "标题和按钮",
          "zh-TW": "標題和按鈕"
        }
      },
      {
        "type": "font_picker",
        "id": "type_header_font",
        "label": {
          "cs": "Písmo",
          "da": "Skrifttype",
          "de": "Schriftart",
          "en": "Font",
          "es": "Fuente",
          "fi": "Fontti",
          "fr": "Police",
          "it": "Font",
          "ja": "フォント",
          "ko": "글꼴",
          "nb": "Skrifttype",
          "nl": "Lettertype",
          "pl": "Czcionka",
          "pt-BR": "Fonte",
          "pt-PT": "Tipo de letra",
          "sv": "Typsnitt",
          "th": "แบบอักษร",
          "tr": "Yazı tipi",
          "vi": "Phông chữ",
          "zh-CN": "字体",
          "zh-TW": "字型"
        },
        "default": "helvetica_n7"
      },
      {
        "type": "range",
        "id": "type_header_base_size",
        "label": {
          "cs": "Základní velikost nadpisu",
          "da": "Basisstørrelse for overskrift",
          "de": "Titelgröße",
          "en": "Heading base size",
          "es": "Tamaño base de título",
          "fi": "Otsikon peruskoko",
          "fr": "Dimensions de base de l'en-tête",
          "it": "Dimensione base del titolo",
          "ja": "見出しの基本サイズ",
          "ko": "제목 기본 크기",
          "nb": "Grunnstørrelse for overskrift",
          "nl": "Afmeting kopbasis",
          "pl": "Podstawowy rozmiar nagłówka",
          "pt-BR": "Tamanho básico do título",
          "pt-PT": "Tamanho básico do título",
          "sv": "Rubrik basstorlek",
          "th": "ขนาดพื้นฐานของหัวเรื่อง",
          "tr": "Başlık temel boyutu",
          "vi": "Cỡ cơ sở của tiêu đề",
          "zh-CN": "标题基本尺寸",
          "zh-TW": "標題基本尺寸"
        },
        "default": 26,
        "min": 20,
        "max": 36,
        "step": 1,
        "unit": "px"
      },
      {
        "type": "header",
        "content": {
          "cs": "Základní text",
          "da": "Brødtekst",
          "de": "Body-Text",
          "en": "Body text",
          "es": "Texto del cuerpo",
          "fi": "Leipäteksti",
          "fr": "Corps du texte",
          "it": "Corpo del testo",
          "ja": "本文",
          "ko": "본문 텍스트",
          "nb": "Brødtekst",
          "nl": "Hoofdtekst",
          "pl": "Tekst podstawowy",
          "pt-BR": "Corpo do texto",
          "pt-PT": "Corpo de texto",
          "sv": "Brödtext",
          "th": "ข้อความเนื้อหา",
          "tr": "Gövde metni",
          "vi": "Văn bản nội dung",
          "zh-CN": "正文文本",
          "zh-TW": "內文"
        }
      },
      {
        "type": "font_picker",
        "id": "type_base_font",
        "label": {
          "cs": "Písmo",
          "da": "Skrifttype",
          "de": "Schriftart",
          "en": "Font",
          "es": "Fuente",
          "fi": "Fontti",
          "fr": "Police",
          "it": "Font",
          "ja": "フォント",
          "ko": "글꼴",
          "nb": "Skrifttype",
          "nl": "Lettertype",
          "pl": "Czcionka",
          "pt-BR": "Fonte",
          "pt-PT": "Tipo de letra",
          "sv": "Typsnitt",
          "th": "แบบอักษร",
          "tr": "Yazı tipi",
          "vi": "Phông chữ",
          "zh-CN": "字体",
          "zh-TW": "字型"
        },
        "default": "helvetica_n4"
      },
      {
        "type": "range",
        "id": "type_base_size",
        "label": {
          "cs": "Základní velikost",
          "da": "Basisstørrelse",
          "de": "Größe",
          "en": "Base size",
          "es": "Tamaño de base",
          "fi": "Peruskoko",
          "fr": "Dimensions de base",
          "it": "Dimensione base",
          "ja": "基本サイズ",
          "ko": "기본 사이즈",
          "nb": "Grunnstørrelse",
          "nl": "Basisafmeting",
          "pl": "Rozmiar podstawowy",
          "pt-BR": "Tamanho básico",
          "pt-PT": "Tamanho básico",
          "sv": "Basstorlek",
          "th": "ขนาดพื้นฐาน",
          "tr": "Temel boyutu",
          "vi": "Cỡ cơ sở",
          "zh-CN": "基本尺寸",
          "zh-TW": "基本尺寸"
        },
        "default": 15,
        "min": 14,
        "max": 20,
        "step": 1,
        "unit": "px"
      }
    ]
  },
  {
    "name": {
      "cs": "Hledat",
      "da": "Søg",
      "de": "Suchen",
      "en": "Search",
      "es": "Búsqueda",
      "fi": "Hae",
      "fr": "Rechercher",
      "it": "Cerca",
      "ja": "検索",
      "ko": "검색",
      "nb": "Søk",
      "nl": "Zoeken",
      "pl": "Szukaj",
      "pt-BR": "Pesquisa",
      "pt-PT": "Pesquisar",
      "sv": "Sök",
      "th": "ค้นหา",
      "tr": "Arama",
      "vi": "Tìm kiếm",
      "zh-CN": "搜索",
      "zh-TW": "搜尋"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "cs": "Návrhy produktů",
          "da": "Produktforslag",
          "de": "Produktvorschläge",
          "en": "Product suggestions",
          "es": "Sugerencias de producto",
          "fi": "Tuote-ehdotukset",
          "fr": "Suggestions de produits",
          "it": "Suggerimenti prodotti",
          "ja": "商品のおすすめ",
          "ko": "제품 제안",
          "nb": "Produktforslag",
          "nl": "Productsuggesties",
          "pl": "Propozycje dotyczące produktu",
          "pt-BR": "Sugestões de produto",
          "pt-PT": "Sugestões de produto",
          "sv": "Produktförslag",
          "th": "คำแนะนำสินค้า",
          "tr": "Ürün önerileri",
          "vi": "Gợi ý sản phẩm",
          "zh-CN": "产品建议",
          "zh-TW": "產品建議"
        }
      },
      {
        "type": "checkbox",
        "id": "predictive_search_enabled",
        "label": {
          "cs": "Povolit návrhy produktů",
          "da": "Aktivér produktforslag",
          "de": "Produktvorschläge aktualisieren",
          "en": "Enable product suggestions",
          "es": "Activar sugerencias de producto",
          "fi": "Ota tuote-ehdotukset käyttöön",
          "fr": "Activer les suggestions de produits",
          "it": "Abilita suggerimenti prodotti",
          "ja": "商品のおすすめを有効にする",
          "ko": "제품 제안 활성화",
          "nb": "Aktiver produktforslag",
          "nl": "Productsuggesties inschakelen",
          "pl": "Włącz propozycje dotyczące produktu",
          "pt-BR": "Habilitar sugestões de produto",
          "pt-PT": "Ativar sugestões de produto",
          "sv": "Aktivera produktförslag",
          "th": "เปิดใช้คำแนะนำสินค้า",
          "tr": "Ürün önerilerini etkinleştir",
          "vi": "Bật gợi ý sản phẩm",
          "zh-CN": "启用产品建议",
          "zh-TW": "啟用產品建議"
        },
        "info": {
          "cs": "Tato možnost také ovlivní panel vyhledávání na stránce výsledků hledání.",
          "da": "Dette påvirker også søgelinjen på siden med søgeresultater.",
          "de": "Das hat auch Auswirkungen auf die Suchleiste auf der Suchergebnisseite.",
          "en": "This will also affect the search bar on the search results page.",
          "es": "Esto también afectará la barra de búsqueda en la página de resultados de búsqueda.",
          "fi": "Tämä vaikuttaa myös hakutulossivun hakupalkkiin.",
          "fr": "Cela affectera aussi la barre de recherche sur la page des résultats de recherche.",
          "it": "Questo avrà effetto anche sulla barra di ricerca nella pagina dei risultati di ricerca.",
          "ja": "これにより、検索結果ページの検索バーにも影響します。",
          "ko": "이 작업을 수행하면 검색 결과 페이지의 검색 창도 영향을 받습니다.",
          "nb": "Dette vil også påvirke søkefeltet på søkeresultatsiden.",
          "nl": "Dit heeft ook invloed op de zoekbalk op de zoekresultatenpagina.",
          "pl": "Będzie to miało również wpływ na pasek wyszukiwania na stronie wyników wyszukiwania.",
          "pt-BR": "A ação também afetará a barra de pesquisa na página de resultados.",
          "pt-PT": "Esta ação irá afetar também a barra de pesquisa na página de resultados da pesquisa.",
          "sv": "Det påverkar också streckkoden på sidan över sökresultat.",
          "th": "การดำเนินการนี้ยังส่งผลต่อแถบการค้นหาในหน้าผลลัพธ์การค้นหาอีกด้วย",
          "tr": "Bu işlem, arama sonuçları sayfasındaki arama çubuğunu da etkiler.",
          "vi": "Thao tác này cũng ảnh hưởng đến thanh tìm kiếm trên trang kết quả tìm kiếm.",
          "zh-CN": "这也会对搜索结果页面上的搜索栏产生影响。",
          "zh-TW": "這也將影響搜尋結果頁面的搜尋列。"
        },
        "default": true
      },
      {
        "type": "checkbox",
        "id": "predictive_search_show_vendor",
        "label": {
          "cs": "Zobrazit dodavatele",
          "da": "Vis forhandler",
          "de": "Anbieter anzeigen",
          "en": "Show vendor",
          "es": "Mostrar proveedor",
          "fi": "Näytä myyjä",
          "fr": "Afficher le distributeur",
          "it": "Mostra fornitore",
          "ja": "販売元を表示する",
          "ko": "공급업체 표시",
          "nb": "Vis selger",
          "nl": "Leverancier weergeven",
          "pl": "Pokaż dostawcę",
          "pt-BR": "Exibir fabricante",
          "pt-PT": "Mostrar fornecedor",
          "sv": "Visa säljare",
          "th": "แสดงผู้ขาย",
          "tr": "Satıcıyı göster",
          "vi": "Hiển thị nhà cung cấp",
          "zh-CN": "显示厂商",
          "zh-TW": "顯示廠商"
        },
        "default": false
      },
      {
        "type": "checkbox",
        "id": "predictive_search_show_price",
        "label": {
          "cs": "Zobrazit cenu",
          "da": "Vis pris",
          "de": "Preis anzeigen",
          "en": "Show price",
          "es": "Mostrar precio",
          "fi": "Näytä hinta",
          "fr": "Afficher le prix",
          "it": "Mostra prezzo",
          "ja": "価格を表示する",
          "ko": "가격 표시",
          "nb": "Vis pris",
          "nl": "Prijs tonen",
          "pl": "Pokaż cenę",
          "pt-BR": "Exibir preço",
          "pt-PT": "Mostrar preço",
          "sv": "Visa pris",
          "th": "แสดงราคา",
          "tr": "Fiyatı göster",
          "vi": "Hiển thị giá",
          "zh-CN": "显示价格",
          "zh-TW": "顯示價格"
        },
        "default": false
      }
    ]
  },
  {
    "name": {
      "cs": "Sociální sítě",
      "da": "Sociale medier",
      "de": "Social Media",
      "en": "Social media",
      "es": "Redes sociales",
      "fi": "Some",
      "fr": "Médias sociaux",
      "it": "Social media",
      "ja": "SNS",
      "ko": "소셜 미디어",
      "nb": "Sosiale medier",
      "nl": "Social media",
      "pl": "Media społecznościowe",
      "pt-BR": "Redes sociais",
      "pt-PT": "Redes sociais",
      "sv": "Sociala medier",
      "th": "โซเชียลมีเดีย",
      "tr": "Sosyal medya",
      "vi": "Truyền thông xã hội",
      "zh-CN": "社交媒体",
      "zh-TW": "社交媒體"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "cs": "Možnosti pro sdílení na sociálních sítích",
          "da": "Muligheder for deling på sociale medier",
          "de": "Teilen auf Social Media",
          "en": "Social sharing options",
          "es": "Opciones para compartir en redes sociales",
          "fi": "Sosiaalisen median jakamisvaihtoehdot",
          "fr": "Options de partage sur les médias sociaux",
          "it": "Opzioni di condivisione sui social",
          "ja": "SNSシェアのオプション",
          "ko": "소셜 공유 옵션",
          "nb": "Knapper for deling på sosiale medier",
          "nl": "Opties voor sociaal delen",
          "pl": "Opcje udostępniania w mediach społecznościowych",
          "pt-BR": "Opções de compartilhamento em redes sociais",
          "pt-PT": "Opções de partilha em redes sociais",
          "sv": "Alternativ för delning i sociala medier",
          "th": "ตัวเลือกการแชร์ไปยังโซเชียลมีเดีย",
          "tr": "Sosyal medya paylaşım seçenekleri",
          "vi": "Tùy chọn chia sẻ qua mạng xã hội",
          "zh-CN": "社交分享选项",
          "zh-TW": "社群分享選項"
        }
      },
      {
        "type": "checkbox",
        "id": "share_facebook",
        "label": {
          "cs": "Sdílet na Facebooku",
          "da": "Del på Facebook",
          "de": "Teilen auf Facebook",
          "en": "Share on Facebook",
          "es": "Compartir en Facebook",
          "fi": "Jaa Facebookissa",
          "fr": "Partager sur Facebook",
          "it": "Condividi su Facebook",
          "ja": "Facebookでシェアする",
          "ko": "Facebook에서 공유",
          "nb": "Del på Facebook",
          "nl": "Delen op Facebook",
          "pl": "Udostępnij na Facebooku",
          "pt-BR": "Compartilhar no Facebook",
          "pt-PT": "Partilhe no Facebook",
          "sv": "Dela på Facebook",
          "th": "แชร์บน Facebook",
          "tr": "Facebook'ta paylaş",
          "vi": "Chia sẻ trên Facebook",
          "zh-CN": "在 Facebook 上共享",
          "zh-TW": "分享至 Facebook"
        },
        "default": true
      },
      {
        "type": "checkbox",
        "id": "share_twitter",
        "label": {
          "cs": "Tweetnout na Twitteru",
          "da": "Tweet på Twitter",
          "de": "Tweet auf Twitter",
          "en": "Tweet on Twitter",
          "es": "Tuitear en Twitter",
          "fi": "Twiittaa Twitterissä",
          "fr": "Tweeter sur Twitter",
          "it": "Twitta su Twitter",
          "ja": "Twitterに投稿する",
          "ko": "Twitter에서 트윗 작성",
          "nb": "Tweet på Twitter",
          "nl": "Twitteren op Twitter",
          "pl": "Tweetuj na Twitterze",
          "pt-BR": "Tuitar",
          "pt-PT": "Twittar no Twitter",
          "sv": "Twittra på Twitter",
          "th": "ทวีตบน Twitter",
          "tr": "Twitter'da tweet'le",
          "vi": "Tweet trên Twitter",
          "zh-CN": "在 Twitter 上发推文",
          "zh-TW": "在 Twitter 上發佈推文"
        },
        "default": true
      },
      {
        "type": "checkbox",
        "id": "share_pinterest",
        "label": {
          "cs": "Připnout na Pinterestu",
          "da": "Pin på Pinterest",
          "de": "Pin auf Pinterest",
          "en": "Pin on Pinterest",
          "es": "Pinear en Pinterest",
          "fi": "Pinnaa Pinterestissä",
          "fr": "Épingler sur Pinterest",
          "it": "Pinna su Pinterest",
          "ja": "Pinterestでピンする",
          "ko": "Pinterest에 고정하기",
          "nb": "Pin på Pinterest",
          "nl": "Pinnen op Pinterest",
          "pl": "Przypnij do tablicy Pinterest",
          "pt-BR": "Incluir como pin no Pinterest",
          "pt-PT": "Adicione no Pinterest",
          "sv": "Spara en pin på Pinterest",
          "th": "ปักหมุดบน Pinterest",
          "tr": "Pinterest'te pin ekle",
          "vi": "Ghim trên Pinterest",
          "zh-CN": "固定在 Pinterest 上",
          "zh-TW": "加入 Pinterest"
        },
        "default": true
      },
      {
        "type": "header",
        "content": {
          "cs": "Účty na sociálních sítích",
          "da": "SoMe-konti",
          "de": "Social Media",
          "en": "Social accounts",
          "es": "Cuentas de redes sociales",
          "fi": "Sosiaalisen median tilit",
          "fr": "Médias sociaux",
          "it": "Account social",
          "ja": "SNSアカウント",
          "ko": "소셜 계정",
          "nb": "Sosiale kontoer",
          "nl": "Socialmedia-accounts",
          "pl": "Konta społecznościowe",
          "pt-BR": "Contas de redes sociais",
          "pt-PT": "Contas de redes sociais",
          "sv": "Sociala konton",
          "th": "บัญชีโซเชียลมีเดีย",
          "tr": "Sosyal medya hesapları",
          "vi": "Tài khoản mạng xã hội",
          "zh-CN": "社交媒体账户",
          "zh-TW": "社群帳戶"
        }
      },
      {
        "type": "text",
        "id": "social_twitter_link",
        "label": {
          "cs": "Twitter",
          "da": "Twitter",
          "de": "Twitter",
          "en": "Twitter",
          "es": "Twitter",
          "fi": "Twitter",
          "fr": "Twitter",
          "it": "Twitter",
          "ja": "Twitter",
          "ko": "Twitter",
          "nb": "Twitter",
          "nl": "Twitter",
          "pl": "Twitter",
          "pt-BR": "Twitter",
          "pt-PT": "Twitter",
          "sv": "Twitter",
          "th": "Twitter",
          "tr": "Twitter",
          "vi": "Twitter",
          "zh-CN": "Twitter",
          "zh-TW": "Twitter"
        },
        "info": {
          "cs": "https:\/\/twitter.com\/shopify",
          "da": "https:\/\/twitter.com\/shopify",
          "de": "https:\/\/twitter.com\/shopify",
          "en": "https:\/\/twitter.com\/shopify",
          "es": "https:\/\/twitter.com\/shopify",
          "fi": "https:\/\/twitter.com\/shopify",
          "fr": "https:\/\/twitter.com\/shopify",
          "it": "https:\/\/twitter.com\/shopify",
          "ja": "https:\/\/twitter.com\/shopify",
          "ko": "https:\/\/twitter.com\/shopify",
          "nb": "https:\/\/twitter.com\/shopify",
          "nl": "https:\/\/twitter.com\/shopify",
          "pl": "https:\/\/twitter.com\/shopify",
          "pt-BR": "https:\/\/twitter.com\/shopify",
          "pt-PT": "https:\/\/twitter.com\/shopify",
          "sv": "https:\/\/twitter.com\/shopify",
          "th": "https:\/\/twitter.com\/shopify",
          "tr": "https:\/\/twitter.com\/shopify",
          "vi": "https:\/\/twitter.com\/shopify",
          "zh-CN": "https:\/\/twitter.com\/shopify",
          "zh-TW": "https:\/\/twitter.com\/shopify"
        }
      },
      {
        "type": "text",
        "id": "social_facebook_link",
        "label": {
          "cs": "Facebook",
          "da": "Facebook",
          "de": "Facebook",
          "en": "Facebook",
          "es": "Facebook",
          "fi": "Facebook",
          "fr": "Facebook",
          "it": "Facebook",
          "ja": "Facebook",
          "ko": "Facebook",
          "nb": "Facebook",
          "nl": "Facebook",
          "pl": "Facebook",
          "pt-BR": "Facebook",
          "pt-PT": "Facebook",
          "sv": "Facebook",
          "th": "Facebook",
          "tr": "Facebook",
          "vi": "Facebook",
          "zh-CN": "Facebook",
          "zh-TW": "Facebook"
        },
        "info": {
          "cs": "https:\/\/facebook.com\/shopify",
          "da": "https:\/\/facebook.com\/shopify",
          "de": "https:\/\/facebook.com\/shopify",
          "en": "https:\/\/facebook.com\/shopify",
          "es": "https:\/\/www.facebook.com\/ShopifyES\/",
          "fi": "https:\/\/facebook.com\/shopify",
          "fr": "https:\/\/facebook.com\/shopify",
          "it": "https:\/\/facebook.com\/shopify",
          "ja": "https:\/\/facebook.com\/shopify",
          "ko": "https:\/\/facebook.com\/shopify",
          "nb": "https:\/\/facebook.com\/shopify",
          "nl": "https:\/\/facebook.com\/shopify",
          "pl": "https:\/\/facebook.com\/shopify",
          "pt-BR": "https:\/\/facebook.com\/shopify",
          "pt-PT": "https:\/\/facebook.com\/shopify",
          "sv": "https:\/\/www.facebook.com\/shopify",
          "th": "https:\/\/facebook.com\/shopify",
          "tr": "https:\/\/facebook.com\/shopify",
          "vi": "https:\/\/facebook.com\/shopify",
          "zh-CN": "https:\/\/facebook.com\/shopify",
          "zh-TW": "https:\/\/facebook.com\/shopify"
        }
      },
      {
        "type": "text",
        "id": "social_pinterest_link",
        "label": {
          "cs": "Pinterest",
          "da": "Pinterest",
          "de": "Pinterest",
          "en": "Pinterest",
          "es": "Pinterest",
          "fi": "Pinterest",
          "fr": "Pinterest",
          "it": "Pinterest",
          "ja": "Pinterest",
          "ko": "Pinterest",
          "nb": "Pinterest",
          "nl": "Pinterest",
          "pl": "Pinterest",
          "pt-BR": "Pinterest",
          "pt-PT": "Pinterest",
          "sv": "Pinterest",
          "th": "Pinterest",
          "tr": "Pinterest",
          "vi": "Pinterest",
          "zh-CN": "Pinterest",
          "zh-TW": "Pinterest"
        },
        "info": {
          "cs": "https:\/\/pinterest.com\/shopify",
          "da": "https:\/\/pinterest.com\/shopify",
          "de": "https:\/\/pinterest.com\/shopify",
          "en": "https:\/\/pinterest.com\/shopify",
          "es": "https:\/\/pinterest.com\/shopify",
          "fi": "https:\/\/facebook.com\/shopify",
          "fr": "https:\/\/pinterest.com\/shopify",
          "it": "https:\/\/pinterest.com\/shopify",
          "ja": "https:\/\/pinterest.com\/shopify",
          "ko": "https:\/\/pinterest.com\/shopify",
          "nb": "https:\/\/pinterest.com\/shopify",
          "nl": "https:\/\/pinterest.com\/shopify",
          "pl": "https:\/\/pinterest.com\/shopify",
          "pt-BR": "https:\/\/pinterest.com\/shopify",
          "pt-PT": "https:\/\/pinterest.com\/shopify",
          "sv": "https:\/\/www.pinterest.com\/shopify",
          "th": "https:\/\/pinterest.com\/shopify",
          "tr": "https:\/\/pinterest.com\/shopify",
          "vi": "https:\/\/pinterest.com\/shopify",
          "zh-CN": "https:\/\/pinterest.com\/shopify",
          "zh-TW": "https:\/\/pinterest.com\/shopify"
        }
      },
      {
        "type": "text",
        "id": "social_instagram_link",
        "label": {
          "cs": "Instagram",
          "da": "Instagram",
          "de": "Instagram",
          "en": "Instagram",
          "es": "Instagram",
          "fi": "Instagram",
          "fr": "Instagram",
          "it": "Instagram",
          "ja": "Instagram",
          "ko": "Instagram",
          "nb": "Instagram",
          "nl": "Instagram",
          "pl": "Instagram",
          "pt-BR": "Instagram",
          "pt-PT": "Instagram",
          "sv": "Instagram",
          "th": "Instagram",
          "tr": "Instagram",
          "vi": "Instagram",
          "zh-CN": "Instagram",
          "zh-TW": "Instagram"
        },
        "info": {
          "cs": "http:\/\/instagram.com\/shopify",
          "da": "http:\/\/instagram.com\/shopify",
          "de": "http:\/\/instagram.com\/shopify",
          "en": "http:\/\/instagram.com\/shopify",
          "es": "http:\/\/instagram.com\/shopify",
          "fi": "https:\/\/instagram.com\/shopify",
          "fr": "http:\/\/instagram.com\/shopify",
          "it": "http:\/\/instagram.com\/shopify",
          "ja": "http:\/\/instagram.com\/shopify",
          "ko": "http:\/\/instagram.com\/shopify",
          "nb": "http:\/\/instagram.com\/shopify",
          "nl": "http:\/\/instagram.com\/shopify",
          "pl": "http:\/\/instagram.com\/shopify",
          "pt-BR": "http:\/\/instagram.com\/shopify",
          "pt-PT": "http:\/\/instagram.com\/shopify",
          "sv": "https:\/\/instagram.com\/shopify",
          "th": "http:\/\/instagram.com\/shopify",
          "tr": "http:\/\/instagram.com\/shopify",
          "vi": "http:\/\/instagram.com\/shopify",
          "zh-CN": "http:\/\/instagram.com\/shopify",
          "zh-TW": "http:\/\/instagram.com\/shopify"
        }
      },
      {
        "type": "text",
        "id": "social_tumblr_link",
        "label": {
          "cs": "Tumblr",
          "da": "Tumblr",
          "de": "Tumblr",
          "en": "Tumblr",
          "es": "Tumblr",
          "fi": "Tumblr",
          "fr": "Tumblr",
          "it": "Tumblr",
          "ja": "Tumblr",
          "ko": "Tumblr",
          "nb": "Tumblr",
          "nl": "Tumblr",
          "pl": "Tumblr",
          "pt-BR": "Tumblr",
          "pt-PT": "Tumblr",
          "sv": "Tumblr",
          "th": "Tumblr",
          "tr": "Tumblr",
          "vi": "Tumblr",
          "zh-CN": "Tumblr",
          "zh-TW": "Tumblr"
        },
        "info": {
          "cs": "http:\/\/shopify.tumblr.com",
          "da": "http:\/\/shopify.tumblr.com",
          "de": "http:\/\/shopify.tumblr.com",
          "en": "http:\/\/shopify.tumblr.com",
          "es": "http:\/\/shopify.tumblr.com",
          "fi": "http:\/\/shopify.tumblr.com",
          "fr": "http:\/\/shopify.tumblr.com",
          "it": "http:\/\/shopify.tumblr.com",
          "ja": "http:\/\/shopify.tumblr.com",
          "ko": "http:\/\/shopify.tumblr.com",
          "nb": "http:\/\/shopify.tumblr.com",
          "nl": "http:\/\/shopify.tumblr.com",
          "pl": "http:\/\/shopify.tumblr.com",
          "pt-BR": "http:\/\/shopify.tumblr.com",
          "pt-PT": "http:\/\/shopify.tumblr.com",
          "sv": "http:\/\/shopify.tumblr.com",
          "th": "http:\/\/shopify.tumblr.com",
          "tr": "http:\/\/shopify.tumblr.com",
          "vi": "http:\/\/shopify.tumblr.com",
          "zh-CN": "http:\/\/shopify.tumblr.com",
          "zh-TW": "http:\/\/shopify.tumblr.com"
        }
      },
      {
        "type": "text",
        "id": "social_snapchat_link",
        "label": {
          "cs": "Snapchat",
          "da": "Snapchat",
          "de": "Snapchat",
          "en": "Snapchat",
          "es": "Snapchat",
          "fi": "Snapchat",
          "fr": "Snapchat",
          "it": "Snapchat",
          "ja": "Snapchat",
          "ko": "Snapchat",
          "nb": "Snapchat",
          "nl": "Snapchat",
          "pl": "Snapchat",
          "pt-BR": "Snapchat",
          "pt-PT": "Snapchat",
          "sv": "Snapchat",
          "th": "Snapchat",
          "tr": "Snapchat",
          "vi": "Snapchat",
          "zh-CN": "Snapchat",
          "zh-TW": "Snapchat"
        },
        "info": {
          "cs": "https:\/\/www.snapchat.com\/add\/shopify",
          "da": "https:\/\/www.snapchat.com\/add\/shopify",
          "de": "https:\/\/www.snapchat.com\/add\/shopify",
          "en": "https:\/\/www.snapchat.com\/add\/shopify",
          "es": "https:\/\/www.snapchat.com\/add\/shopify",
          "fi": "https:\/\/www.snapchat.com\/add\/shopify",
          "fr": "https:\/\/www.snapchat.com\/add\/shopify",
          "it": "https:\/\/www.snapchat.com\/add\/shopify",
          "ja": "https:\/\/www.snapchat.com\/add\/shopify",
          "ko": "https:\/\/www.snapchat.com\/add\/shopify",
          "nb": "https:\/\/snapchat.com\/add\/shopify",
          "nl": "https:\/\/www.snapchat.com\/add\/shopify",
          "pl": "https:\/\/www.snapchat.com\/add\/shopify",
          "pt-BR": "https:\/\/www.snapchat.com\/add\/shopify",
          "pt-PT": "https:\/\/www.snapchat.com\/add\/shopify",
          "sv": "https:\/\/www.snapchat.com\/add\/shopify",
          "th": "https:\/\/www.snapchat.com\/add\/shopify",
          "tr": "https:\/\/www.snapchat.com\/add\/shopify",
          "vi": "https:\/\/www.snapchat.com\/add\/shopify",
          "zh-CN": "https:\/\/www.snapchat.com\/add\/shopify",
          "zh-TW": "https:\/\/www.snapchat.com\/add\/shopify"
        }
      },
      {
        "type": "text",
        "id": "social_youtube_link",
        "label": {
          "cs": "YouTube",
          "da": "YouTube",
          "de": "YouTube",
          "en": "YouTube",
          "es": "Youtube",
          "fi": "YouTube",
          "fr": "YouTube",
          "it": "YouTube",
          "ja": "YouTube",
          "ko": "YouTube",
          "nb": "YouTube",
          "nl": "YouTube",
          "pl": "Youtube",
          "pt-BR": "YouTube",
          "pt-PT": "YouTube",
          "sv": "YouTube",
          "th": "YouTube",
          "tr": "YouTube",
          "vi": "YouTube",
          "zh-CN": "YouTube",
          "zh-TW": "YouTube"
        },
        "info": {
          "cs": "https:\/\/www.youtube.com\/shopify",
          "da": "https:\/\/www.youtube.com\/shopify",
          "de": "https:\/\/www.youtube.com\/shopify",
          "en": "https:\/\/www.youtube.com\/shopify",
          "es": "https:\/\/www.youtube.com\/shopify",
          "fi": "https:\/\/facebook.com\/shopify",
          "fr": "https:\/\/www.youtube.com\/shopify",
          "it": "https:\/\/www.youtube.com\/shopify",
          "ja": "https:\/\/www.youtube.com\/shopify",
          "ko": "https:\/\/www.youtube.com\/shopify",
          "nb": "https:\/\/www.youtube.com\/shopify",
          "nl": "https:\/\/www.youtube.com\/shopify",
          "pl": "https:\/\/www.youtube.com\/shopify",
          "pt-BR": "https:\/\/www.youtube.com\/shopify",
          "pt-PT": "https:\/\/www.youtube.com\/shopify",
          "sv": "https:\/\/www.youtube.com\/user\/shopify",
          "th": "https:\/\/www.youtube.com\/shopify",
          "tr": "https:\/\/www.youtube.com\/shopify",
          "vi": "https:\/\/www.youtube.com\/shopify",
          "zh-CN": "https:\/\/www.youtube.com\/shopify",
          "zh-TW": "https:\/\/www.youtube.com\/shopify"
        }
      },
      {
        "type": "text",
        "id": "social_vimeo_link",
        "label": {
          "cs": "Vimeo",
          "da": "Vimeo",
          "de": "Vimeo",
          "en": "Vimeo",
          "es": "Vimeo",
          "fi": "Vimeo",
          "fr": "Vimeo",
          "it": "Vimeo",
          "ja": "Vimeo",
          "ko": "Vimeo",
          "nb": "Vimeo",
          "nl": "Vimeo",
          "pl": "Vimeo",
          "pt-BR": "Vimeo",
          "pt-PT": "Vimeo",
          "sv": "Vimeo",
          "th": "Vimeo",
          "tr": "Vimeo",
          "vi": "Vimeo",
          "zh-CN": "Vimeo",
          "zh-TW": "Vimeo"
        },
        "info": {
          "cs": "https:\/\/vimeo.com\/shopify",
          "da": "https:\/\/vimeo.com\/shopify",
          "de": "https:\/\/vimeo.com\/shopify",
          "en": "https:\/\/vimeo.com\/shopify",
          "es": "https:\/\/vimeo.com\/shopify",
          "fi": "https:\/\/vimeo.com\/shopify",
          "fr": "https:\/\/vimeo.com\/shopify",
          "it": "https:\/\/vimeo.com\/shopify",
          "ja": "https:\/\/vimeo.com\/shopify",
          "ko": "https:\/\/vimeo.com\/shopify",
          "nb": "https:\/\/vimeo.com\/shopify",
          "nl": "https:\/\/vimeo.com\/shopify",
          "pl": "https:\/\/vimeo.com\/shopify",
          "pt-BR": "https:\/\/vimeo.com\/shopify",
          "pt-PT": "https:\/\/vimeo.com\/shopify",
          "sv": "https:\/\/vimeo.com\/shopify",
          "th": "https:\/\/vimeo.com\/shopify",
          "tr": "https:\/\/vimeo.com\/shopify",
          "vi": "https:\/\/vimeo.com\/shopify",
          "zh-CN": "https:\/\/vimeo.com\/shopify",
          "zh-TW": "https:\/\/vimeo.com\/shopify"
        }
      }
    ]
  },
  {
    "name": {
      "cs": "Favikona",
      "da": "Favoritikon",
      "de": "Favicon",
      "en": "Favicon",
      "es": "Favicon",
      "fi": "Favicon",
      "fr": "Favicon",
      "it": "Favicon",
      "ja": "ファビコン",
      "ko": "Favicon",
      "nb": "Favicon",
      "nl": "Favicon",
      "pl": "Ikona Favicon",
      "pt-BR": "Favicon",
      "pt-PT": "Favicon",
      "sv": "Favicon",
      "th": "Favicon",
      "tr": "Favicon",
      "vi": "Biểu tượng trang web",
      "zh-CN": "网站图标",
      "zh-TW": "Favicon"
    },
    "settings": [
      {
        "type": "image_picker",
        "id": "favicon",
        "label": {
          "cs": "Obrázek favikony",
          "da": "Billede for favoritikon",
          "de": "Favicon-Foto",
          "en": "Favicon image",
          "es": "Imagen de favicon",
          "fi": "Favicon-kuva",
          "fr": "Image favicon",
          "it": "Immagine favicon",
          "ja": "ファビコン画像",
          "ko": "파비콘 이미지",
          "nb": "Favicon-bilde",
          "nl": "Favicon-afbeelding",
          "pl": "Obraz ikony Favicon",
          "pt-BR": "Imagem favicon",
          "pt-PT": "Imagem Favicon",
          "sv": "Favicon-bild",
          "th": "รูปภาพ Favicon",
          "tr": "Favicon görseli",
          "vi": "Hình ảnh biểu tượng trang web",
          "zh-CN": "网站图标图片",
          "zh-TW": "Favicon 圖片"
        },
        "info": {
          "cs": "Dojde ke zmenšení na 32 × 32 px",
          "da": "Skaleres ned til 32 x 32 px",
          "de": "Wird in der Größe 32 x 32 px angezeigt",
          "en": "Will be scaled down to 32 x 32px",
          "es": "Se reducirá a 32 x 32px",
          "fi": "Skaalataan 32 x 32 pikseliin",
          "fr": "L'image sera réduite à 32 x 32 px",
          "it": "Verrà ridimensionata a 32 x 32 pixel.",
          "ja": "32×32ピクセルに縮小されます。",
          "ko": "32x32 픽셀로 축소됩니다.",
          "nb": "Vil skaleres ned til 32 x 32 px",
          "nl": "Wordt verkleind tot 32x32 pixels",
          "pl": "Zostanie zmniejszony do rozmiaru 32 x 32 px",
          "pt-BR": "será reduzida para 32 x 32 pixels",
          "pt-PT": "Será reduzida para 32 x 32 px",
          "sv": "Kommer skalas ned till 32 x 32 px",
          "th": "จะถูกลดขนาดลงเป็น 32 x 32 พิกเซล",
          "tr": "Ölçeği 32 x 32 piksele düşürülür",
          "vi": "Sẽ được thu nhỏ xuống 32 x 32px",
          "zh-CN": "将缩小到 32 x 32px",
          "zh-TW": "將會縮小為 32 x 32 像素"
        }
      }
    ]
  },
  {
    "name": {
      "cs": "Notifikace o přidání do košíku",
      "da": "Meddelelse for læg i indkøbskurven",
      "de": "Benachrichtigung für „Zum Warenkorb hinzufügen“",
      "en": "Add to cart notification",
      "es": "Notificación de Agregar al carrito",
      "fi": "Lisää ostoskoriin ilmoitus",
      "fr": "Ajouter à la notification de panier",
      "it": "Notifica di aggiunta al carrello",
      "ja": "カート追加の通知",
      "ko": "카트 알림에 추가",
      "nb": "Legg til i handlekurv-varsel",
      "nl": "Melding Toevoegen aan winkelwagen",
      "pl": "Powiadomienie o dodaniu do koszyka",
      "pt-BR": "Notificação de Adicionar ao carrinho",
      "pt-PT": "Notificação de adicionar ao carrinho",
      "sv": "Lägg till i varukorgens meddelande",
      "th": "การแจ้งเตือนการเพิ่มลงในตะกร้าสินค้า",
      "tr": "Sepet bildirimine ekle",
      "vi": "Thông báo thêm vào giỏ hàng",
      "zh-CN": "添加到购物车的通知",
      "zh-TW": "「新增至購物車」通知"
    },
    "settings": [
      {
        "type": "checkbox",
        "id": "enable_ajax",
        "label": {
          "cs": "Zobrazit notifikaci v případě, že je položka přidána do košíku",
          "da": "Vis meddelelse, når vare lægges i indkøbskurven",
          "de": "Benachrichtigung anzeigen, wenn Artikel in den Warenkorb gelegt wird",
          "en": "Show notification when item is added to cart",
          "es": "Mostrar notificación cuando se agrega un artículo al carrito",
          "fi": "Näytä ilmoitus, kun tuote lisätään ostoskoriin",
          "fr": "Afficher la notification lorsque l'article est ajouté au panier",
          "it": "Visualizza notifica quando l'articolo viene aggiunto al carrello",
          "ja": "アイテムがカートに追加されたときに通知を表示する",
          "ko": "품목이 카트에 추가되면 알림 표시",
          "nb": "Vis et varsel når produktet legges til i handlekurven",
          "nl": "Melding weergeven wanneer artikel aan winkelwagen is toegevoegd",
          "pl": "Pokaż powiadomienie, gdy pozycja zostanie dodana do koszyka",
          "pt-BR": "Exibir notificação quando o item for adicionado ao carrinho",
          "pt-PT": "Mostrar notificação quando o item é adicionado ao carrinho",
          "sv": "Visa meddelande när objektet läggs till i varukorgen",
          "th": "แสดงการแจ้งเตือนเมื่อมีการเพิ่มสินค้าลงในตะกร้า",
          "tr": "Ürün sepete eklendiğinde bildirim göster",
          "vi": "Hiển thị thông báo khi thêm mặt hàng vào giỏ hàng",
          "zh-CN": "将产品添加到购物车时显示通知",
          "zh-TW": "新增商品至購物車時顯示通知"
        },
        "default": true
      }
    ]
  }
]

とりあえずdebutテンプレートのsettings_schema.jsonを書き出してみるとこんな感じ。無料テーマは言語対応しすぎてて、超絶長いので見たい人だけスクロールしてくださいまし。

ちなみにですが、このファイルのありかは「config」フォルダ内です。

この長いコードを少しずつ解読していくと、まず全体を[]で囲っているのがわかります。

そしてその中に{}で囲われた物があるのがわかると思いますが、最初の{}の中身を抽出すると

  {
    "name": "theme_info",
    "theme_name": "Debut",
    "theme_author": "Shopify",
    "theme_version": "17.12.0",
    "theme_documentation_url": "https:\/\/help.shopify.com\/manual\/using-themes\/themes-by-shopify\/debut",
    "theme_support_url": "https:\/\/support.shopify.com\/"
  },

こんな1塊が抜き出せます。この{}の間が1つの塊なのですが、一番最初だけちょっと特殊でnameが「theme_info」ってなってますよね?

これはこのdebutテーマについて書いてあって、wordpressで子テーマを作る時にstyle.cssにテーマ名を書き込んでいるようなイメージです。最初だけはそうなってんだ!って事をとりあえず押させて、次のセクションを見てみます。

そして全言語対応のままだとくそ長いので、日本語部分だけに修正してここに書きます。

{
    "name": {
      "ja": "色"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "ja": "テキスト"
        }
      },
      {
        "type": "color",
        "id": "color_text",
        "label": {
          "ja": "見出しとリンク"
        },
        "default": "#3a3a3a"
      },
      {
        "type": "color",
        "id": "color_body_text",
        "label": {
          "ja": "本文"
        },
        "default": "#333232"
      },
      {
        "type": "color",
        "id": "color_sale_text",
        "label": {
          "ja": "販売価格"
        },
        "default": "#EA0606"
      },
      {
        "type": "header",
        "content": {
          "ja": "ボタン"
        }
      },
      {
        "type": "color",
        "id": "color_button",
        "label": {
          "ja": "主なボタン"
        },
        "default": "#3a3a3a"
      },
      {
        "type": "color",
        "id": "color_button_text",
        "label": {
          "ja": "一次ラベル"
        },
        "default": "#ffffff"
      },
      {
        "type": "color",
        "id": "color_small_button_text_border",
        "label": {
          "ja": "二次ラベルと罫線"
        },
        "default": "#3a3a3a"
      },
      {
        "type": "header",
        "content": {
          "ja": "フォームフィールド"
        }
      },
      {
        "type": "color",
        "id": "color_text_field_text",
        "label": {
          "ja": "テキスト"
        },
        "default": "#000000"
      },
      {
        "type": "color",
        "id": "color_text_field_border",
        "label": {
          "ja": "境界線"
        },
        "default": "#cccccc"
      },
      {
        "type": "color",
        "id": "color_text_field",
        "label": {
          "ja": "背景"
        },
        "default": "#ffffff"
      },
      {
        "type": "header",
        "content": {
          "ja": "画像のオーバーレイ"
        }
      },
      {
        "type": "color",
        "id": "color_image_overlay_text",
        "label": {
          "ja": "テキスト"
        },
        "default": "#ffffff"
      },
      {
        "type": "color",
        "id": "color_image_overlay",
        "label": {
          "ja": "背景"
        },
        "default": "#685858"
      },
      {
        "type": "range",
        "id": "image_overlay_opacity",
        "label": {
          "ja": "不透過率"
        },
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": {
          "ja": "%",
        },
        "default": 40
      },
      {
        "type": "header",
        "content": {
          "ja": "ページ"
        }
      },
      {
        "type": "color",
        "id": "color_borders",
        "label": {
          "ja": "罫線と線"
        },
        "default": "#ebebeb"
      },
      {
        "type": "color",
        "id": "color_body_bg",
        "label": {
          "ja": "背景"
        },
        "default": "#ffffff"
      }
    ]
  },

何となくわかりますかね?最初に「name」が定義されていて、その内容がja(日本語)で「色」と書かれていますよね?

これがこの赤枠で囲んだ部分の「色」です。

要するに「name」で宣言した物がこの「テーマ設定」で表示される項目になるわけです。ちなみにですが、「色」の横が歯車マークになってますよね?

テーマによってはここが別のアイコンだったりするんです。

その設定方法がどうやら「name」に指定した文字列で判断されてるっぽいのですが、日本語で設定されている場合は全部歯車になりますね^^;

jaの部分を書き換えて、例えば「色」を「Colors」、「SNS」を「Social media」

“ja”: “Colors”, “ja”: “Social media”,

みたいに書き換えると

ほら、なんかアイコン変わるんですよね。自分の言語では自由に変えられないっぽいので、基本は歯車であきらめましょう(笑)

neme以下のsettingsの中身

さぁ、外側の「name」の設定がなんとなくわかったところでお次は、中身の方ですね。まずは「色」をクリックしてみましょう。

こんなのが中身になってます。

これは「name」の後に「settings」が設定されていて、その下の階層に1つ1つのセッティングを記載していく感じです。

{
    "name": {
      "ja": "色"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "ja": "テキスト"
        }
      },
      {
        "type": "color",
        "id": "color_text",
        "label": {
          "ja": "見出しとリンク"
        },
        "default": "#3a3a3a"
      },

まず上の方から抜粋してみると、「name」の後に「settings」があるのがわかると思います。でsettingsの下階層を定義するのに[]が使われています。

そして最初のプロパティは「type」が「header」になってますよね?それが下の画像だと①の部分。次の「type」が「color」のところが②の部分です。

これの積み重ねで作っていくのですが、イメージとしては途中に「header」を挟むことで、セクションが分かれる感じですね。

headerを挟まないと白い枠の中にどんどん増えていきます。

そして次に注目すべきが「type」が「header」ではない物・・・ここでは「color」ですね。こちらには必ず「id」が設定されていると思います!

ここが非常に重要で、このidを使って、ほかのliquidファイルではここの設定を呼び出しています。

セットした物を呼び出す

セッティングの設定の仕方はわかりました。では、どうやって呼び出すでしょうかね?!

例えば、この「色」なんかはスタイルで使いたいわけですから、どこで呼び出してるかと言えば、cssファイルから参照します。

debutの例で行くと「snippet」の中に「css-variables.liquid」と言うファイルがあります。この中にはcssの変数を格納しているのですがそこの記述に

--color-text: {{ settings.color_text }};

こんな部分があります。要するにsettingsの後にIDを書いてるんですね。それをcss変数の「–color-text」に格納して、theme.cssで利用しています。

(debutテーマの場合はstyle タグ付きのスニペットに変数定義を入れてるんですね。テーマによってはcssファイル自体がliquidファイルになっていて、cssファイルに直接{{ settings.color_text }}が書かれている場合もあります)

ちなみにdebutだとtheme.cssの方を見ると、随所に

color: var(--color-text);

こんなコードを見ることが出来ます。つまりテーマ設定で指定した色がsetting.color_textで設定されて、それを利用してるんですね。

これはtypeがcolorだったのでカラーパレットが出てきていたのですが、ほかの部分で見る

"type": "checkbox",

"type": "text",

とかを見つけることが出来るかと思います。checkboxはそのままチェックボックスが出てきて、trueとfalseを返してくれるし、textはそのまま文字列を返してくれます。

ちょうどSNSが両方持ってていいですね。チェックボックスとテキストをtypeに設定するとこんな感じです。

これも呼び出しは同じで「settings.指定したID」で呼び出せます。

試しに1つテーマの設定項目を作ってみる

まぁよくわからないので、試しに1つ作って出力してみましょうか!

今回は単純にchekcboxで出力するかしないか。そしてtextとそのテキストの色を指定してみましょう。

書くコードはこうです。

{
    "name": {
      "ja": "実験君だよ"
    },
    "settings": [
      {
        "type": "header",
        "content": {
          "ja": "ここヘッダーね"
        }
      },
      {
        "type": "checkbox",
        "id": "test_check",
        "label": {
          "ja": "出力する?しない??"
        },
        "default": true
      },
      {
        "type": "text",
        "id": "test_text",
        "label": {
          "ja": "ここに書いてみそ?!"
        },
        "info": {
          "ja": "ちなみいinfoを設定するとこうなります。"
        }
      },
      {
        "type": "color",
        "id": "test_color_text",
        "label": {
          "ja": "テキストの色決めようぜ"
        },
        "default": "#3a3a3a"
      }
    ]
  }

これをsettings_schema.jsonの一番下に書き足すと

ほら、増えましたでしょ?!でも最後に加えたのに、「チェックアウト」と「テーマスタイル」がその後ろに来てますね。ここはまた別のところというか、そもそも操作できない部分なので、こう言うもんなんだと思いましょう。
(shopify PLUSなら編集できるかも??)

さて、では「実験君だよ」をクリックしてみましょう。するってーと

いやー、素晴らしいすね。狙い通りのものが出来てるじゃないですか!!

作ったテーマの設定を出力してみる

はてさて、テーマの設定が1つ出来たので、せっかくなので出力してみましょう。

今回の出力先は前に書いたブログでもつかった「くまちゃん」の商品ページですね。

前に使ったのはここを参照

今回はこの矢印をしたタイトルの下あたりに出力します。「product-template.liquid」を見ると

{{ product.title }}

こんなとこがあるので、この下にこう書き加えます。

{% if settings.test_check %}
  <p style="color: {{settings.test_color_text }};">
    {{ settings.test_text }}
  </p>
{% endif %}

まず「if構文」を使って、そもそも出力するのかしないのかを決めます。これは設定した「test_check」がチェック入ってれば出力してね。と言う意味になります。

そして「pタグ」の中にstyleを直接書いて、その色に関しては「test_color_text」で設定した色を出力、でコンテンツ内容としてテキストの「text_text」を書き込んでる感じです。

これで先に進めて実際に書いてみると

ご覧の通りです!テキストは左に入力したものだし、色も左で指定した色になってます。上のチェックボックスのチェックを外せば、出力もされません!

まぁ、実際には商品ページとかで使うというよりか、例えば全部のページに共通するお店の電話番号とかメールアドレスとかを載せたい。しかも変更1か所で!みたいな時にはこっちのテーマ設定で書くのがいいですね。

そうでなけりゃ普通にセクションの方で設定してやればいいです。今回はあくまでも例題としてやってますよ。

まとめ

これでテーマ設定は「settings_schema.json」に書き込めば自力でも作れることが分かったと思います。

  • {}で囲んでnameを設定
  • settingsを設定。その下の階層は[]で囲む
  • typeで設定できる項目が違う
  • idを使って出力(例 settings.test_text)

やる事としてはこれぐらいです。いろんな場面で使えるし、この内容を理解しておくと、テーマの設定で足りない部分とかも自力で補えるようになります。

なかなか触らないjsonファイルだと思いますけど、レッツトライしてみてください!!

むーさんの別サイト

むさーんの会社とリキッドマスターズ公式ページはこちらから。

shopify構築専門 制作会社

shopify構築者 コミュニティ兼スクール