キーワード検索結果のレイアウト崩れ

2016 年 2 月 24 日

ホーム フォーラム テンプレート(テーマ) キーワード検索結果のレイアウト崩れ

このトピックには17件の返信が含まれ、4人の参加者がいます。1 年前 ohnishi さんが最後の更新を行いました。

15件の投稿を表示中 - 1 - 15件目 (全18件中)
  • 投稿者
    投稿
  • #77451

    piece
    Participant

    バージョン1.7.2を使用していますがキーワード検索結果をパソコンで確認するとレイアウト崩れが発生しました。
    3サイトほどWelcartを使用して運用してますが、全てレイアウト崩れが発生しています。
    対処をお願いいたします。

    • このトピックは nanbuが1 年、 3 ヶ月前に変更しました。
    #77467

    ohnishi
    Participant

    こんにちは
    テーマは何をお使いでしょうか?

    どうぞよろしくお願いします。

    #77468

    piece
    Participant

    テーマは「Welcart Default Theme」を使用しています。
    よろしくお願いいたします。

    #77471

    ohnishi
    Participant

    レイアウト崩れが起きているページは、検索結果ページでよろしかったでしょうか?
    また、どのようにレイアウトが崩れているか詳しくお聞かせいただけますか?

    #77472

    piece
    Participant

    そうです、検索結果ページになります。
    URLパターンは以下のような形になります。
    http://example.com/?s=xxx

    その検索結果ページを見るとサムネイル画像の上にテキストが重なってしまっていたり、
    商品タイトルも背景色やレイアウト調整無しのリンクのみとなっていて一部のcssが無効になっているようなレイアウトになっています。
    よろしくお願いいたします。

    #77489

    ohnishi
    Participant

    検索結果ページのほう確認させていただきましたが、
    そのような症状は出ておりません。

    Welcart Default Theme ライブデモ

    上記URLの検索結果ページがデフォルトのレイアウトになります。
    どうぞよろしくお願いいたします。

    #77495

    piece
    Participant

    そうですか・・・
    原因調査してみます、ありがとうございます。

    #77518

    yasumax
    キーマスター

    こんにちは。

    usces_cart.cssが読み込まれているかどうかなど、ブラウザ付随の要素検証などで確かめてみてください。
    また、管理画面「Welcart Shop」>「システム設定」内の「usces_cart.cssの無効化」にチェックが入っていたりしませんか?
    そこら辺を重点的に確認してみてください。

    #77523

    piece
    Participant

    ありがとうございます。
    どこかのcssが有効になっていない可能性も含めて確認してみます。

    #78766

    sekimotoweb
    Participant

    同じような状況で困っています。
    検索結果ページ等に表示される小さいサイズの画像の上?に商品詳細ページのサイズの画像が重なってしまっているような現象です。
    それによってレイアウトが崩れているように見えテキストも画像の上に重なってしまいます。
    最近ワードプレスとウェルカートのアップデートを行ったところこのようになりました。
    解決策のご対応宜しくお願いいたします。
    ——————————————-
    WordPress のバージョン: 4.5.2–ja
    Welcart のバージョン:1.8.2
    ご利用のテーマ:CYBERバージョン: 1.0.3
    症状を確認したブラウザ:chrome IE safari
    サーバー(会社名、サービス名):エックスサーバー
    SSLの利用:なし
    WordPress のパーマリンク設定:/%category%/%postname%.html(基本の状態でも同様でした)
    ——————————————–

    • この返信は1 年前に  sekimotoweb さんが編集しました。
    Attachments:
    You must be logged in to view attached files.
    #78779

    ohnishi
    Participant

    こんにちは

    お使いのテーマに以下のスタイルを追記してみてはいかがでしょうか?

    
    img {
    	max-width: 100%;
    	height: auto;
    }
    

    どうぞよろしくお願いいたします。

    #78788

    sekimotoweb
    Participant

    ありがとうございます。

    追加したところテキストが重なることがなくなりました。

    ただ何か以前よりおかしいので添付画像のご確認とご教示お願いいたします。
    (画像の後ろ側にNOIMG画像と思われるものがでてしまいサイズが合いません。)

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

    sekimotoweb
    Participant

    画像を入れていない商品はこんな形です。

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

    ohnishi
    Participant

    商品画像が表示されている部分に背景画像・背景色が指定されているみたいですので、
    表示させないようスタイルの修正を行なう必要があります。

    Google ChromeやFirefoxなどのブラウザに付属している要素検証を利用していただくと、
    商品画像にどんなスタイルが効いているのかなどの確認ができますので、
    その後、CSSの修正を行ってみてください。

    どうぞよろしくお願いいたします。

    #78822

    sekimotoweb
    Participant

    ありがとうございます。
    CSSの背景画像や背景色を一部削除することでひとまず解決しました。

    以前と変わってしまった点は、商品画像を入れなかった場合、
    NOIMG画像が表示されるようになっていたようなのですが、それが表示されなくなりました。
    これはどうしようもないのでしょうか。

    Attachments:
    You must be logged in to view attached files.
15件の投稿を表示中 - 1 - 15件目 (全18件中)

このトピックに返信するにはログインが必要です。