Malimoron
[Shopify]背景画像+リサーチ機能★トップページカスタマイズ★5分で設置(Debut)
[Note]
*Please note that we will not refund and support.
*Please note that we will not issue a receipt.
- Regular price
- ¥2,500
- Regular price
-
- Sale price
- ¥2,500
- Unit price
- per
Tax included.
Couldn't load pickup availability
Shopify DIY トップページに背景画像+リサーチ機能を追加!
Shopifyテンプレートカスタマイズ用のパーツになります。
既存のテーマのレイアウトをプロのWebページのようなおしゃれなオリジナルレイアウトにチェンジできます♪
コピペなのでノーコードで簡単に5分で設置完了です。
■ダウンロードファイル
・形式:テキスト(txt) ・対象テーマ:Debut |
■5分で設置完了 画像+検索機能テンプレート設置方法
■Shopifyトップ「背景+検索窓」機能
- 横幅を2段階で調整
- 背景画像の位置を3段階で調整
- 画像の高さは6段階で調整
- 背景のオーバーレイ
- 検索窓のフォントサイズ
- 検索窓のカラーピッカー
- 検索窓の高さ調整
横幅の調整 2Ways
【PC】


【モバイル】

背景画像の位置調整 3Ways

画像アライメントを「上・中央・下」で調整すると、背景の画像の位置を調整することができます。微調整したい場合に便利です。
画像の高さ調整 6Ways

画像高さを6段階で調整ができます。
- 画像に対応
- 極小
- 小
- 中
- 大
- 極大
画像の背景を少し暗めにできます

オーバーレイを有効にすると背景を少し暗く設定することができます。
検索窓のフォントサイズ・カラー・高さ調整
こちらDEMOページです。
✔︎テンプレート設定手順
たったの5分 新規セクション追加しコピペだけ
❶管理画面>テーマ>アクション>コード編集>Sectionフォルダの「新しいセクションを追加する」をクリック
❷ファイル名はなんでもOK
例えば:top-researchで作成すると、top-research.liquidファイルがセクションフォルダ内に生成されます。
❸ 上記の❷で作成したファイル内を全て削除し、ダウンロードいただいたテキストファイル内のコードを全て選択&コピーし、セクションファイルへペースト。
以上で完了です!!
あとは管理画面>テーマ>カスタマイズ>ホームページ画面でセクション追加を押下すると、Indexカテゴリ内にSearchブロックができてるので、そちらをクリックしお好きなところに挿入してください。
Share
![[Shopify]背景画像+リサーチ機能★トップページカスタマイズ★5分で設置(Debut)](http://cdn.shopify.com/s/files/1/0549/6858/2312/products/OK_1_971287a7-e34d-4fd6-b8c2-8881c7fb55ee_1445x.png?v=1624450521)