[戻る]
No.2629

商品購入のカート表示

花田かなさん  投稿日:2017/06/30(Fri) 00:12
key

いつもお世話になってます。

お聞きしたいのですが、商品購入ページの「カートに入れるボタン」が右端にに隠れてしまい、商品が購入できない状態です。

多数種類ありの商品にだけ隠れてしまい、種類なしの商品には表示されます。

今まではちゃんと表示されていて特にどこもいじってないんですが。何が原因なのでしょう?
修正の仕方を教えて下さい。

Re: 商品購入のカート表示

おたすけマイショップさん  2017/06/30(Fri) 10:53 No.2631
key

商品詳細ページのレイアウトを確認したところ、左側にカテゴリなどのメニュー追加やスタイルや設定などでの幅の固定などが重なり、商品種類が表示される領域がとられてしまい、種類のある商品に限り、カートボタンが隠れてしまう状態となっております。

カートボタンを表示させる方法の例を書きします。
※店舗様にて様々なスタイルを追加されており、下記方法にて何らかの影響が出る可能性がございますので、
 お試し頂いた後に十分なご確認をお願い致します。

例1:商品種類の表示方法を変更する
 現在、商品種類の表示方法が「テーブル形式」となっております。
 このテーブル形式の表示幅が上記の通りメニューなどの幅の影響によりテーブル全体が表示されません。
 「テーブル形式」を他の形式に変更することで表示されます。
 変更方法は、ページレイアウト管理(デザイン設定>レイアウトタブ)を開き、[ページ選択:]から
 「商品詳細」を開きます。
 レイアウト図が切り替わったことを確認して、中央の[商品詳細]部分(黒の背景部分)に配置されている
 「価格、…」パーツの編集ボタンを押します。
 設定内の[商品種類表記:]から「リスト」または「プルダウン」を選択して保存すれば完了です。

例2:スタイルの編集にて変更する
 スタイルを以下の様に変更します。
.detail_body1 {
float: left;
width: 500px;
}

.detail_body1 {
float: left;
width: 55%;
}
※こちらのスタイルは変更ではなく、ページレイアウト管理(デザイン設定>レイアウトタブ)を開き、[ページ選択:]から
 「商品詳細」を開きます。レイアウト図が切り替わったことを確認して、中央の[商品詳細]部分(黒の背景部分)の中央の
 段にある設定ボタンを押して表示される設定画面にて「500px」を「55%(※数値を変更したのちに単位を%に変更します)」
 に変更して保存すれば完了です。

以下は、「design.css」に追加されたスタイルの削除または新規スタイルを追加となります。
・削除するスタイル
.detail_body1 {
width: inherit!important;
}

・新規で追加するスタイル
.detail_body2 {
margin: 0;
float: left;
}


ご案内は以上です。
上記の通り、店舗様にて追加されたスタイルなどもあり、こちらから案内できる内容は上記となり、表示幅の変更や
スマートフォン・タブレット等の表示などで正常に反映されない場合がございますので、追加されたスタイルなども
考慮の上、上記変更等をお試しください。


Re: 商品購入のカート表示

花田かなさん  2017/07/01(Sat) 20:47 No.2633
key

早速の返信ありがとうございます。
例1の方法で試したら、直すことができました。


Re: 商品購入のカート表示

おたすけマイショップさん  2017/07/05(Wed) 13:10 No.2634
key

別の方法がございましたので追記いたします。

商品種類の表示方法を「テーブル形式」に設定された場合でも、design.cssにある以下の部分を削除することで表示されます。

(design.css 1962行辺り)

.item_detail .item_small_info_block .item_textinfo_block { /* 商品詳細 商品テキスト情報ペイン */
margin: 10px;
float: left; ←削除
font-size: 13px;
}

以上です。お手隙の際にお試しください。


Re: 商品購入のカート表示

花田かなさん  2017/07/05(Wed) 22:20 No.2635
key

わざわざすみません。
ご親切に色々ありがとうございます。
ようやく全部直す事ができました。



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

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