入力箇所の「必須」のアイコンを大きい画像(オリジナル画像)に変えることはできますか？
- 更新日： 2024-08-23 22:45:14 UTC
コマースクリエイター未利用店舗様専用の記事です
JavaScriptを用いて、大きい必須画像(オリジナル画像)に差し替えることが可能です。
|
【ご注意】 |
Step1：大きい必須画像(オリジナル画像)を作成し、SSL用FTPサーバにアップロードする
差し替える【大きい必須画像(オリジナル画像)】は、店舗様でご用意いただく必要があります。
なお弊社にて大きい画像をご用意いたしました。
よろしければ画像上で右クリックして画像を保存してご利用ください。
必須画像(オリジナル画像)の作成後、画像をSSL用FTPサーバにアップロードします。
SSL用FTPサーバの接続情報は、ご契約当初にお送りしている「セットアップ完了のお知らせ」のメールをご参照ください。
※常時SSL化実施済みの店舗様は、Webコンテンツ用FTPサーバにアップロードしてください。
なお会員登録ページなどのhttpsからはじまるURLのドメインがご契約ドメインの場合は、常時SSL化実施済みとなります。
|
※※常時SSL化を行っていない店舗様の注意事項※※ |
常時SSL化未対応店舗様の画像パス例
public_htmlsディレクトリ直下にアップロードした場合の画像パスは
https://secure2.future-shop.jp/~店舗KEY/required.gif となります。
※店舗KEY部分は自店の店舗KEYに変更してください
常時SSL化実施済みの店舗様の画像パス例
public_htmlsディレクトリ直下にアップロードした場合の画像パスは
https://ご契約ドメイン/required.gif となります。
※ご契約ドメイン部分は自店のドメインに変更してください
Step2：コメントパターンを作成する
構築メニュー＞ページ設定＞コメントパターン一覧にて「パターン新規登録」をクリックし、
コメント内容に、下記のJavaScriptを記述しご登録ください。(コメント名は任意）
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
var requiredIconSRC =
"上記でアップロードした画像のパスを、ここに記述します";
$(function(){
$('img[src="/shop/img/icon/icon_require.gif"]').attr('src',requiredIconSRC).removeAttr('width height');
});
</script>
▼記述例
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
var requiredIconSRC =
"https://secure1.future-shop.jp/~testshop/required.gif";
$(function(){
$('img[src="/shop/img/icon/icon_require.gif"]').attr('src',requiredIconSRC).removeAttr('width height');
});
</script>
Step3：該当画面を選択する
上記で作成したコメントパターン（JavaScript）を、2箇所に設定します。
- 構築メニュー＞ページ設定＞各ページ設定 カートの「お客様情報入力」
- 構築メニュー＞ページ設定＞各ページ設定 会員の「会員登録」
コメントパターンの上部か下部に、先ほど作成したコメントパターンを選択して登録します。
すでに選択されているコメントパターンが存在する場合は、
適用中のコメントパターンに、上記のJavaScriptを追記することでも対応可能です。
以上により、大きい必須画像(オリジナル画像)に差し替えることができます。
|
【ご注意】 |