Malimoron
[Shopify]2ステップでカスタマイズ★ふんわり出現★トップページ(Debut)
【注意】
※返金やサポートはしておりません。
※領収書などの明細類は発行しておりません。
- 通常価格
- ¥2,500
- 通常価格
-
- セール価格
- ¥2,500
- 単価
- あたり
税込み。
受取状況を読み込めませんでした
1分でオシャレなトップページに!
Shopifyのテンプレートをカスタマイズ。
テンプレートコードをコピペするだけ!
ノーコードで1分で設置できます。
たったの2ステップでトップページの2カラムのブロックがふわっとフェイドインして出現するレイアウトが簡単に作れます!
■ダウンロードファイル
・ファイル形式:txt ・対象テーマ:Debut |
*メモ帳やテキストエディタでご確認いただけます。
■Shopifyふわっと出現するテンプレートの特徴
- フェイドイン
- 2カラム(PC)
- モバイルでは1カラム
- 画像&テキスト位置を左右選択可
- 見出し表示/非表示どちらもOK
- テキスト太字、イタリック、リンク(新しいWindow設定可)
-
ボタン設置可
- フェイドインの開始位置指定可(上下)
画像の位置(右)

画像の位置(左)

モバイル版は1カラムです

PCで画像アライメントを左右どちらを設定しても画像が上でテキスト部分が下。
見出しにテキスト入れなければ非表示

テキストは太字、イタリック、リンクの設置が可能

ボタン設置

※ラベルにテキストが入ってなければボタンは非表示。
フェイドインを上下どちらから表示させるのか設定

Shopifyフェイドインテンプレートコード挿入手順
手順1 新しいセクションを追加する
❶管理画面テーマ>コードを編集>Sectionフォルダ内の「新しいSectionを追加する」をクリック
❷ファイル名:なんでもOK(今回はcustom-feature-rowにしました)
custom-feature-row.liquidファイルが作成されます。
手順2 テンプレートコードをコピペし保存
❶手順1で作成したcustom-feature-row.liquid内を全て削除
❷後にご紹介するテンプレートコードをコピーし貼り付け
以上で完了です。たったの2ステップなので簡単です。
サンプルコードで試してみる
挿入できるかご心配の方はサンプルコードをご用意しました。
サンプルコードではフェイドインのみご確認いただけます
▼セクション追加>画像カテゴリ内>フェイドインサンプル
フェイドインサンプルを選択いただくとご確認いただけます。
Debutテーマのみ対象になりますです。もし、本サンプルテーマで他のテーマでうまく行ったとしても、フルバージョンではその他機能が正確に動作するかは保証できません。
サポートや返金はしておりません。サンプルコードで一度ご確認いただく事をお勧めします。
Share
![[Shopify]2ステップでカスタマイズ★ふんわり出現★トップページ(Debut)](http://cdn.shopify.com/s/files/1/0549/6858/2312/products/OK_1_1445x.png?v=1623927751)