まりん@Shopify専門エンジニア🇦🇺
@crowd37cord
Followers
591
Following
307
Media
145
Statuses
578
Shopify構築&制作 | 2020年〜🇯🇵 | 実績:ファッション系、日用品、食べ物屋さんなど| HTML/CSS/JavaScript/liquid |
Joined June 2019
#Shopify をコピペで簡単にカスタマイズ 📌コーディング100本ノック https://t.co/GEcXPgONMy 📌定期便:コーディング100本ノックの続き https://t.co/MNCSf0YFah 📌LPテンプレ https://t.co/NwdHtBcgJz 📌ブログテンプレ https://t.co/uAJhMRsv9g 📌スプレッドシート連携 https://t.co/F4yWXJTcfF
note.com
Shopify APIとGASを連携してスプレッドシートに反映。
0
1
24
#Shopifyコーディング100本ノック 特集コンテンツ用の アニメーションセクションテンプレート 各リンクにGA4のクリックイベントをつけてみました。 GA4と連動しているので どの要素をクリックしたのか 後で分析できます♪
note.com
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ファッション系のサイトと相性が良いスクロール時にアニメーションが発動する特集セクション。カードは3つまで追加できます。 各カードにリンク&GA4クリックイベントを追加でき、セクション全体の「詳細を見る」ボタンにもGA4クリックイベントをつけていますので分析にも便利。 確認しているテーマ:Dawn ver15.4...
0
0
0
#Shopifyコーディング100本ノック シンプルなカウントダウン 3Dアニメーションで 数字が回転して切り替わる デザインにしてみました^^ https://t.co/A9y1I1GSq2
note.com
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 セールや限定オファーに使えるカウントダウンセクションです。3Dアニメーションで数字が切り替わり、緊迫感を演出します。 主な機能は 3Dアニメーション: 数字が回転して切り替わる 完全カスタマイズ可能: 背景、バッジ、タイトル、メッセージ、タイマー数字など、すべての色をスキーマから設定可能 レスポンシブ対応:...
0
0
0
機能はシンプルにテキストと カウントダウン終了日を挿入するだけ。 カスタマイズ画面で テキストやカラーを設定。
1
0
0
#shopifydevelopment アコーディオンをクリックすると その項目に連動した画像が自動で切り替わる セクションテンプレートの コピペ用コードをNoteに貼っておきました❤️ ブラックフライデーはもうすぐ終わりだけど キャンペーンLPはこれから増える季節なのでぜひ! https://t.co/gU2bB3xbC4
note.com
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 「テキスト+画像を連動させたい」「アコーディオンを開くと画像が切り替わる UI を実装したい」場合にぴったりのセクションテンプレートです。 クリックに応じた視覚的変化を作りたい場合に使えます♪ パソコンではアコーディオンの横に画像が表示。スマホではアコーディオン内に画像が表示されます。 設置はセクション新規追...
0
0
0
#Shopifyコーディング100本ノック メタオブジェクトでヘッダーメニューにアイコンを表示できるようにする 方法をNoteにまとめました。 メガメニューとドロワーのみ対応してます。 メニューテキストの左側にアイコンが出るので 直感的に分かりやすくなりますね! https://t.co/EpUMWJE7sC
note.com
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ヘッダーメニューの各メニューにアイコンをを表示できる機能をつけてみました。メタオブジェクトを使用して、メニューアイテムごとに個別の画像を設定できます。 対象メニュー: メガメニュー(PC表示) ドロワーメニュー(モバイル表示) ※: ドロップダウンメニューは対象外です 確認しているテーマ:Dawn ver15.4...
0
0
1
#Shopifyコーディング100本ノック 問合せに注文ID入力欄を設置したフォーム。 注文についての質問したい時たまにあるので便利。 問合せメール本���にどの注文についてなのかが入っているのでオペレーション時に少しでも無駄な作業が減らせたらいいね。 https://t.co/CqJeYrfQap
note.com
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ご購入後の問い合わせ用フォーム。通常の問い合わせとは別にご注文IDごとにお問合せしたい場合に使用できます。 ログイン中の場合は購入履歴から注文IDのサジェストが表示されるので便利。ログインしてない場合は手動入力促しになるかな。どの注文についてのお問い合わせなのかがわかりやすくなるので仕事効率も良くなりそう。...
0
0
1
【本日のShopifyセクションテンプレ】 注文ID毎の問合せフォーム ご購入後のお問い合わせを想定し どの注文についてかをわかりやすくするために フォームに注文IDを追加できるようにしてみました。 ログイン中の場合は購入履歴から 注文ID入力欄をフォーカスしていると 履歴のサジェストが表示!
1
0
0