最近の記事
- 固定された記事
[ShopifyApp]ブログ記事にいいねボタンを設置Part6「アプリの管理画面に記事タイトルといいね数の一覧を表示する」 Remixでアプリ作成 #006
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 簡単なダッシュボード作っていきます。いいねしてくれた記事のタイトルとその記事のいいね数を一覧でアプリの管理画面で表示します! ▼前回Likeのモデルに記事タイトル追加したのでこれ使います ✔️今日のゴール管理画面にいいね数の一覧を表示。 ✔️作成手順📌Step1 loaderサーバーを新規作成 ❶app>routsの直下にloader.server.jsというファイルを作成 ❷下
有料1,500[ShopifyApp]ブログ記事にいいねボタンを設置Part5「データベースに記事タイトル追加」 Remixでアプリ作成 #005
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はPrismaで作成したLikeのテーブルに記事タイトルを入れておくのを忘れてしまってたのでそれを追加しておきます。次回アプリのダッシュボードで記事毎のいいね数を一覧で表示させたいのでそれの準備です。 (テーブル作る時に先に作っておけば良かった。。。) ▼前回の続き ✔️今日のゴール ✔️作成手順📌Step1 PrismaのLIKEテーブルに記事タイトルを追加 ❶まずはPri
有料1,500[ShopifyApp]ブログ記事にいいねボタンを設置Part4「いいね数0の時は総数非表示・ログイン前でもいいね数は表示」 Remixでアプリ作成 #004
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 前回までで一応いいねボタンの機能はできたんじゃないかなと思います。今日は細かいところ修正。また、次回以降ではアプリの管理画面で集計してみるのと、フロントではクリックした記事をMypageで一覧で表示させたいな〜って思ってます。 ✔️今日のゴール前回までのコードだとユーザー切り替えても切り替えてなくても、いいねのクリックを引き継いでしまって正常に動作しないと思うので今回はその辺も修正していこ
有料1,500
- 固定された記事
マガジン
メンバーシップ
Shopify関連でまりんに調べて欲しいこと
この投稿を見るには 「スタンダード」で参加する必要があります記事についてのコメントやご質問
この投稿を見るには 「スタンダード」で参加する必要があります
Shopify関連でまりんに調べて欲しいこと
この投稿を見るには 「スタンダード」で参加する必要があります記事についてのコメントやご質問
この投稿を見るには 「スタンダード」で参加する必要があります
メンバー特典記事
【Shopify】コレクション一覧で会員限定コレクションを特定顧客向けに表示非表示だしわけ
「スタンダード」に参加すると最後まで読めます
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 以前、商品一覧で特定商品を特定顧客向けに表示非表示する方法をご紹介しました。 今回はそのコレクション一覧バージョンです。 簡単なのでぜひ試してね。 商品一覧と基本的同じでオブジェクトをコレクションように変更しただけです。なので、コレクション一覧の方見て商品用にオブジェクト変更して応用することもできます。 🔸事前設定事前設定で顧客タグの設定と非表示にしたいコレクションIDをチェックしておく
有料10,000【Shopify】特定顧客タグに合わせて商品表示・非表示を出し分ける
「スタンダード」に参加すると最後まで読めます
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 商品詳細ページを特定の顧客タグの人で出し分けるのは簡単ですが、商品一覧にも表示されてしまうので、今回は商品一覧にも表示されないようにするコードを書いてみました^^ 念の為商品URLをたたいてダイレクトにアクセスされた場合にも見れないように商品詳細ページにも特定顧客タグの方のみが見れるようにしたコードを最後に載せておきます。 また、今回は対象箇所のみの変更なのでレイアウトやフィルターなどの
有料10,000【Shopify】商品ページの購入ボタンの下にLINEへの誘導ボタンを設置できるブロック
「スタンダード」に参加すると最後まで読めます
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 商品ページにLINEへの誘導ボタンを設置できるブロックを作成してみました。設置位置はお好みで変更してください^^ ボタンの種類は画像挿入orテキスト挿入のどちらかを選択できます。画像の選択がない場合はテキストボタンになります。 ✔️今回のゴール========= 画像挿入 ========= ========= テキストボタン ========= 🔶CMSの特徴 ブロック追加でLI
有料10,000【Shopify】重ねて表示するセクション/コンテンツのサイズをセクション毎に変更(パート1)
「スタンダード」に参加すると最後まで読めます
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今回のテーマはレイアウトを重ねて表示できるセクションです。 2パターンあって、セクションを一個ずつ挿入して、それぞれのコンテンツサイズを各セクション毎に変更できます。全て同じ縦横サイズを揃える場合はパート2で紹介するブロック追加での対応になります。 🔽パート2はこちら ✔️完了イメージ🔸CMSの特徴 ==================== 各セクション毎で下記の設定ができます。 サ
有料10,000
記事
[ShopifyApp]ブログ記事にいいねボタンを設置Part3「いいねを取り消す」 Remixでアプリ作成 #003
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ブログの各記事にいいねボタンを設置できるアプリを作っています。 前回はボタンをクリックしたらボタンを黒く塗りつぶして、ボタンの横にいいね数が表示されるようにしました。ひたすらいいね数が増加していくというところまでやったので、今日は一度いいねが押されていたら2回目クリックした時にはいいねを取り消すようにしてみます! ✔️今日のゴール(今日の時点ではログイン中のみのユーザーしかいいね数が反映さ
有料1,500[ShopifyApp]ブログ記事にいいねボタンを設置Part2「クリックしたらボタンカラー変更といいね数を表示させる」・Remixでアプリ作成 #002
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ブログの各記事にいいねボタンを設置できるアプリを作っています。 今日は前回の続き。 その記事のいいね数をいいねボタンの横に表示されるようにして、そのユーザーがすでにいいね押していた場合はいいねボタンを黒にするというところまでを作成してみます! ✔️今日のゴール✔️作成手順📌Step1 バックエンド:Loaderを更新 今回はLoaderを更新します。 下記の公式ドキュメント内にある、
有料1,500[ShopifyApp]POST、PATCHなどのメソッドをポストマンで確認(基本的な使い方確認)・Remixでアプリ作ってみる #day2
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は基本的なRemixのレスポンスの処理の書き方の確認^^ ✔️今日のゴール✔️作成手順Step1 まずはloaderでブラウザでJSON表示してみる api.likecount.jsxファイルを作成。以下のコードを記載。 import { json } from "@remix-run/node";export async function loader() { let da
[Shopify]ブログ一覧の記事表示数をカスタマイズ画面で設定できるようにする(既存テンプレート使用) #125
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Dawnのデフォルトテンプレートではブログ一覧で表示させる記事数を指定できなかったような気がする。。。もしかしたら変えれるかもですが、カスタマイズ画面から簡単に記事数変更できるようにしてみました^^ レイアウトはそのまま使用しているので、該当箇所のコードを変更&追記するだけ! ✔️今回のゴールシンプルにブログ記事のカスタマイズ画面で1ページに表示する記事数を設定できる機能を追加。 今回
有料800[Shopify]商品一覧に新着バッジ機能を追加🎶商品作成日から〇〇日表示と表示期間設定できる(既存テンプレート使用) #124
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は既存の商品一覧ページに、新着バッジを付与する機能を追加してみました。カスタマイズ画面で商品作成日から何日まで表示するのかを指定できるので便利。 テキストまたは画像でバッジを設定できる。画像が優先されるのでテキストバッジを使用したい場合は画像の設定はなしにして使用してね。 {{ product.created_at}}を使用して商品作成してから20日間表示させるとか、日付をカスタマイ
有料800[Shopify]対象商品購入者のみ記事の続きが読めるブログテンプレート・メタフィールドで設定した商品と紐付け🎶 #123
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 前回、商品を購入した人向けの特典ダウンロードセクションの作り方をご紹介しました。今回はその応用で、ブログ記事に前回使ったロジックを使ってNoteみたいな有料記事のテンプレートを作成してみました^^ ▼過去の記事の続き 今回は下記の流れになります。 ❶記事のメタフィールドで商品を選択できるようにする。(事前に対象ブログを購入する商品ページを作成する必要あり) ❷ブログの本文内のどこかに「こ
有料1,500[Shopify]対象商品購入者のみダウンロードできる特典配布セクション・メタオブジェクト&メタフィールド連携 #122
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 前回はログインユーザー全員に向けた特典ダウンロードセクションをご紹介しました。今回はその続編の対象の商品を購入したお客さんだけに特典をお渡しするセクションを作成しました。 ▼前回の記事はこちら 商品Aに特典1と2を設定しておいて、商品Aを購入した人のみがダウンロードできるというセクションです。前回はユーザー登録さえすれば誰でもダウンロードできるよ〜という登録促しようのセクションでしたが、
有料1,500