[戻る]
No.4437

新しいJavascript外部カートの個別コードの内容

カイヤさん  投稿日:2020/06/07(Sun) 07:41
key

新しいJavascript外部カート バージョンアップありがとうございます。大変 レスポンスが良くなりました。

1点個別コードで JSカート用のシステムスタイルとあるのですが、これはどういう類いの使い方でしょうか?
スタイルは ヘッダーの  c-sys-icon.css">で指定していると思っていたのですが・・
どのようなスタイルが指定されているのか教えていただけますと幸いです
<div class="ems_tag" data-contents="jsc_style"><!-- JSカート用システムスタイル --></div>

追伸
(前回バージョンアップで、個別のJavascript外部カートが出来ていたのに気付いていたのですが、
今回のバージョンアップで 共通のまとめコードもバージョンアップされたということでしょうか?)

Re: 新しいJavascript外部カートの個別コードの内容

カイヤさん  2020/06/08(Mon) 10:18 No.4440
key


個別コードの部分、前回まではカートのコードがScriptだったのが、今回からMappingになっていましたね。(複数個カートを貼り付けてもScriptの読み込みがヘッダー部分の1つだけになったので、動作が速くなりそうですね。)
投稿してから、気付きました。ありがとうございます

jsc_style のみ、使い方がイマイチわからないのでお知らせいただけますと幸いです


Re: 新しいJavascript外部カートの個別コードの内容

おたすけマイショップさん  2020/06/09(Tue) 10:32 No.4448
key

カートボタン貼り付け用コードにて表示される情報のスタイルについてはデザイン設定(店長ナビ>拡張設定)を開き、適用中テンプレート(背景オレンジ)の[CSS]リンクをクリック。
表示される「design.css」にて登録されています。

なお、表示内容のスタイルについては、ブラウザ側の機能にて確認することができます。

 GoogleChromeであれば対象の場所を右クリックして「検証」、
 InternetExplorerであれば「要素の検査」にてご確認いただけます

また、こちらの機能にて表示部分に充てられているclassを確認することもできますので、確認したclassに対し追加したいスタイルをオーバーライドすることでお好みのデザイン(スタイル)とすることが可能です。

オーバーライドする(登録する)スタイルについては前述の「design.css」にご登録ください。

※イージーマイショップにて生成されるページ及びカートボタンの外部サイトへの貼り付けを行っている場合は両方の
 カートボタンにて追加したスタイルが適用されますのでご注意ください。
 個別にスタイルを適用する場合は外部サイトに貼り付けるカートの前後にご利用者様独自で指定したclassを<div>タグ
 などで追加し、そのclassを含めたスタイルを追加してください。

以上を参照いただきスタイルの調整をお試しください。


Re: 新しいJavascript外部カートの個別コードの内容

カイヤさん  2020/06/25(Thu) 17:27 No.4500
key

すみません。再度質問です 下記の個別コードは 何の役割でしょうか??

<div class="ems_tag" data-contents="jsc_style"><!-- JSカート用システムスタイル --></div>

コードをあってもなくても、カートのスタイルは変わらないように思うのですが・・

追伸
外部カートのスタイルを、貼るサイトごとに変更するには、前述で説明いただいた、classをつけて、そのclass毎にスタイルを変更するのでしょうか?


Re: 新しいJavascript外部カートの個別コードの内容

おたすけマイショップさん  2020/06/25(Thu) 20:36 No.4503
key

お問い合わせのコードは、デザイン設定(店長ナビ>拡張設定)の[ボタン・画像等]にて指定するCSSやデザインを正常に適用させるためのシステム側にて付与しているタグです。

こちらを削除しても問題ございませんが、ブラウザの仕様変更などによりご指定のCSSが正常にあたらない場合にシステム側にて対応できる役割もございますので、削除されないことをお勧めいたします。

また、外部サイトに貼り付けたスタイルをサイト毎に変更したい場合はご認識の通りで、独自のclassを充て、それに対しCSSを追加してください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』