ABOUT
私たちについて
↑こんな感じの、英語と日本語が併記されたメニューにしたいのですが
どのファイルをどのように編集したらよろしいでしょうか。
静的サイトは作れますが、shopifyは初めてです。
1 Like
いくつか作り方はあると思いますが、一つは以下のような者が考えられます。
- linklist オブジェクトのtitleを変数として、case/whenで場合分けして出力
参考:
https://shopify.dev/api/liquid/tags/control-flow-tags#case-when
もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。
以下の公式のサンプルコードが参考になると思います。
https://help.shopify.com/en/manual/online-store/themes/os/customize/feature-a-subset-of-collections
上記の情報で難しい場合はさらに関連情報を探したり別方向の方法を探されるか、エキスパートやパートナーに依頼されることをお勧めします。
1 Like
ありがとうございます！試してみます！
私がよく使う技して、こんな出力方法もあります。
メニュー名を「ABOUT/私たちについて」で設定
{{ link.title | split: ‘/’ | first }} → ABOUT
{{ link.title | split: ‘/’ | last }} → 私たちについて
あとは該当箇所のHTMLとCSSを設定するだけです。
1 Like
ありがとうございます！
そのような方法もあるのですね・・！
とても助かります！！
もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。> 以下の公式のサンプルコードが参考になると思います。> > https://help.shopify.com/en/manual/online-store/themes/os/customize/feature-a-subset-of-collections
すみません、通知がきたのでたまたま見直しましたが、上記は誤字の上に内容間違ってますね…。
取り下げさせてただければと思います。
一応ですが、上記で記載予定だった方法と類似のものを追記させていただきます。
- リンク設定対象ページのメタフィールドに必要な文言を設定
- link.listのlinkオブジェクトのlink.objectを通して、リンク設定対象ページのメタフィールドの情報を取得して表示させる
参考:
https://help.shopify.com/ja/manual/metafields
https://shopify.dev/api/liquid/objects/link#link-object
まだ公式の機能として全てのページがメタフィールドの付与対象になっていないのと、mrtcさんのご回答の方がシンプルなので、上記はそれほどお勧めするものではありませんが。
1 Like
ありがとうございます。
当方、初心者なもので様々な方法を提示してくださるのが
とても勉強になります！
気にかけてくださり、感謝いたします。