JavaScript形式貼り付け用コードのレスポンシブの動作について
ご質問よろしくお願いいたします。
オーダーメイド商品登録した後、JavaScript形式貼り付けで、既存サイト(レスポンシブ対応)へ貼り付けいたしました。
iPhoneで表示すると、JavaScriptで吐きだされたテーブルの右側がウインドウよりはみ出てしまいます。(スクロールなどはでない。)
このテーブルを画面枠に収めるには、どちらのCSSのどの部分を修正すれば可能でしょうか?
ご教授いただければ幸いです。
JavaScript形式の貼り付けようコードは、「app_content」というclassを充てておりますので、このclassに対してスタイルを追加する事で、コードによって表示される全体のスタイルを調整する事ができます。
[スタイル例]
.app_content {
width: 95%;
}
※幅を狭くしすぎると、オーダーメイド商品の場合、文字等が詰められ、部分的に縦のスクロールバーが表示されてしまう場合がございますので、ご注意ください。
お手数をかけますが、一度お試しください。
Re: JavaScript形式貼り付け用コードのレスポンシブの動作について
ご回答ありがとうございます。
早速試したのですが、
表示領域が狭まり、要素(テーブル)の右がさらに隠れてしまう感じになってしまいました。。
何か他に方法はございますでしょうか?
お手数をお掛けいたしますがよろしくお願いいたします。
大変お手数をかけますが、現在のサイトの状況を確認させていただく事は可能でしょうか?
以下のお問合せフォームからでも構いませんので、カート貼り付け先のページURLをお送り下さい。
お問合せフォーム
https://www.easy-myshop.jp/cgi-bin/form.cgi?fc=c
内容を拝見させていただき、回答致します。
Re: JavaScript形式貼り付け用コードのレスポンシブの動作について
ご回答ありがとうございます。
・カートの選択肢の名称を短くする方向で検討しているのですが、
各商品項目に自動で付与する「+1,080円(税込み)」といったものが
長くなる原因かと思うので、こちらを非表示できたらと思うのですが、
可能なものでしょうか?
お手数をお掛けいたしますが、
よろしくお願いいたします。
オーダーメイド項目の選択肢を以下の形式であれば、class(.ordermade_price.ordermade_radio_price)を充てておりますので、スタイルを追加する事で非表示にする事は可能ですが、
・ラジオボタン
・チェックボックス
プルダウンについては、この方法ができません。
また、その他方法で追加料金を非表示にする方法はございません。
ご不便をおかけしますが、可能であれば、上記形式に切り替えて頂く等、ご対応頂きますようお願い致します。