[戻る]
No.1481

ヘッダーメニューの横幅とショッピングカートの表の幅を揃えたい

おたすけマイショップさん  投稿日:2015/03/24(Tue) 13:06
key

ショッピングカートのみを利用したいのですが、
ヘッダーのメニューバーの横幅と、ショッピングカート内の表示、(商品コード/商品名など)の表の横幅を同じ幅に揃えたいのですが、それぞれどこを変更したら良いのでしょうか?

Re: ヘッダーメニューの横幅とショッピングカートの表の幅を揃えたい

おたすけマイショップさん  2015/03/24(Tue) 13:07 No.1482
key

ショッピングカート内のヘッダメニューと表の調整方法を案内致します。

※デザイン設定において、[標準モード]をご利用されてますので、そちらでの調整方法を案内いたします。

■ヘッダーメニューの横幅変更

デザイン設定にて、適用中のスタイルシートカスタマイズを押します。

パソコン用スタイルシート一覧が表示されますので、「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%; /* ←こちらを追加 */
}

以上でヘッダメニューと幅を揃えることができます。

※ショッピングカート内に表示される全ての表(お客様情報入力画面等)が変更されますので、変更後はテスト注文を行いご確認ください。



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

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