株式会社メタフェイズ

Shopify

公式カスタムフィールド

メタフェイズではShopifyを利用したストア構築を行っています。
今回はカスタムフィールドの設定・値の取得方法を紹介いたします。

1.設定 > メタフィールド

metafields000-1024x682.png

2.商品

metafields001.png

3.定義を追加する

metafields006.png

4.全ての項目へ入力する

metafields007.png

5.保存後

metafields008.png

6.Liquidコード

<a href="{{ product.url }}">
    <div class="image"><img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}"></div>
    <h3>{{ product.title | escape }}</h3>
    <p>{{ product.metafields.my_fields._summary.value | escape }}</p>
    <p class="price">{{ product.price | money_with_currency }}</p>
</a>

7.商品管理画面でカスタムフィールドへ入力

metafields009.png

8.出力結果

metafields010.png


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

Share on

その他の記事

  • Strategy

    ECサイトとは?簡単にできる構築方法を実例をもとにご紹介

  • Shopify

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

  • Shopify

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

トップへ戻る

お問い合わせ

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

お問い合わせはこちら

会社案内

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

ホワイトペーパー

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