阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

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

讓客戶知道這間日本廠商的產品線 並加上 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 的感覺


共有 0 則留言


👉 身份:資深全端工程師、指導過無數人半路出家轉職 👉 使命:打造 CodeLove 成為優質新手村,讓非本科也有地方自學&討論

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈