[Shopify]複数の画像組み合わせ！アニメーションカラムセクション #120 #temp-t

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

セクションテンプレート「Tシリーズ」第二弾。
「Tシリーズ」第一弾と組み合わせると良い感じのLPが作れちゃいます＾＾

アニメーションカラム。スクロールすると画像が動くのでいつものDAWNがちょっとリッチに🎶

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

✔️今回のゴール

デモページ

🔸CMSの特徴

「セクション T-2」を選択

▪️ブロックでカラム追加

メイン画像左右選択してね＾＾

＝＝＝＝＝
ブロック内の設定
＝＝＝＝＝

【画像のみのカラム】
・画像：固定（アニメーションなし）
・画像２：アニメーション

【画像やテキスト諸々カラム】
・画像＆画像２：両方アニメーション

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

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

✔️設定手順

Step１　新規セクション追加

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

ファイル名は
section-temp-t-02で作成しました