ショッピングカートのみを利用したいのですが、
ヘッダーのメニューバーの横幅と、ショッピングカート内の表示、(商品コード/商品名など)の表の横幅を同じ幅に揃えたいのですが、それぞれどこを変更したら良いのでしょうか?
ショッピングカート内のヘッダメニューと表の調整方法を案内致します。
※デザイン設定において、[標準モード]をご利用されてますので、そちらでの調整方法を案内いたします。
■ヘッダーメニューの横幅変更
デザイン設定にて、適用中のスタイルシートカスタマイズを押します。
パソコン用スタイルシート一覧が表示されますので、「design.css」の編集ボタンを押します。
以下のスタイルに「max-width: 1050px;」「margin: auto;」を追加して保存すれば完了です。
(スタイルを探す際、「Ctrl+F」を押して「body」を検索するとすぐに見つかります)
※「max-width: 1050px;」の数値はお好みのサイズを入力して下さい。
body {
position: relative;
margin: 0;
padding: 0;
font-size: 12.0px;
line-height: 1.6;
line-height: 1.4;
overflow: Scrollbar;
-webkit-text-size-adjust: 100%;
max-width: 1050px; /* ←こちらを追加 */
margin: auto; /* ←こちらを追加 */
}
以上でヘッダメニューの幅を変更できます。
■ショッピングカート内の表をヘッダメニューの幅を揃える方法
デザイン設定にて、適用中のスタイルシートカスタマイズを押します。
パソコン用スタイルシート一覧が表示されますので、「design.css」の編集ボタンを押します。
以下のスタイルに「width: 100%;」を追加して保存すれば完了です。
(スタイルを探す際、「Ctrl+F」を押して「.individual_section table,」を検索するとすぐに見つかります)
.individual_section table,
.pane_regi table, /* レジ table 全般 */
.cart_item_list table, /* レジ 商品リスト */
.mypage table, /* 会員 table 全般 */
.item_list_regi table
{
margin: 0 auto;
border-width: 0;
width: 100%; /* ←こちらを追加 */
}
以上でヘッダメニューと幅を揃えることができます。
※ショッピングカート内に表示される全ての表(お客様情報入力画面等)が変更されますので、変更後はテスト注文を行いご確認ください。