[戻る]
No.7182

オーダーメイドセット商品機能のデザインについて

sksさん  投稿日:2024/06/06(Thu) 11:56
key

JSカート機能で、オーダーメイドセット商品機能を利用しています。

オーダーメイドセット商品はiframeで入力エリアが出力されて、システムスタイルシートが適用されているようです。

現状、システムスタイルシート自体を削除できないので、
貼り付け先のサイトとデザインを合わせるためには、デフォルトのクラスをオーバーライドするしかないようですが、
デフォルトのクラス量の多さと、貼り付け先のメディアクエリとの兼ね合いもあり、オーバーライドだけでは非常に困難です。

システムスタイルシートを無効にする方法は他にございませんか?
もしくは、iframe形式ではなくHTML形式ですべて出力できませんか?

ご回答のほどよろしくお願いいたします。

Re: オーダーメイドセット商品機能のデザインについて

おたすけマイショップさん  2024/06/06(Thu) 18:21 No.7184
key

恐れ入りますが、システムスタイルシートを無効にする方法はございませんことをご了承ください。

なお、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上(オーダーメイドのオプション選択肢上)で右クリックし、[フレームのソースを表示]を選択してください。



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

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