Liquid、JavaScriptなどに関する質問
お世話になっております。
Shopify partnerのkitatemaと申します。
無料テーマDebutのデザイン修正を行っています。
現在商品をカートに追加したときに表示されるポップアップの背景色が透明になっており、ページと情報が重なりとても見づらい状況になっています。
ページ背景を透明色に設定し、ヘッダー透過・固定のためコード編集したことが原因と考えています。
以下編集したコード箇所です。(赤色で囲っている部分)
ヘッダーは透過したままで、カートのポップアップ表示の背景だけ白に設定することは可能でしょうか、、
お力を貸していただけますと幸いです。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
Kitatemaさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
透過ヘッダーはスタイリッシュですが、いろんなところに影響出ると困りますよね。
ポップアップの背景は以下CSSで指定できるかと存じます。
.cart-popup-wrapper{
background: #fff;
}
もし上記でも他の背景色に上書きされてしまう場合は
background: #fff !important; と記入してみてください。
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
成功
Kitatemaさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
透過ヘッダーはスタイリッシュですが、いろんなところに影響出ると困りますよね。
ポップアップの背景は以下CSSで指定できるかと存じます。
.cart-popup-wrapper{
background: #fff;
}
もし上記でも他の背景色に上書きされてしまう場合は
background: #fff !important; と記入してみてください。
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
株式会社フルバランス 渡邉さま
こちらのCSS指定で上手く反映することができました。
.cart-popup-wrapper{
background: #fff;
}
また代替え案など、ご親切なご対応に深く感謝いたします。
この度はありがとうございました、、!
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024