🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

之前有稍微跑起來 app extension 預設的內容

現在嘗試 official remix 架構下寫 extension 的流程

shopify app generate extension --template=theme_app_extension --config=shopify.app.development.toml

首先 因為我特別區分了 production vs development 的設定檔

所以 scaffold 的指令要有點變化

extension name 我輸入 akawa-recommendations-block

完成之後會看到出現檔案與資料夾

➜  akawa-upsell git:(main) ✗ tree extensions
extensions
└── akawa-recommendations-block
    ├── assets
    │   └── thumbs-up.png
    ├── blocks
    │   └── star_rating.liquid
    ├── locales
    │   └── en.default.json
    ├── shopify.extension.toml
    └── snippets
        └── stars.liquid

6 directories, 5 files

跑我的指令 npm run dev

第一次跑 好像會看到錯誤訊息

│  GraphQL Error (Code: 401):                                                  │
│  {"response":{"error":"","status":401,"headers":{}},"request":{"query":"\n   │

跟驗證有關的樣子 我不太懂

反正我重新 npm run dev 之後就可以了

在 theme editor 打開 default product page 頁面

可以新增 Star Rating 元件,也就是預設的內容


每週二 YT 直播問答,DC 可 Call-in,一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務:阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組(非官方)👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
按讚的人:

共有 0 則留言


每週二 YT 直播問答,DC 可 Call-in,一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務:阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組(非官方)👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
🏆 本月排行榜
🥇
站長阿川
📝22   💬9   ❤️4
712
🥈
我愛JS
📝4   💬13   ❤️7
255
🥉
御魂
💬1  
3
#5
2
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付