投稿の際は下記の情報をお書き添えください。
-------------------------------------------
WordPress のバージョン：（例 6.0.2）
Welcart のバージョン：（例 2.8.1）
PHP のバージョン：（例 8.0）
Welcart専用の拡張プラグインとバージョン：（例 DL Seller 3.4.1、SKU Select 1.4.2）
ご利用の親テーマとバージョン :（例 Welcart Basic 1.7.1）
ご利用の子テーマとバージョン :（例 Welcart Beldad 1.4）
症状を確認したブラウザ：
サーバー【重要】：（会社名、サービス名）
--------------------------------------------
フォーラムへの返信
-
投稿
-
yasuma様、ご返信ありがとうございます。
オリジナルテーマに「wc_templates」をコピーして、wc_templates/wc_item_single.phpの画像サイズ部分を希望のサイズに編集してみました。
しかし、アップロードしてみても変化がありませんでした。
レイアウトが崩れるということはなかったようです。
そこでこちら→[解決済み] 商品詳細ページのメイン画像サイズ変更についてを参考に、オリジナルテーマのfunction.phpに、以下のフィルターフックを入れてみました。
add_filter(‘usces_filter_the_itemImage’, ‘my_itemimage_func’, 10, 3);
function my_itemimage_func() {
global $post;
$itemImage = usces_the_itemImage(0, 350, 350, $post);
return $itemImage;
}
すると、画像のサイズは変わってくれましたが・・・
①画像の右側に回り込んでいた商品情報部分が、float解除したように下にいってしまいました。
②画像をクリックすると拡大するようになっていたのが、できなくなってしまいました(リンクが貼られていない)
【plugins>usc-e-shop>templates>single_item.php】を直接修正した時のように、表示される画像のサイズのみを修正ということはできますか？
はい、オリジナルテーマでショッピングサイトを作成しています。
フィルターフックがまだよく分からないため、もう一方の方法を試したいのですが、
オリジナルテーマ内に「wc_templates」を丸ごとコピーし、その中のsingle_item.phpを修正するという感じで大丈夫でしょうか？子テーマ内でなくても大丈夫ですか？
yasuma様、ご返信ありがとうございます。
もう一度色々確認していたところ、原因がわかりました。
修正するPHPファイルを間違えていました。
◯：wp-content>plugins>usc-e-shop>templates>single_item.php
☓：wp-content>themes>welcart_defult>wc_templates>wc_item_single.php
無事に希望通りの修正が出来ました。
すごく初歩的なことでお恥ずかしいですが、丁寧に対応してくださって感謝しています。
どうもありがとうございましたm(_ _)m
yasuma様、ご返信ありがとうございます。
cssを下記のように変更してみました。
#itempage .itemimg img {
width: auto;
height: auto;
max-width: 350px;
max-height: 350px;}
#itempage .itemimg {
width: 350px;
height: 350px;
float: left;
margin-right: 10px;}
そうしますと、350px分のスペースは空くのですが、画像は200×200pxになってしまいました。
念のため、画像を一旦削除し再度アップロードしてみました。
ということは、cssではなくphpの問題なのでしょうか？
wc_item_single.phpは以下のようにしています。
<div id=”itempage”>
<div class=”itemimg”>
</div>
PAGE TOP