商品情報にスキップ
1 1
公開日:2023.07.11

Shopifyのテーマ「Dawn」の商品詳細ページで画像に設定したaltをキャプションとして表示する方法

Shopifyのテーマ「Dawn」の商品詳細ページで画像に設定したaltをキャプションとして表示する方法

用途

  • 商品画像管理

実装方法

  • LIQUID
  • Javascript
詳細を表示する

Shopifyの商品写真には一つひとつaltを指定することができますが、これをテーマ「Dawn」の商品詳細ページで画像のキャプションとして表示する方法です。訪問者の商品理解を促しつつ、SEO効果も期待できます。(画像のaltとキャプションを併用する事はSEOの観点からも特に問題はありません)


テーマ「Dawn」の商品詳細ページで画像に設定したaltをキャプションとして表示する方法


【設定手順①】「main-product.liquid」にschemeを、「ja.schema.json」にラベルを追加


【設定手順②】product-media-gallery.liquid」を修正


【設定手順③】必要に応じて商品画像のaltテキストを追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「main-product.liquid」にschemeを追加


「ja.schema.json」にラベルを追加


...
関連ポスト