グローバルメニューの表記について

[takeoube]

ABOUT

私たちについて

↑こんな感じの、英語と日本語が併記されたメニューにしたいのですが

どのファイルをどのように編集したらよろしいでしょうか。

静的サイトは作れますが、shopifyは初めてです。

[Jizo_Inagaki · Accepted solution]

いくつか作り方はあると思いますが、一つは以下のような者が考えられます。

• linklist オブジェクトのtitleを変数として、case/whenで場合分けして出力

参考:
https://shopify.dev/api/liquid/objects/linklist#linklist-title
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

上記の情報で難しい場合はさらに関連情報を探したり別方向の方法を探されるか、エキスパートやパートナーに依頼されることをお勧めします。

[Jizo_Inagaki · Accepted solution]

いくつか作り方はあると思いますが、一つは以下のような者が考えられます。

• linklist オブジェクトのtitleを変数として、case/whenで場合分けして出力

参考:
https://shopify.dev/api/liquid/objects/linklist#linklist-title
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

上記の情報で難しい場合はさらに関連情報を探したり別方向の方法を探されるか、エキスパートやパートナーに依頼されることをお勧めします。

[takeoube]

ありがとうございます！試してみます！

[Jizo_Inagaki · Accepted solution]

もう一つは、リンク先のページのタイトルが目的に語句である前提ですが、それを取得する方法です。
以下の公式のサンプルコードが参考になると思います。

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/metafield
https://shopify.dev/api/liquid/objects/link#link-object

まだ公式の機能として全てのページがメタフィールドの付与対象になっていないのと、mrtcさんのご回答の方がシンプルなので、上記はそれほどお勧めするものではありませんが。

[takeoube]

ありがとうございます。

当方、初心者なもので様々な方法を提示してくださるのが

とても勉強になります！

気にかけてくださり、感謝いたします。

[mrtc]

私がよく使う技して、こんな出力方法もあります。

メニュー名を「ABOUT/私たちについて」で設定

{{ link.title | split: '/' | first }} → ABOUT
{{ link.title | split: '/' | last }} → 私たちについて

あとは該当箇所のHTMLとCSSを設定するだけです。

[takeoube]

ありがとうございます！

そのような方法もあるのですね・・！

とても助かります！！