[Shopify]バナー・テキスト・ボタンの３種類選べるCTAのセクション（メタフィールド対応） #118 #temp-u

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

シンプルなCTAエリアのセクション。バナー、テキスト、テキスト＋ボタンの３種類選べる。

ベーステーマ：Dawn
※他のテーマでも挿入できると思いますがレイアウト崩れるかもしれないのでその場合はご自身で調整してね

✔️今回のゴール

デモページ

🔸CMSの特徴

「セクション U-4」を選択

＝＝＝＝＝＝
共通設定
＝＝＝＝＝＝

・CTAブロックのカラー
・セクション横幅
・余白

＝＝＝＝＝＝
各種ブロック
＝＝＝＝＝＝

【バナー】
・画像
・リンク先

【テキスト】
・テキスト
・位置

【CTA】
・コンテンツの位置
・タイトル
・テキスト
・ボタン
・注意事項

【ご注意】
※返金&サポート&コメント返信はしておりません。
※現時点の最新のDawnテーマをベースに作成してます。
※コードのみのご紹介で解説などはしておりません。
※2024.1時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。（メンバーシップでコメント頂いた場合は修正します）

✔️設定手順

Step１　新規セクション追加

1️⃣管理画面＞コード編集＞セクション＞新規追加

ファイル名はなんでもOK
→私はsection-temp-u-04で作成しました