テーマ「Envy」を使用しております！
注文内容を確認する画面に進むと添付画像のように線がずれてしまいます。
特に何もいじっておらず、原因が不明です…。
このようになってしまった場合の対処法を知っている方がいましたら、ご教示ください！
よろしくお願いいたします！！
Topic summary
テーマ「Envy」の注文確認画面で、テーブルの罫線がずれる不具合が報告された。添付画像で現象が確認され、特に設定変更はしていないとのこと。
再現状況として、ディスカウント（クーポン）適用時にも同様のズレが発生。クーポンコードの長さに関わらず起きるため、テーマ側のバグである可能性が高い。
推奨対応はベンダー（テーマ提供元）への問い合わせ。自力での修正は推奨されないが、暫定措置としてCSSでtable#order_detailsおよびそのtdにheight: 100%を指定する案が提示された（theme.css等に記述）。CSSはページの見た目を制御するスタイル指定。
追加支援として、必要ならコラボレーターアクセスを受けて調査可能との提案もあり。
最新の進捗として、提示された方法で罫線のズレは解消。
未解決点は、最後の罫線のみ太さが変わる現象が残存。
今後のアクションはベンダーへの直接問い合わせ。現時点では部分的解決で、最終解決は未確定。
有料のテーマなので詳しい確認はできないのですが、
ディスカウントを行うと同様の状況を再現できました。
クーポンコードが短くても発生するため、バグである可能性が高いです。
ですので、ベンダーにお問い合わせいただくのが一番です。
自力での解決は全くおすすめできませんが、
下記の記述を、何処かのCSSに記載すれば対処できるかと思います。
table#order_details, table#order_details td {
height: 100%;
}
どのCSSファイルかまでは調べることができないのですが、
もし、アセットにtheme.cssのようなファイルがあれば、
そちらに記載いただけばうまくいくかもしれません。
繰り返しになりますが、一番良いのはベンダーにお問い合わせいただくことです。
どうしても自力で解決したく、上記のやり方が分からない場合は、
私たちにコラボレーターアクセスを頂戴できれば調査可能ですのでご検討ください。
ご参考まで。
(キュー田辺)
1 Like
お返事いただきありがとうございます！
無事、線のズレを修正することができました。
ただ、最後の線だけ、太さが変わっているのでベンダーに直接お問い合わせをしてみます。
ご教示いただきありがとうございました！
1 Like