マガジンのカバー画像

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

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

[Shopify]特集コレクションを顧客タグごとで出し分けるセクションテンプレート（Dawn） #132

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は顧客タグで特集コレクションで表示する商品を出し分けるセクションを作ってみました🎶ログインしていない顧客と特定顧客タグを持っている顧客へのアプローチを変えられるので便利。 レイアウトはDawnの既存のレイアウト使っています。なのでCSSはなし。Dawn使ってる人はそのままコピペで使えます。 ✔️今回のゴール 顧客タグAのお客さんには商品一覧Bの商品を表示、 ログインしていないお客さ

¥1,200
まりん | Shopi…

[Shopify]広告バーをトップページのみに表示する・セクションテンプレート（Dawn） #131

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 広告バーをトップページのみに表示させられるセクションテンプレートです。レイアウトは既存のDawnを使用しています＾＾ 今回はシンプルなカスタマイズ🎶タグ２箇所埋め込むだけなので簡単。 ✔️今回のゴール今回はデフォルト機能を使っているのでカスタマイズ画面の変更はありません。 今回はif文入れるだけなのでフルバージョンコードなしでも該当箇所に入れればOK。もしフルバージョンのコード使用する

¥800
まりん | Shopi…

【GAS】Shopify商品画像をOAuth2を使ってGoogleドライブからアップロードしてみる・パート１＃28 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 GASを使ってショッピファイの商品詳細にドライブから画像をアップする方法についてご紹介。 今日は１つの商品のみが対象。スクリプト内の商品IDを毎度変更する必要ありです。次回以降で、スプレッドシートにリスト化した商品情報を登録しておいて、毎度スクリプト内の商品IDを変更しなくても良いように修正します！ ✔️今回のゴール ✔️設置手順◆事前準備 🔸ShopifyAPIキー取得 下記のS

¥1,200
まりん | Shopi…

[Shopify]ヘッダーのログインアイコンをレイアウトに合わせて８種類から選べる・セクションテンプレート #130

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ヘッダーのアカウントアイコンを色々選べるセクション。デフォルトのアイコンを変えてみたい場合に使用してみてね＾＾ ✔️今回のゴール 🔸CMSの特徴 ✔️設定手順📌Step1 　スニペットを新規作成 1️⃣管理画面＞テーマ＞コード編集＞スニペット＞新規作成

¥800
まりん | Shopi…

[Shopify]「最近閲覧した商品履歴」をポップアップで表示する・セクションテンプレート #129

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 以前、ローカルストレージを使用した最近チェックした商品を表示するセクションをご紹介しました！今回は、その閲覧履歴の商品一覧をポップアップで表示できるセクションになります＾＾ 商品ページにアクセスしてから5秒後にモーダルが表示される仕様です。今回はStep１で完結🎵コピペで5分もかからずに設置できちゃいますね。 🔸前回の記事 以前ご紹介した、ローカルストレージに閲覧履歴を保存するコードを

¥1,200
まりん | Shopi…