見出し画像

【Shopify】重ねて表示するセクション/コンテンツのサイズをセクション毎に変更(パート1)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

今回のテーマはレイアウトを重ねて表示できるセクションです。

2パターンあって、セクションを一個ずつ挿入して、それぞれのコンテンツサイズを各セクション毎に変更できます。全て同じ縦横サイズを揃える場合はパート2で紹介するブロック追加での対応になります。

🔽パート2はこちら


✔️完了イメージ

🔸CMSの特徴

セクション追加>重ねて表示パート1を選択

====================
各セクション毎で下記の設定ができます。
サイズや重なり具合はPC /SP

====================

重ねたい場合は、トップの位置を「-30」などマイナスで指定すると重ねられます。


✔︎作成手順

Step1  新規セクション作成

管理画面>テーマ>コード編集>新規作成

ファイル名はなんでもOK
→membership-layout01にしてみました

ここから先は

8,838字 / 1画像
この記事のみ ¥ 10,000

この記事が気に入ったらチップで応援してみませんか?