ページセクションの横幅を広く変更する方法【Dawn】

ページセクションの横幅を広く変更する方法

Shopifyのテーマ「DAWN」のページセクションは、デフォルトでは横幅が狭く設定されています。他のセクションと同じ横幅まで広くする方法を解説します。

1.管理画面にログインし、[オンラインストア] > [テーマ] に移動します。

2.「カスタマイズ」の隣の[…] から[コードを編集] をクリックします。

3.「セクション」フォルダ内のpage.liquidファイルを選択し、コードを以下のように修正します。

修正前:

<div class="page-width page-width--narrow section-{{ section.id }}-padding">

修正後:

<div class="page-width section-{{ section.id }}-padding">

4.最後に「保存」をクリックして完了です。

【解説】「page-width–narrow 」が横幅を狭く設定しているので、それを削除しました。

株式会社ナレッジサービスの代表です。岩手県花巻市を拠点に、中小企業・個人事業主に特化したホームページ制作・ECサイト制作を行っています。制作して終わりではなく、集客と採用を成功させるためのWeb全体のサポートをご提供します。