[ 解決済 ] Lightning ProでWooCommerce の支払いページ崩れる

WooCommerce支払いページのデザイン崩れについて

誤ったページのリンクを貼ってしまいました。
申し訳ありません。

Vektor,Inc様

おはようございます。

レイアウトが崩れる件ですが確認不足でした。
非公開を公開に変更して、一旦ワードプレスをログアウト。
お客様がアクセスする状態であればレイアウトは崩れていませんでした。

【崩れていた時の環境は以下の通りでした。】
テーマ：Lightning Pro（バージョン4.8.0）
デザインスキン：Origin Ⅱ（Bootstrap4）
商品情報の公開状態：非公開

レイアウトが崩れる階層はこちらになります。

支払い

現象が起きていたURL
https://sugiyamasports.com/checkout/order-received/3409/?key=wc_order_zfkAx9JfKGmqE

• この返信は4年、 6ヶ月前にmasaが編集しました。
• この返信は4年、 6ヶ月前にmasaが編集しました。

Google Chromeを利用しております。

Vektor,Inc様

手順は以下の通りです。
１）グーグルクロームを立ち上げ、WordPressにログイン
２）左上のサイト名にカーソルを持っていき、「サイトを表示」をクリック
弊社サイト　https://sugiyamasports.com/
３）メニューより「オンラインショップ」をクリック
４）「非公開の商品」一覧が表示されるのでどれかを一つをカートに入れる
５）カート内の商品を「購入手続き」ボタンを押して「支払い」のページに移動
６）請求先情報の詳細を入力して、決済方法を指定し、利用規約にチェックを入れ「注文する」ボタンをクリック
７）画面が更新され、注文番号・日付・登録したメールアドレス・金額・決済方法・注文詳細等表示されます。

※※※同じページの下の方にある【請求書住所・お届け先住所】が縦長に長くなって中央部分に大きな余白ができてしまっています。※※※

９）一旦ダッシュボードにもどりWooCommerceの商品を一つ開き、公開状態「非公開→公開」に変更
１０）一旦、WordPressをログアウトし、弊社ホームページを開いてオンラインショップを開く
１１）上記の３）～６）の手順で操作してレイアウトの崩れていたページまで進む（このときの４）は公開状態を公開にしています）

９）～１１）の場合、
※※※同じページの下の方にあった【請求書住所・お届け先住所】が表示されません。※※※

・商品を非公開でWordPress内で運用確認するときは【請求書住所・お届け先住所】部分のレイアウトが崩れます。
・商品を公開しWordPressをログアウトした状態であれば【請求書住所・お届け先住所】が表示されないのでレイアウトは崩れていません。

• この返信は4年、 6ヶ月前にmasaが編集しました。
• この返信は4年、 6ヶ月前にmasaが編集しました。
• この返信は4年、 6ヶ月前にmasaが編集しました。

今回の検証は、
「代金引換」と「銀行振込（日本向け）」のパターンで決済してテストしてみました。

「銀行振込（日本向け）」は（Japanized for WooCommerceプラグイン）を利用しています。