makeshopのカスタムについて

Question

ECマスターズ　田中様

いつもお世話になります。

makeshopのカスタムについて質問です。

添付画像のように変更したいのですが実装方法を教えて頂きたいです。

URL https://www.orlo-matsuge.com/

※スマホにて閲覧お願い致します。

Aの箇所

ヘッダー画像とその下の返金保証のバナーを
商品詳細画面に来た際に非表示にしたいです。

ヘッダーイメージは
makeshopのスマホ用の看板画像の設定で登録しているので
現状どのページにも出てしまう仕様となります。

返金保証のバナーはヘッダー箇所に入れていますが
こちらも全ページに出てしまいます。

完成イメージのように設定したいです。

Bの箇所

カートに入れるボタン周りですが
レイアウトを変更したいです。

完成イメージのように設定したいです。


商品詳細のhtmlとcssを記載しようとしましたが
エラーが出ましたので必要であればメールにてお送りしますので
ご連絡下さい。

以上ご確認宜しくお願い致します。
ご回答宜しくお願い致します。###IMG02a9bcb757d4e639e46af3f744593901a.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

商品詳細のCSSに下記内容を追記の上、
表示をご確認いただき、
必要に応じてCSSの値を微調整していただきますようお願いします。

/* と */ で囲まれた部分は、いわゆる「コメント」で、
CSSに影響せず、注意書きを自由に書ける部分ですので、
必要に応じて編集をお願いします。

なお、数量表示部分を囲むタグは、
オプションの表示部分も兼ねております。

オプションを設定している商品がある場合、
デザインが崩れていないかご確認の上、
必要に応じて、オプション表示部分を移動させるなどの
ご対応をお願いします。


= この下の行から ====================
/* 看板画像・返金保証バナーを非表示 */
#pagetop header, #pagetop header ~ div {
    display: none;
}

/* カートボタンのレイアウト変更 */
#cart-in {
  display: flex;
}

#cart-in > .itemSection:nth-child(1){
  flex: 0 0 140px;
}
#cart-in > .itemSection.itemBtn {
  flex-basis: auto;
  width: 100%;
}
/* ↓買い物かごボタン上書き用。「.btnCart」を変更しても結構です */
body .btnCart { 
  padding: 10px 15px;
  margin: 0px auto;
}
= この上の行まで ====================

Answer

ECマスターズの田中です。

こちら、正確なソースが必要となりますので、
「投稿内容について報告する」よりお送りいただくことも難しいようでしたら、
club@ec-masters.net 宛に、おっしゃる通りのhtmlとcssを
お送りいただきますようお願いいたします。

Answer

ECマスターズ 田中様

お世話になります。
先ほどclub@ec-masters.net 宛に
商品詳細のhtmlとcss
ヘッダー箇所のhtmlとcssをお送り致しましたので
ご確認宜しくお願い致します。

Answer

ECマスターズの田中です。

いただいたソースの中に、ヘッダーが含まれていることを確認いたしたので
当返信の内容を削除いたしました、
失礼いたしました。

Answer

ECマスターズ　田中様

ご回答ありがとうございます。
無事に実装できました！

いつもありがとうございます。

今後ともどうぞ宜しくお願い致します。