[戻る]
No.4437

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

キャラアイコン カイヤさん 投稿日:2020/06/07(Sun) 07:41

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

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

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

key
No.4440

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

キャラアイコン カイヤさん 投稿日:2020/06/08(Mon) 10:18


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

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

key
No.4448

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

キャラアイコン おたすけマイショップさん 投稿日:2020/06/09(Tue) 10:32 home

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

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

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

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

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

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

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

key
No.4500

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

キャラアイコン カイヤさん 投稿日:2020/06/25(Thu) 17:27

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

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

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

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

key
No.4503

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

キャラアイコン おたすけマイショップさん 投稿日:2020/06/25(Thu) 20:36 home

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

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

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

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

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

- YY-BOARD -