Expanceテーマでのタイトルの文字数

日本語 ディスカッション Shopify テーマ

AI-generated summary

主題: Expanceテーマで商品タイトルの表示文字数を10文字以内に制御したい。どのコードを編集すべきかが質問。

  • 提案された方法: ShopifyのLiquidフィルター「truncate」を使ってタイトルを所定の文字数に切り詰める。
  • 技術説明: LiquidはShopifyのテンプレート言語。truncateは文字列を指定の長さに短縮し、sizeは文字数を取得できる。
  • 実装ポイント: product.titleにtruncate: 10を適用して表示を10文字に制限。必要に応じて、titleのsizeが10を超える場合のみ三点リーダー（…）を表示する条件分岐を追加。
  • 制約: テーマが有料のため、具体的なファイルやコードの編集箇所の特定は公開の場では困難。
  • 追加対応: コラボレーターアクセスがあれば、編集すべき箇所の案内が可能な場合あり（確約は不可）。
  • 状態: 具体的編集場所は未特定だが、実装の考え方は提示済み。コードスニペットが理解に重要で、議論は継続中。
1

Expance themeで開発を行っている者です。
初歩的な質問ですがわかる方は回答よろしくお願い致します。

商品タイトルの文字数の表示を１０文字以内等に制御したいのですがどこのコードを編集したらよいのでしょうか？

I am developing with Expance theme.
It’s a rudimentary question, but if anyone knows, please answer.

I want to control the number of characters displayed in the product title to within 10 characters, etc. Where should I edit the code?

2

ご指定のテーマが有料テーマであるため、

具体的なコード編集箇所をお伝えするのが難しく、

修正の考え方だけお伝えいたします。

liquidで文字数を制限するにはtruncateを使用するのが簡単そうです。

https://shopify.github.io/liquid/filters/truncate/

おそらく、商品名は、{{ product.title }} というliquidタグで出力しているはずですので、

{{ product.title | | truncate: 10 }}

とすれば、10文字までしか商品タイトルは表示されなくなるはずです。

もし、商品タイトルが11文字以上の時は3点リーダーをつけたい、という場合は、

{{ product.title | | truncate: 10 }}{%- if product.title.size > 10 -%}…{% endif %}

とするのが良さそうです。

(size: https://shopify.github.io/liquid/filters/size/)

プライベートメッセージなどで、

コラボレーターアクセスをいただければ、

テーマのどこを編集すれば良いかもお伝えできるかもしれません。

(お約束はできませんが。)

ご参考まで。

(キュー田辺)