FROM CACHE - jp_header

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

YU-GI-OH
訪問者
1 0 0

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

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

 

 

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?

 

 

1件の返信1

Qcoltd
Shopify Partner
1049 428 412

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

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

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

 

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/)

 

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

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

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

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

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/