Lightning Pro WooCommerce のカートアイコンが表示崩れ

VWSとは フォーラム Lightning Lightning Pro WooCommerce のカートアイコンが表示崩れ

Lightning Pro WooCommerce のカートアイコンが表示崩れ

  • このトピックには1件の返信、2人の参加者があり、最後にY.INABAにより12分前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #118811

    puku
    参加者

    ■ WordPress のバージョン
    6.9.4

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
    確認しました。

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    8.24.0

    ■ スキンの種類
    Variety II

    ■ スキンのバージョン
    10.2.1

    ■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
    確認しました。

    ■ プラグインの種類・バージョン
    Lightning Proで WooCommerce のカートアイコンが表示崩れを起こします。
    □に×が入ったような表示になってしまいます。

    ■ 期待する動作
    きちんとカートアイコンが表示されるようになって欲しい。katawaraでは問題ありませんでした。

    ■ 自分で試した事
    Lightning Proのカスタマイズ設定で、Font Awesomeの箇所を変えてみましたが症状は変わりませんでした。

    ■ 症状が発生するブラウザ
    どのブラウザでも同じです。

    ■ 実際の症状
    Lightning Proで WooCommerce のカートアイコンが表示崩れを起こします。
    □に×が入ったような表示になってしまいます。

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #118814

    Y.INABA
    参加者

    puku 様

    プラグイン「Cool Author Box – For Widget and Post Content」からもFont Awesomeのファイルが読み込まれており、複数のFont Awesomeが適用されてしまっているため、コンフリクトが起こっていると思われます。
    ※あくまで推測です。ボタン箇所に想定とは異なるフォントが当たっているため、テーマ要因の可能性もあるかもしれません。

    ①対処法1
    「Cool Author Box – For Widget and Post Content」を一度無効化してみてはいかがでしょうか?

    ②対処法2
    もし止めてみてもどうにもなりそうでなければ、以下コードを「追加CSS」に記載してみてください。
    ※現在ご利用いただいているLightning ProのFont Awesomeのバージョンにあわせたものです。バージョン変更の際は数字を変えてください。

    button.single_add_to_cart_button::after {
        font-family: "Font Awesome 7 Free";
    }
    
    a.button.add_to_cart_button::after {
        font-family: "Font Awesome 7 Free";
    }

    (補足)
    いずれにしても、複数のFontAwesomeが当たっている現状は運用上よろしくないと思われます。「Cool Author Box」使用箇所はLightning Proの既存ブロックで代替いただくなどして無効化いただく方が今後スムーズに運用できるものと思います。

    Attachments:
    You must be logged in to view attached files.
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。