futureshop FAQ

本サイトは、弊社サービス「futureshop」ご契約店舗様用のFAQサイトです。
お困り事やご不明点等ございましたら、お気軽にフューチャーショップサポートまでご連絡ください。

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 2023
  • 公開日時 : 2018/02/01 21:56
  • 更新日時 : 2019/12/27 20:01
  • 印刷

入力箇所の「必須」のアイコンを大きい画像(オリジナル画像)に変えることはできますか?

回答

JavaScriptを用いて、大きい必須画像(オリジナル画像)に差し替えることが可能です。

 

【ご注意】 
JavaScript等でのカスタマイズは思わぬ挙動をする場合が 
ございますので、設定後、購入が正しく行えるかなど 
必ず動作確認をお願いいたします。 
また、バージョンアップ後にも、仕様が変更になり動作しないなど 
起こる可能性がございますので、挙動の確認をお願いいたします。 

 

Step1:大きい必須画像(オリジナル画像)を作成し、SSLサーバにアップロードする

差し替える【大きい必須画像(オリジナル画像)】は、店舗様でご用意いただく必要があります。

下記にて大きい画像をご用意いたしました。
よろしければ画像上で右クリックして画像を保存し、SSLサーバにアップロードしてご利用ください。

必須画像(オリジナル画像)の作成後、画像をSSLサーバにアップロードします。
SSLサーバの情報は、ご契約当初にお送りしている「セットアップ完了のお知らせ」
という件名のメールをご参照ください。

SSLサーバは、トップページ等をアップロードする
Webコンテンツ用FTPサーバとは異なるサーバですので、ご注意ください。

Webコンテンツ用FTPサーバに「必須」画像をアップロードした場合は、
会員登録画面等にて、エラーが発生する要因となります。
SSLサーバ接続後に、画像を/public_htmlフォルダ内にアップロードした際の「画像パス」は、
「ご利用SSLサーバ」により若干異なりますので、メール内の記載・下記を改めてご確認ください。

※常時SSL化実施済みの店舗様は、Webコンテンツ用FTPサーバにアップロードしてください。
 会員登録ページなど、httpsからはじまるURLのドメインがご契約ドメインの場合は、
 常時SSL化実施済みとなります。

画像パス:SSLサーバのホスト名が(secure1.future-shop.jp)の店舗様

https://secure1.future-shop.jp/~店舗KEY/必須画像の画像名

→画像パスの例)https://secure1.future-shop.jp/~testshop/required.gif

画像パス:SSLサーバのホスト名が(secure2.future-shop.jp)の店舗様

https://secure2.future-shop.jp/~店舗KEY/必須画像の画像名

→画像パスの例)https://secure2.future-shop.jp/~testshop/required.gif

画像パス:常時SSL化実施済みの店舗様

https://ご契約ドメイン/必須画像の画像名

→画像パスの例)https://qa.future-shop.jp/required.gif

 

Step2:コメントパターンを作成する

構築メニュー>ページ設定>コメントパターン一覧にて「パターン新規登録」をクリックし、
コメント内容に、下記のJavaScriptを記述しご登録ください。(コメント名は任意)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/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/1.9.1/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を追記することでも対応可能です。


以上により、大きい必須画像(オリジナル画像)に差し替えることができます。

 

【ご注意】 
JavaScript等でのカスタマイズは思わぬ挙動をする場合が 
ございますので、設定後、購入が正しく行えるかなど 
必ず動作確認をお願いいたします。 
また、バージョンアップ後にも、仕様が変更になり動作しないなど 
起こる可能性がございますので、挙動の確認をお願いいたします。 

スムーズに解決できなかった場合、記事改善のため解決できなかった理由をお聞かせください。

ご意見・ご感想をお寄せください お問い合わせを入力されましてもご返信はいたしかねます

フューチャーショップサポート

「虎の巻」でお悩みが解決できない場合や、ご不明点等がございましたらお気軽にご連絡ください。

  • お電話でのお問い合わせ(平日10:00~17:00)お電話でのお問い合わせ(平日10:00~17:30)
  • メールフォームをご利用くださいお問い合わせフォーム

※弊社サービスと類似した名称の通販サイトとの問い合わせ先間違いが増えております。
 弊社では通販サイトの運営は一切行っておりません。

ページ
トップへ