見出し画像

[Shopify]トップページのトップに背景+検索窓設置★コピペテンプレ(Debut)

トップページの一番最初に画像+検索窓を設置できるテーマが見つからなかったので作成しました。コピペで設置できるテンプレを用意しました。

画像1

テンプレ4つの特徴

※Debutテーマで使用できます。
❶画像位置調整(上/中央/下)
❷レイアウト(全幅/固定幅)
❸画像サイズ(画像元サイズ/極小/小/中/大/特大)
❹オーバーレイON/OFF
❺検索機能

✔︎特徴❶ 画像位置調整(上/中央/下)

画像の表示位置を変更できます

✔︎特徴❷ レイアウト(全幅/固定幅)

画像の横幅を変更

アラインメント

▼全幅

レイアウト

▼固定幅

スクリーンショット 2021-04-17 午後2.02.40

✔︎特徴❸ 画像サイズ(画像元サイズ/極小/小/中/大/特大)

▼画像高さを6段階で設定

高さ


✔︎特徴❹ オーバーレイON/OFF

▼オーバーレイOFF(画像明るい)

オーバレイなし

▼オーバーレイON(画像暗め。マスクがかかる)

オーバレイ

✔︎特徴❺ 検索機能

アラインメント

そして最後にメインの検索機能。

これはデフォルトでついてます!

✔︎テンプレート設置手順 たった2ステップ

❶SectionにLiquidファイル追加
❷テンプレをコピペ

以上

✔︎設置手順❶ SectionにLiquidファイル追加

スクリーンショット 2021-04-17 午後2.25.00

①管理画面>オンラインストア>テーマ>アクション>コードを編集
②Section内の「新しいセクションを追加」をクリック(画像内❶)
③セクション名はなんでもOKです(画像内❷)
④「セクションを作成」ボタンを押下(画像内❸)

✔︎設置手順❷ テンプレをコピペ

①作成したファイル内を全て削除
②テンプレのコードをコピペし保存

以上で完了です!

✔︎テンプレートはこちら

※Debutテーマ対象です。

ここから先は

18,378字

¥ 500

この記事が参加している募集

この記事が気に入ったらサポートをしてみませんか?