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

協助客戶的第一個需求 就是許多產品還沒運送到美國 但希望都先顯示在網站上

讓客戶知道這間日本廠商的產品線 並加上 Coming Soon 的提示

既然是 shopify 開店平台 我自然不能直接修改 database schema 那該如何做到這功能?

研究之後發現 可以使用內建的 tags 功能 先增加 coming-soon 標籤到相關產品上面

再找出 theme 檔案之中 與價格有關、或者需要顯示提示的地方

加上類似這樣的修改

{%- if product.tags contains 'coming-soon' -%}
  <!-- Display Coming Soon message -->
  <div class="coming-soon-label">
    Coming Soon
  </div>
{%- else -%}
  <!-- blah blah -->
{%- endif -%}

這次替客戶修改了

  • navbar 的浮出式商品連結
  • collection page 的商品元件
  • product page 的價格隱藏起來

滿有趣的一次開發經驗 利用 tags 巧妙擴充 data model 的感覺


每週二 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
678
🥈
我愛JS
📝4   💬13   ❤️7
257
🥉
御魂
💬1  
3
#4
2
#5
Jack
1
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付