FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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

おかっち
観光客
4 0 0

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

 

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

 

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

 

テーマはDAWNです。

 

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

1 件の受理された解決策

Qcoltd
Shopify Partner
1123 455 449

成功

 

@おかっち

 

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

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

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

 

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

 

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

 

.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;
}

 

 

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

20240124_img02.png

 

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

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

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1123 455 449

成功

 

@おかっち

 

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

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

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

 

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

 

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

 

.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;
}

 

 

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

20240124_img02.png

 

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

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

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
おかっち
観光客
4 0 0

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

 

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

 

とても勉強になります。