# 商品ページ・商品管理ページの仕様について

**URL:** <https://community.shopify.com/t/topic/242459>\
**Category:** 技術的なQ＆A\
**Tags:** html\
**Created:** [August 20, 2023, 2:44pm UTC](https://community.shopify.com/t/topic/242459 "2023-08-20T14:44:21Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Shopifyの商品ページのカスタマイズに関する複数の質問と回答。

**主な質問内容:**
- ページ読み込み時にスタイル（バリアント）が未選択の状態にできるか
- 画像クリック時の拡大表示をスマホ画面に収まるサイズに調整できるか
- 商品ページ作成画面で見えないメモ機能（仕入先URLなど）を追加できるか
- 商品説明文で改行時に1行分以上の空間ができる問題を解消できるか
- 商品説明とは別の場所に「送料無料」などを分かりやすく表示できるか

**回答のポイント:**
- スタイル未選択状態はShopifyの仕様上困難
- 画像拡大表示のサイズ調整はCSSで可能（ただし画像の左右スクロール機能は失われる）
- メモ機能はメタフィールドを追加することで実現可能
- 改行の空間問題はShift+Enterで解消可能
- 「送料無料」表示はテーマのカスタマイズとLiquidを使用して実現可能

技術的には多くの要望が実現可能だが、一部はShopifyの標準仕様による制限がある。

<div class="post-metadata">

**Author:** ![Anonymous\_c79abc32abe7bb9373d80cae72ca8824](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@Anonymous\_c79abc32abe7bb9373d80cae72ca8824](https://community.shopify.com/u/Anonymous_c79abc32abe7bb9373d80cae72ca8824)\
**Post date:** [August 20, 2023, 2:44pm UTC](https://community.shopify.com/t/topic/242459/1 "2023-08-20T14:44:21Z")

</div>

こんにちは、質問が何点かございます。

出来るか出来ないかもわからないですがよろしくお願いします。

[https://abooimport.myshopify.com/products/line-friends-%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC?variant=46366833639704](https://abooimport.myshopify.com/products/line-friends-%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC?variant=46366833639704)

このページを例に使います。

・ページを開いた時点で一番左にあるスタイルが選択されている状態になっていますが

これを何も選択されてない状態に出来ますか？

・画像をクリックした時に画面に収まらないような大きさで拡大表示されてしまうのですがこれらを一律画面に収まる大きさで表示するように調整出来ますか？

・商品ページに、商品説明文とは別の場所（タイトルの下あたり）に「送料無料」である事をわかりやすく表記する方法はありますか？

・商品説明文を作成する際、改行すると１行分の改行以外に空間が出来てしまうのですがこの隙間空間を無くす事は可能ですか？

・商品ページの作成画面で管理画面でしか見れないメモ機能を付け足すアプリなどはありますか？

仕入れ先のURLなどをメモする場所が欲しいです。

分かる部分や直せる部分だけでもご教授願いたいです。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [August 21, 2023, 9:54am UTC](https://community.shopify.com/t/topic/242459/2 "2023-08-21T09:54:36Z")

</div>

@Anonymous_c79abc32abe7bb9373d80cae72ca8824 様

ご質問いただいている各内容について以下にて回答させていただきます。

- **ページを開いた時点で一番左にあるスタイルが選択されている状態になっていますがこれを何も選択されてない状態に出来ますか？**  
⇒スタイル部分が選択されていない状態でページを表示させることはShopifyの仕様上難しいかと思います。

- **画像をクリックした時に画面に収まらないような大きさで拡大表示されてしまうのですがこれらを一律画面に収まる大きさで表示するように調整出来ますか？**  
⇒スマートフォンサイズでの見た目についてとの認識ですが、CSSを調整することで画面内に収まるように表示させることは可能です。  
また、画面内に収めてしまうと、サンプルのように画像を左右にずらし詳細を見ることはできなくなります。

- **商品ページに、商品説明文とは別の場所（タイトルの下あたり）に「送料無料」である事をわかりやすく表記する方法はありますか？**  
⇒メタフィールドとカスタムliquidを利用し、テーマのカスタマイズを行うことで商品ごとに表示させることは可能です。

- **商品説明文を作成する際、改行すると１行分の改行以外に空間が出来てしまうのですがこの隙間空間を無くす事は可能ですか？**  
⇒改行させたい部分でShiftキーを押しながらEnterキーを押すことで改行することが可能かと思います。

- **商品ページの作成画面で管理画面でしか見れないメモ機能を付け足すアプリなどはありますか？**  
**仕入れ先のURLなどをメモする場所が欲しいです。**  
⇒メタフィールドを追加することで、メモ用に使用することが可能かと思います。

ご参考まで  
(キュー小坂)
