オーダーメイドセット商品機能のデザインについて
JSカート機能で、オーダーメイドセット商品機能を利用しています。
オーダーメイドセット商品はiframeで入力エリアが出力されて、システムスタイルシートが適用されているようです。
現状、システムスタイルシート自体を削除できないので、
貼り付け先のサイトとデザインを合わせるためには、デフォルトのクラスをオーバーライドするしかないようですが、
デフォルトのクラス量の多さと、貼り付け先のメディアクエリとの兼ね合いもあり、オーバーライドだけでは非常に困難です。
システムスタイルシートを無効にする方法は他にございませんか?
もしくは、iframe形式ではなくHTML形式ですべて出力できませんか?
ご回答のほどよろしくお願いいたします。
恐れ入りますが、システムスタイルシートを無効にする方法はございませんことをご了承ください。
なお、iframe内で使用しているスタイルシートは、イージーマイショップ上に登録されているスタイルシートにてオーバーライド(スタイルの上書き)が可能です。
お手数ですが、オーバーライドによる対応をお願いいたします。
スタイルは店長ナビ(店舗様管理画面)>拡張設定>デザイン設定>テンプレートタブで使用しているテンプレートの[CSS]をクリックします。
「design.css(デザインテンプレート)」の編集(鉛筆ボタン)をクリックしスタイルを追加して[保存]してください。
サイトにCSS(スタイルシート)を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style
なお、iframe内の全てのclassについてスタイルが付与されているわけではございません。
ブラウザの「検証」機能で変更箇所のclassを確認し、スタイルを当てるなどしてご利用ください。
※GoogleChromeであれば対象の場所を右クリックして「検証」、InternetExplorerであれば「要素の検査」にてご確認いただけます。
また、店舗様にて編集などはできませんが、ブラウザによってはiframe内のページソースを表示できます。
※Google Chromeであれば、iframe上(オーダーメイドのオプション選択肢上)で右クリックし、[フレームのソースを表示]を選択してください。