ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマICONIC:商品ページに表示する商品画像のサイズを変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.商品ページの画像サイズを正方形などに変更することはできますか?

テーマICONICの仕様としまして、商品ページの画像サイズは740×540にリサイズして表示されます。

▼該当箇所イメージ
変更箇所イメージ

▼デモサイトにおける該当箇所
https://demo.tcd-theme.com/tcd062/2018/08/24/item0049/

A.以下のようにテーマファイルをカスタマイズすることで変更可能です。

以下の該当箇所をカスタマイズしてください。

商品ページの商品画像サイズの変更

該当ファイル:wc_templates/wc_item_single.php
該当箇所:43行目及び47行目

▼修正前

$images[0] = usces_the_itemImage( 0, 740, 540, $post, 'return' );
$images[] = usces_the_itemImage( $imageid, 740, 540, $post, 'return' );

▼修正後

$images[0] = usces_the_itemImage( 0, 500, 500, $post, 'return' );
$images[] = usces_the_itemImage( $imageid, 500, 500, $post, 'return' );

上記では例として500×500にリサイズされるように修正しています。

▼修正後の該当箇所イメージ
変更箇所イメージ

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事