画像枠が縦長になり、サムネイルがはるか下になる

フォーラム テンプレート(テーマ) 画像枠が縦長になり、サムネイルがはるか下になる

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #102555
    welcart_HIRO
    参加者

     そろそろ素人である私の限界に近付いてきたのでお力をお貸し下さい。

     サイトの商品ページ(例えば https://yayoi.jp/w111/ )ですが、左側にある商品画像は300×300の画像であるにもかかわらず縦に長い長方形枠の上に位置しており、サムネイルがはるか下に位置しております。
     この画像を正方形枠に収め、直下にサムネイルを表示させるにはどこをどういじくったらよいのか・・・

     可能ならば、サンプル( https://themes.welcart.info/basic/?p=363 )にあるように、画像の線枠もサムネイルも消したいのですが・・・

     諸先輩方、よきアドバイスをいただければと思います。
     よろしくお願い申し上げます。

    ——————————————-
    WordPress のバージョン:6.6.2
    Welcart のバージョン:2.11.3
    PHP のバージョン:8.2
    Welcart専用の拡張プラグインとバージョン:
    ご利用の親テーマとバージョン :Welcart Basic 1.8.5
    ご利用の子テーマとバージョン :Welcart Bordeaux 1.6
    症状を確認したブラウザ:Microsoft Edge for Business 129.0.2792.52
    サーバー【重要】:お名前.com レンタルサーバー RS
    ——————————————–

    #102558
    mai
    参加者

    welcart_HIRO 様へ

    素人の私が的外れな返信をしているかもしれませんが、お役に立てればと思い投稿します。
    Welcart Beldadを知らないので具体的な方法はわかりません。

    上っ面を見ただけの内容です。

    下記の height: 940px;で枠の高さを指定しています。
    画面サイズにより高さの数値は異なっています。
    どの様に指定しているのかは解りません。
    このstyle=”height: 940px;”の指定を解除すれば縦長の枠とれると思います。

    このコードはwc_templates内のどれかのphpファイルが作成している可能性が大です。
    テーマにより少しずつ仕様が異なるので解りません。

    モバイル画面は下記の高さ指定も解除が必要かも
    .slick-slide {
    display: none;
    float: left;
    /* height: 100%; */
    min-height: 1px;
    }
    上記の方法で一応枠は小さくなりました。
    chromeブラウザの「その他のツール デベロッパーツール」にて確認しました。

    枠線は
    #itempage .itemimg {
    margin-bottom: 30px;
    /* border: 1px solid #ddd; */
    text-align: center;
    }

    サムネイルは登録しなければ表示しないかも?
    登録する必要があるのであれば、そのすぐ上のdivタグをdisplay:none;

    的外れな返信かもしれません。お許しを!!

    • この返信は1ヶ月、 2週前にmaiが編集しました。
    • この返信は1ヶ月、 2週前にmaiが編集しました。
    #102561
    mai
    参加者

    タグが表示されないため追加します。
    <div aria-live=”polite” class=”slick-list draggable” style=” height:940px”>

    #102623
    welcart_HIRO
    参加者

    mai様。

    アドバイス、ありがとうございました。
    無知故、まだ対応し切れておりません。
    もう少し、頑張ってみます。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。