マガジンのカバー画像

Shopifyコーディング100本ノック(Dawn)続編

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

2023年6月の記事一覧

【GAS】問合フォームからのメッセージを顧客管理のメモ欄に記録しておく#23 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 前回、Shopifyの問い合わせフォームの内容をスプレッドシートにも記録していく方法をご紹介しました。今日はその続きで、スプレッドシートだけでなく、Shopify側の顧客管理のメモ欄にも表示されるようにしてみました! 既にメールアドレスが登録されていればその顧客のメモ欄が更新されます。上書きされますが、タイムラインに残るのでもし既にメモ欄に記載している内容があればタイムラインを見ればOK。

¥1,500

[Shopify]商品ページに前後の商品へ遷移するボタンを設置できるセクション(Dawn)95/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 商品詳細ページに「次の商品・前の商品」ボタンを追加し、矢印ボタンをホバーすると前後の商品の画像・タイトル・価格がひょろっと出てくるようにしてみました♪ コレクションAllの商品が表示されます。 ✔️今回のゴール==== パソコン ==== ==== スマホ ==== 🔸CMSの特徴 「商品前後ページ遷移」をクリック ✔️設置手順Step1  新規セクション作成 1)管理画面>テ

¥1,200

【GAS】問合フォームからのメッセージをスプレッドシートに自動的に記録しておくPart1 #22 (GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は問合せフォームのメッセージをスプレッドシートに自動的に残して置けるようにしてみました!今回はShopifyのAPIは使用していません。 問合せ内容を分析してるショップオーナーさんも多いみたいなのでマーケティングや販売戦略にお役立てできたらいいな🎵 (今回はスプレッドシートへの記録までですが、次回はこの続きでShopifyAPIを使って顧客管理のメモにも更新される機能を追加しようかと

¥1,500

[Shopify]ブログ「一覧」のテンプレート#2 メタフィールドで設定(Dawn)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はブログ一覧のテンプレートのご紹介です。 カテゴリ内での新着記事6個とView Moreをクリックするとページ内のアーカイブエリアにスクロールされます。アーカイブエリアの記事はカテゴリの記事全て表示されます。 いつもはテーマのレイアウトの固定部分はセクションを使いますが、今回はブログのメタフィールドのJSONを使って作成してます! ✔️今回のテンプレート======== パソコン

¥4,900

【GAS】顧客ID取得→メタフィールドの値取得→スプレッドシートの値をメタフィールドに反映#21 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopify APIとGoogleAppsScript (GAS)を使って、顧客毎のメタフィールドの値をスプレッドシートから更新♪ ✔️今日のゴール❶メタフィールドの定義 ❷スプレッドシートに対象のネームスペースとキーを入れる。 ❸ボタン押して顧客IDを取得 ❹既にメタフィールドに設定されている値を取得 ❺内容編集 ❻チェックを入れると更新される ❼更新完了するとチェッククリ

¥1,200

【GAS】各顧客のメモ情報をスプレッドシートから更新#20 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopify APIとGoogleAppsScript (GAS)を使って、スプレッドシートから顧客管理画面のメモ欄をスプレッドシートから更新してみます^^ ✔️今日のゴール対象顧客のB 列にメモを記載して、更新に☑️を入れると、 顧客管理のメモが更新され、スプレッドシートのチェックは初期値に戻ります。 ✔︎作成手順◆事前準備 🔸ShopifyAPIキー取得 下記のStep3まで

¥1,200

[Shopify]オリジナルセクション4

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 おしゃれなセクションテンプレート♪ ✔️レイアウトの特徴========= パソコン ========= ========= スマホ ========= 🔶CMSの特徴 ✔️設置手順Step1  新規セクション追加 管理画面>テーマ>コード編集>セクション>新規作成 下記のコードをコピペ 🔶セクションコード {{ 'section-origin04.css' | asset_

¥1,200

[Shopify]サイト全体の背景に画像を固定で設定してみる(Dawn)94/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はShopifyの設定にJSONを追加して、サイトのBodyの背景に画像を設定できるようにしてみました^^ ✔️今回のゴール 🔸CMSの特徴 「設定」に背景画像が出現 画像設定 対象箇所下記で設定すれば透過になります。 background: transparent; ✔️設置手順Step1  設定フォルダ内のSchemaを追加 1)管理画面>テーマ>コード編集>設定>s

¥800

[Shopify]オリジナルセクション2

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 おしゃれなセクションテンプレート♪ ✔️レイアウトの特徴========= パソコン ========= ========= スマホ ========= 🔶CMSの特徴 ✔️設置手順Step1  新規セクション追加 管理画面>テーマ>コード編集>セクション>新規作成

¥1,200

[Shopify]広告バーのテキストをフェイドインしてループさせる・リンク無し(Dawn)93/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 広告バーをテキストフェイドインにしてみました^^ フェイドインバージョンはリンク付きではないのでクリックはできません。 数秒おきにテキストが流れるのでちょっとしたオススメを流しておきたいときに使えます🎵 ✔️今回のゴール 🔸CMSの特徴

¥800