マガジンのカバー画像

Shopifyコーディング100本ノック（Dawn）続編

人気のShopifyコーディング100本ノックシリーズの続編。現在の100本ノックマガジンで100本記事投稿した後はこちらで更新していきます。「Shopifyコーディング100本…
【月２回程度更新】1記事ずつよりも定期購読の方がお得。「Shopifyコーディング100本ノック（…
¥1,200 / 月 初月無料
運営しているクリエイター
まりん | Shopifyフロントエンジニア+SNSマーケティング

[Shopify]コピペで簡単！LINEリンクバナーを固定する（Dawn）26/100

こんにちは。Shopify専門フロントエンジニアのまりん(@crowd37cord)です。 LINEのリンクバナーを設置できるセクションを作成しました！少しスクロールするとふわっと表示されます。TOPページや商品ページ、または、全ページに設置などお好きなところにぜひ。 バナーはPCとSPでそれぞれの画像を挿入。 ✔️今回のゴールスクロールするとある地点でふわっと出てきます。 ✔️CMSの特徴 ✔️設置方法Step1 管理画面＞テーマ＞コードを編集＞Sectionsの

¥500
まりん | Shopi…

[Shopify]クーポンコードバナーをクリックするとモーダル表示！ログイン中のみクーポンGetできる！（Dawn）24/100

こんにちは。Shopify専門フロントエンジニアのまりん(@crowd37cord)です。 今日はクーポンコードボタンのセクションを作ってみました♪ログイン中のユーザーのみクーポンコードをゲットできる仕組み。クーポンコードは管理画面ですべてのお客様１度限り有効のものを作っておいて、CMS側で対象のコードを毎度手動で記入するという仕様になります。 目的は顧客リストを作る！ということで、ログイン中のユーザーしか利用できないので、新規顧客はアカウント作成を促して見込み客リストを

¥800
まりん | Shopi…

[Shopify]コピペで簡単！Topに戻るスクロールボタンを設置（Dawn）23/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Topに戻るスクロールボタンのセクションを作りました。今回はスクロールボタンはテキストを挿入するバージョンです。矢印パターンはまた次回ご紹介しようと思っています。 ※コードの解説はしておりません。 ※コピペですぐに使用できるフルコードをご紹介しています。 ✔️今回のゴール ✔️CMSで設定できる機能◆以下の設定ができます。 ◆4種類のボタン ✔️設置方法

¥500
まりん | Shopi…

[Shopify]コピペで追従バナー設置！閉じるボタン付★LINE登録へのアプローチに便利（Dawn）21/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 追従バナーのセクションを作りました♪バナーやLINE登録を促すようなバナーを挿入したり活用方法は沢山。 ✔️今回のゴール ✔️手順◆事前準備 ↓まだの方はこちらの手順ご参考ください↓ Step1 　新規Section作成 今回はbanner-following.liquidにしました。 Step2 　サンプルコードコピペ 以下のサンプルコードをコピペし保存してください。 ◆サ

¥1,000
まりん | Shopi…