新しいUIも、デザインを独自に変更可能です

2023/3/27(月)より、AnyGiftのeギフトの選択UIにモーダルを設定できるようになりました。

こちらのボタンカラー等を変更する方法をご紹介します。

方法

自社ECサイトのスタイルに合うようにカスタマイズできますか？

上記方法と同様です。以下の手順となります。

1. [管理画面]→[オンラインストア]→[カスタマイズ]にすすむ
2. 以下の手順でCSSを設定し、変更を確認して保存する

ボタンカラー変更のCSS

anygift-e-gift-modal__open-buttonというクラスの background属性にカラーコードを指定すると、色を変更することができます。

.anygift-e-gift-modal__open-button {
  background: #111; /* 黒色に変更 */
}

他の要素のカスタマイズについては、ブラウザの開発者ツールを用いて anygift-から始まるクラスを探し、適宜ご指定ください。