株式会社メタフェイズ

Shopify

セクションにカスタム入力欄を設置する

メタフェイズではShopifyを利用したストア構築を行っています。
今回はセクションにカスタム入力欄を設置する方法を紹介いたします。

1.templates/product.jsonで設定しているセクションの{% schema %}のsettingsを下記のようにします。

"settings": [
  {
    "type": "text",
    "id": "custom-text",
    "label": "カスタムテキスト",
    "info": "任意の文字を入力します。"
  }
],

2.表示したい場所へ下記コードを追記します。

{{ section.settings.custom-text | escape }}

3.管理画面 > オンラインストア > テーマ > カスタマイズをクリックします。

themecustom00.png

4.表示したい文字列を入力します。

4.1 ヘッダーでデフォルトの商品を選択します。
4.2 画面左で対象のセクションをクリックします。
4.3 画面右のカスタム入力欄へ入力します。
4.4 画面右上「保存」をクリックします。

themecustom01.png


Shopifyを利用したストアの構築・運用のご相談はお問い合わせフォームより受け付けております。

Share on

その他の記事

  • Shopify

    セクションに可変長カスタム入力欄を設置する

  • Shopify

    コレクション内商品のタイトルだけ表示する

  • Shopify

    コレクション内商品をタグでフィルタする方法

トップへ戻る

お問い合わせ

Webサイト制作やWebビジネスに関するお悩みがある方はお気軽にご相談ください。

お問い合わせはこちら

会社案内

社内で検討・回覧したい方向けに、弊社の会社概要や最新の制作実績を掲載した資料を、PDFでご覧いただけます。

ホワイトペーパー

最新のプロジェクトや過去の7,000サイト以上の実績と経験で獲得したWebサイト制作におけるノウハウの一部をホワイトペーパーとして公開しています。