[戻る]
No.5664

ショッピングカートの表示幅

海苔専門店「本物志向」さん  投稿日:2021/09/10(Fri) 15:28
key

お世話になります。
テンプレート:c14-Cerulean を使用中です。
ショッピングカートページの、商品一覧テーブル部分の表示幅は固定のようですが、ウィンドウ幅に合わせて可変に出来ませんか。
「会員の方はこちら」「会員でない方はこちら」の幅と合わせるようにしたいのですが。
むしろ、次以降のお客様情報入力ページなどと合わせるならば、「会員の方はこちら」「会員でない方はこちら」の方を
縮めた方が良いのでしょうか。

Re: ショッピングカートの表示幅

おたすけマイショップさん  2021/09/10(Fri) 17:25 No.5666
key

ご認識の通り、カート画面のカート内に入っている商品の一覧テーブル部分は、全カート画面ページと表記を統一するために、
カート画面の「会員の方はこちら」「会員でない方はこちら」の幅とは異なります。
下記のようなスタイルでカート画面の「会員の方はこちら」「会員でない方はこちら」の幅と似た幅とすることは可能かと存じますが、
完全に揃えることはできませんことをご了承ください。

※1120pxや100%部分は適宜変更してご利用ください。

.regi_flow0 .grid_list{
min-width:1120px;
}

@media screen and (max-width: 1120px){
.regi_flow0 .grid_list{
min-width:100%;
}
}

なお仮に横幅をサイズを固定(1000px等)のみで指定しますと、画面幅によっては一部表示が見切れますのでご注意ください。

スタイルの追加方法は以下をご覧ください。

 サイトにCSS(スタイルシート)を追加する
 https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style

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


なお、弊社サポート範囲はイージーマイショップ上で予め用意している機能の設定や操作方法となり、
HTMLやCSSの記述はサポート外となりますのでご案内できないことがございますことをご了承ください。

なお、ブラウザの「検証」機能では商品名など各要素に指定しているclassをご確認いただけます。
こちらのclassに対してcssを当てていただくことでテキストの表示位置や文字色の変更等を行うことができますので、
cssを付与する場合の指標としてご利用ください。



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

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