2026.08.26

縦長画像もキレイに表示/カテゴリーナビ登場 ノーコードデザインに新機能3つを追加

平素よりmakeshopをご利用いただき、誠にありがとうございます。

2026/06/29にリリースいたしました「ノーコードデザイン」をご活用いただきありがとうございます。
リリース以降いただいたご意見などを参考に、2026/08/26(水)15時以降、ノーコードデザインに新機能を追加いたしました。

概要

ノーコードデザインに、次の3つの機能を追加いたしました。

1. 商品画像の縦横比
商品一覧などの画像枠の形を、登録した画像に合わせて選べるようになりました
2. カテゴリーナビ
カテゴリや特集への入口を、画像とラベルで並べる新しいセクションです(最大30件)
3. 商品画像のマウスオーバー拡大
商品詳細のメイン画像に、PCでマウスを乗せている間だけ拡大して見られるようになりました

1.商品画像の縦横比

これまで、ノーコードデザインの商品画像はすべて正方形(1:1)の枠で表示され、枠に収まらない部分は切り取られていました。今回、画像枠の形を1:1(正方形)/3:4(縦長)/4:3/16:9から選べるようになり、登録した画像の形に合わせることで、切り取られずに表示できるようになりました。

設定はショップ全体で1つです。テンプレート編集の「テーマ(サイト全体)」設定内にあり、選ぶと商品一覧・検索結果一覧・関連商品などに反映されます(商品詳細のメイン画像はもともと切り取られない仕様のため対象外です)。あわせて、バナーギャラリーの画像形状にも「3:4(縦長)」を追加いたしました。

商品画像の縦横比の選択イメージ

2.カテゴリーナビ

カテゴリや特集ページへの入口を、画像とその下のラベルで狭いスペースに並べられる新しいセクションです。編集画面の「セクションを追加」から、お選びいただけます。トップ・フリーページに限らず、ボディ領域を持つすべてのページに追加できます。

1件ごとに画像・リンク先URL・ラベルを登録する形式で、最大30件まで並べられます。画像の形状(正方形/円/4:3)や1行あたりの表示数(PCは3〜7列)などを選べます。追加した直後はサンプルの5件が入った状態になりますので、店舗様ご自身で画像・リンク・ラベルの差し替えが必要です。

カテゴリーナビのセクション表示イメージ

3.商品画像のマウスオーバー拡大について

商品詳細ページのメイン画像に、PCでマウスを乗せている間だけその場で2倍に拡大される機能を追加いたしました。商品詳細セクションの「画像」グループにある「マウスオーバーで画像を拡大」から設定できます。こちらは既存のテンプレートにも初期状態でON(有効)で追加されておりますので、不要な場合はOFFに変更いただけます。なお、スマートフォン・タブレットでは動作いたしません(従来どおりタップで全画面拡大されます)。

商品画像のマウスオーバー拡大イメージ

■注意事項

・いずれもノーコードデザインをご利用の店舗様が対象です。ベーシックモード・クリエイターモードのショップ様には影響ございません。
・「商品画像の縦横比」は、店舗様が設定を変更されない限り、これまでの見た目のまま変わりません。
・「商品画像のマウスオーバー拡大」のみ初期状態でONとなりますが、PCでマウスを画像に乗せたときだけ働く機能のため、ページを開いただけでは見た目は変わりません。
・設定変更後は、テンプレート編集画面で「テンプレートを保存」および「ショップに適用」の実行が必要です。

■対象画面

管理画面

ショップデザイン / テンプレート選択・編集 / ノーコードデザイン

今後も、ショップオーナー様のご要望を実現してまいります。
引き続き、makeshopをどうぞよろしくお願いいたします。

≪ 前の記事
管理画面リニューアル リリースノート

日本一売れるショッピングカートmakeshopをつかってみる。