初めまして。Debutのテーマを使用しています。
商品写真にモデルの身長と、着用サイズを表示する方法を教えていただけると幸いです。
添付のようなイメージです。この写真はこちらのサイトから拝借しました。
https://store.soeju.com/products/008-short-sleeve-cocoon-blouse
よろしくお願いいたします。
以下アカウントからの返信をご確認下さい。
Glb_agさん、はじめまして。
参考サイト拝見しました。
「モデルの身長と、着用サイズを表示する方法」についてですが、
それぞれ商品画像にAltとして「モデル:164cm サイズ:S」が設定されており、
そちらのテキストが商品画像の上に固定され、出力されているものかと思われます。
方法の一つとして、以下のような形であれば実現可能かと思います。
【実装の手順】
①商品管理→メディア→右上アイコン→代替テキスト(alt)を編集より、「モデル:164cm サイズ:S」などのテキストを設定する
②media.liquidに商品画像オブジェクトに紐づいたaltテキストを呼び出す処理( {{ media.alt }}など )を記述する
③CSSで呼び出したテキストの見た目を調整する
【実際のコード】
media.liquid (私の場合51行目)
のコードの下に、以下コードを貼り付けてください。
{{ media.alt }}
こちらで表示されるようになるかと思います。
参考になりましたら幸いです。
