CSSの一部をコメントアウトしたい
いつもお世話になっております、CSSに詳しいお客さまから
c-catalog.css内の
.item_catalog .item .item_data_block{
height:140px;
}
をコメントアウトすると良いですよという情報を頂き、作業に入りたいのですがCSSを追加する方法については案内があったのですが、コメントアウトするにはどのようにすればいいでしょうか？
具体的には商品一覧ページの各商品の文字列が最後まで出るようにしたいのですが、商品フレーム設定から[自動]を設定すると整列せずぐちゃぐちゃになってしまうので「商品一覧の商品は整列したまま、表示される文字列を漏れなく表示させたい（商品名・価格・売切れ表示等）となります。
Re: CSSの一部をコメントアウトしたい
コメントアウトを行う場合は該当箇所を/* */で囲みます。
例）
/* .item_catalog .item .item_data_block{
height:140px;
}
*/
なお、ご不便をおかけしますが、c-catalog.cssは店舗様で編集できないCSSとなり、
仮に該当箇所をスタイル(CSS)で編集する場合は、以下手順で別箇所にスタイル(CSS)を追記し、スタイルを上書きする必要がございます。
サイトにCSS(スタイルシート)を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style
また、商品一覧ページの商品フレームは、店長ナビの設定箇所で縦幅を変更できます。
以下手順で縦幅の長さの変更をご検討願います。
1．拡張設定＞デザイン設定＞レイアウトタブを開く
2．[商品一覧・フレーム設定]を開く
3．「商品フレーム」の「フレームサイズ」にある「商品情報(上) 高さ」や「商品情報(下) 高さ」で「指定」を選択し、高さの数値を入力
4．[保存]する
その他、商品名を1行まで、あふれる部分は「…」の表示に切り替えも可能です。
拡張設定＞デザイン設定＞レイアウトタブ＞[商品一覧・フレーム設定]を開き、「商品一覧」の「商品フレーム項目」で
「商品名が長い場合」の「溢れる部分を"..."で表示」を選択し[保存]してください。
Re: CSSの一部をコメントアウトしたい
回答ありがとうございます。[商品一覧・フレーム設定]内にて商品情報の記載位置を設定できるということに先ほど気付きまして、商品情報を上に設定すると画像の上に文字が重なって表示されるようになり、文字も縁取りが設定できるので商品画像と商品名の種類を問わず定型サイズ内にきれいに並べることができるようになりました。
どうもありがとうございました。