四角で囲って表示したい。

[おかっち]

カートに商品を入れた際にポップアップされる「カートにアイテムが追加されました」に表示されている「買い物を続ける」を四角で囲い、「カートを見る」の四角の囲いを外したいと考えています。

もしくは「買い物を続ける」と「カートを見る」の表示位置を入れ替えたいと思います。

変更の仕方をご教示くださると幸いです。

テーマはDAWNです。

よろしくお願いいたします。

[Qcoltd · Accepted solution]

@おかっち様

カートに投入した際のポップアップの、

「買い物を続ける」を四角で囲い、「カートを見る」の四角の囲いを外したい件ですが、

以下の手順で対応が可能かと思います。

Dawn バージョン12.0.0を元にご説明させていただきます。
バージョンが古い場合は手順が異なる場合がありますのでご了承ください。

1. 管理画面 > オンラインストア > カスタマイズボタンをクリック
2. 画面左側の歯車マーク（テーマ設定）をクリック
3. カスタムCSSをクリックし下記CSSを追加し保存
   

.cart-notification__links button.button-label {
  border: solid 1px #000;
  width: 100%;
  height: 47px;
  text-decoration: none;
}
#cart-notification-button:after {
  box-shadow: none !important;
}

以上で下記画像のように変更されるかと思います。

また、表示順を変更したい場合は、管理画面 > オンラインストア >「・・・」 > コードを編集から、

『cart-notification.liquid』を選択しテンプレートの内容を変更することで対応が可能となります。

ご参考まで。

（キュー小坂）

[おかっち]

ご回答くださり、ありがとうございます。

また、助けてくださりありがというございました。

とても勉強になります。