こんにちは。 handmadeを使っております。 トップページに表示される商品名の字数を統一させる方法はありますでしょうか？ 自店商品の商品名が比較的長いので、文字数によって異なってしまってる各商品アイコンの枠を統一させたいです。 例えば『ゆるっと着るのが可愛いメンズライクチェックシャツ』、『女の子らしいレースでガーリーコーデを叶えるシフォンブラウス』それぞれ表示される字数を１５文字までに設定し、『ゆるっと着るのが可愛いメンズラ…』、『女の子らしいレースでガーリーコ…』にする感じです。 html編集に詳しい方に是非ともご相談させていただきたいです。 宜しくお願いいたします。
mamimamaさん、ご質問ありがとうございます。
商品名を任意の文字数で制限する方法、ということですね。
テーマのHTML編集を行いカスタマイズされるという前提でお返事させていただきます。
まずテーマ側ではBASEで用意された専用のタグを組み立ててHTMLが設計されています。商品名タイトルであれば{ItemTitle}というタグで出力されます。ですが、その文字数を制限することはできません。
そのためCSS等で表示としてそのように見せる方法が現実的です。
CSSで「text-overflow」というプロパティがありますがそれを用いて文字数を制限することができます。参考になる記事がありましたのでご参照ください。
https://tech.recruit-mp.co.jp/front-end/tips-ellipsis/
またJavaScriptでも実装することができます。こちらも参考になる記事がありましたのでご参照ください。
http://kachibito.net/snippets/limit-string-lengthtrim-text-with-jquery
それぞれ「文字数 制限 css」などと検索すると他にも情報を見つけることができます。
どうぞよろしくお願いいたします。
入力した商品名は全部出したいのか、mamimamaさんのように省略させたいのか、というのはお店によって様々であるため、テーマとしては難しい所ですが今後の改善事項として検討させていただきたいと思います。
このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください！
BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。
