商品画像をフルスクリーンにする方法

ステップ1: GemPagesエディターにアクセスする

• あなたにログインする Shopify管理者.
• に行く アプリ > GemPages ページビルダー > ページ.
• 選択する 製品 GemPages で構築されたすべての製品ページを見つけます。

• 対象ページをクリックしてエディターに入ります。

ステップ2：全幅セクションを使用する

すべてはコンテナから始まります。セクションが全幅でなければ、画像も全幅にはなりません。

• 以下を行うには、 行 製品画像を含みます。

• 下 設定 左サイドバーのタブをクリックし、下にスクロールして サイズ セクションを確認し、 幅 = フル (100%).

注意： セクションはブラウザウィンドウ全体に広がります。

ステップ3：商品画像要素を挿入または編集する

次のいずれかを実行できます

• 組み込みのカスタマイズ 製品画像要素 製品モジュール内、または
• スタンドアロンを使用する 画像要素 より詳細な制御を行い、動的な製品画像をコンテンツとして追加します。

製品モジュールの内部

1。 選択します 商品画像 素子.

2。 に行く 設定 左側のサイドバーのタブ:

• 下 レイアウト セクションで、 特集のみ レイアウトオプション。

• 下 注目の画像 セクション、を設定します フレーム = オリジナル と 幅 = 100%.

• 下にスクロールして 整列 セクションで、中央揃えを選択します。

画像要素内

1。 選択します 画像 素子.

2。 に行く 設定 左側のサイドバーのタブ:

• 下 規模 セクションでは、選択 画像を埋める 画像がこの要素を埋め尽くすようにします。

• 下 サイズ セクションで、 幅（Width） & 高さ に設定されている 100%.

ステップ4. 保存して公開する

• 右上隅で Save 変更を保存します。 
• あなたがクリックすることができます 目 アイコンを プレビュー 公開する前にページを確認してください。
• すべてが順調であれば、 パブリッシュ ページを作成して、ストアで公開します。