解決済Beldad 商品詳細ページのメイン画像サイズの変更について

フォーラム テンプレート(テーマ) 【解決済】Beldad 商品詳細ページのメイン画像サイズの変更について

  • このトピックには4件の返信、2人の参加者があり、最後にakirakitsにより4ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #93893
    akirakits
    参加者

    お世話になっております。
    いつもご教授ありがとうございます。

    Beldadの商品詳細ページのメイン画像サイズの変更方法を教えてください。
    画像の横幅を500pxくらいに大きくしたいのですが、どの辺りを編集すればよいのでしょうか?

    ご回答いただけますと幸いです。
    よろしくお願いいたします。

    ——————————————-
    WordPress のバージョン:最新
    Welcart のバージョン:最新
    ご利用のテーマ:beldad
    症状を確認したブラウザ:Chrome
    サーバー:エックスサーバー
    SSLの利用:有り
    ——————————————–

    #93900
    furuta
    キーマスター

    akirakits様

    こんにちは。
    「画像の横幅を500pxくらいに大きくしたい」というのは
    商品詳細ページ画面での表示幅を大きくされたい、ということでしょうか。
    もしよろしければメイン画像をどのように表示されたいのかを
    詳しく教えていただけますでしょうか。

    #93901
    akirakits
    参加者

    fututa様

    ご返信ありがとうございます。

    はい、商品詳細ページ画面での商品画像の表示幅を大きくしたいのです。

    画面の左側に商品画像、右側に商品番号やSKU、カートボタン、商品説明などがあり、2カラムのようになっておりますが、
    左側の商品画像をもう少し大きく表示させて、右側の商品情報側の表示を狭くしたいのです。
    左側50%、右側50%くらいの比率にしたいのですが。。。

    何卒、ご教授のほどよろしくお願いいたします。

    #93910
    furuta
    キーマスター

    akirakits様

    ご連絡ありがとうございます。
    商品画像の表示幅を大きくするには、CSSの修正が必要となります。
    Google Chrome などに同梱されている「要素検証」を利用する事で、
    その部分にどのようなスタイルが適用されているかを確認することができますので
    利用してみてください。
    なお、ここではカスタマイズのレクチャやコード提供は行っておりませんので
    もしご自身での作業が難しい場合にはこちらのWelCustomよりご連絡いただけたらと思います。

    #93911
    akirakits
    参加者

    fututa様

    ご返信ありがとうございます。

    そうですよね。
    Chromeの検証でもCSSのどこをいじればいいのかがわからず質問してしまいました。
    もう少し自分で調べてダメなら諦めますぅ。

    お付き合いいただきありがとうございました。

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