[Shopify]コピペで簡単♪思わずMoreボタンを押したくなるようなワクワクするギャラリーセクション（Dawn）37/100

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

今日は思わずボタンを押したくなるようなワクワクするギャラリーセクションを作ってみました♪Shopifyサイトが格段とオシャレに！

対象テーマ：Dawn

✔️今回のゴール

◆PCレイアウト

大きい画像が左バージョンと右バージョンで選べます。

大きい画像が左バージョン

大きい画像が右バージョン

◆スマホ&タブレットレイアウト

大きい画像は表示されない仕様です。
画像上、テキストエリアが下の構成。

✔️CMS特徴

◆大きい画像が左バージョンと右バージョンで選べます。

◆画像大を選択

◆コンテンツ１は上半分（画像大（右）バージョンも同様）

◆コンテンツ２は下半分（画像大（右）バージョンも同様）

【コンテンツ１&２の設定項目】
・画像
・タイトル
・説明文
・リンクボタン（テキスト&リンク先）

◆ボタンの背景カラー変えれます

✔️設置方法

Step1 　管理画面＞コード編集＞Section追加

ファイル名何でもOK
今回galleryにしてみました！

Step2 　テンプレートコードをコピペ

下記のコードをコピペし完了です！
今回はいきなりフルバージョンのコードになります。

◆フルコードをコピペ