[戻る]
No.4853

商品説明文の表示について

たかやのぶどうさん  投稿日:2020/11/30(Mon) 23:50
key

商品の詳細の一つ手前のページに表示される商品説明文の表示部分が長いので短く表示したいです。
具体的には、「ホーム」⇒「購入」⇒「贈答用」に進んだ時の商品一覧に表示されている商品説明文を5行くらいで、
…詳細としたいのですが、表示の変更は可能でしょうか?

Re: 商品説明文の表示について

おたすけマイショップさん  2020/12/01(Tue) 16:13 No.4855
key

恐れ入りますが、商品一覧ページでリスト表示の場合、価格下の商品説明文を短縮して表示する機能はございませんが、
スタイルの追加により表示される文章量を減らすことは可能です。

下記スタイルがパソコン画面で商品説明文の横幅を500px、行数(高さ)を約5行とするスタイルの例は下記となります。

■スタイルの例
<style>
.item_explain > a {
position: absolute;
bottom: -25px;
right: 0;
}
.item_list .item .item_explain {
padding: 0px 40px 0 4px!important;
max-width: 500px;
max-height: 5em;
position: relative;
margin-bottom: 25px;
  overflow: visible;
}
</style>

以下URLにスタイル追加方法の案内がございますのでご活用ください。

 ページにページに<style>を追加する
 https://emshelp.easy-myshop.jp/c-item-detail?ic=add-style

[スタイル追加に関するご注意]
 スタイルを適用した内容は視覚的には非表示となりますが、HTMLコード上では表示されています。
 標準で提供する機能及び設定ではございませんので今後のバージョンアップにて上記スタイルが
 正常に適用されない場合がございます。
 上記内容をご了承いただいた上でスタイルの追加を行ってください。


なお、ページを表示する端末の画面幅や文字サイズによって表記が左右される場合がございます
(表示される最大文字数は300文字となっており、それ以上は省略されます)。
上記スタイルの「max-width」で商品説明文の横幅、「max-height」で行数(高さ)を設定しておりますので、
ご都合に合わせて調整をお願いいたします。
(「max-width: 500px;」は商品説明文欄の横幅を500px、「max-height: 5em;」で商品説明文欄の高さを5emに設定しております。)

また、上記スタイルはパソコン表示を前提としており、スマートフォンでの表示の場合画面の横幅が限られる関係上、
表示文字数が制限される可能性がございますので、上記スタイルの追加はお勧めできませんことを予めご了承ください。


Re: 商品説明文の表示について

たかやのぶどうさん  2020/12/01(Tue) 16:27 No.4856
key

ご説明ありがとうございます。
希望の通りに変更ができました。
いつも分かりやすい説明をしてくださって大変助かります。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』