【Shopify 教學】產品頁增加 Pre Order「預購」中文化設定,官方沒說的看這裡

by stoneip
2017.02.16 05:03PM
280

如果你有在用 Shopify 的話,你應該有發現它預設並沒有預購功能,也就是說你的網店無法提供預購功能予客戶。

關於這個功能,大家其實可以通過修改 Shopify 後台的 HTML CODE 而達成,而官方的 Shopify Support 指南也有分享出來,只是該說明僅適用於英文。按官方分享出來的辦法修改後也只能有 English 的「Pre Order」,並不會出現「預購」。如果你採用 Translation Kit 的話更有可能出現 Translateion Missing 字樣,導致此功能無法使用。

為了解決此問題,石先生特別請教了朋友,並通過簡單的方法解決,接下來就跟大家按步驟分享。

payment-authorization

把收款改成手動(Manually)

根據法例,如果你做預購的話,你需要把收款設定成「手動」(Manually),而這個手動其實跟後續的設定沒有關係,只是按法例要求,但不同國家與地區有不同要求,所以你在考慮後其實可以保持設定「自動」(Automatically),這並不影響你後續的設定。

這個選項就跟上圖一樣,收藏在「Setting > Payment」下的位置。當你做好後便可進入下一個步驟,也就是最重要的更改 HTML CODE。

pre-order-create-new-template

建立新的 Template (pre-order)

  1. 在你的 Shopify 裡選擇 Online Store,然後選擇 Themes
  2. 選擇 EDIT,再按「...,並選擇 Edit HTML/CSS
  3. Templates 那裡,點擊 Add a new template.
  4. 在下拉式選擇按 product,然後在旁邊增加一頁,並稱之為 pre-order
  5. Templates 那裡,選擇「product.pre-order.liquid」,把當中的「section 'product-template' 」更改成「 section 'product-pre-order-template.」
  6. Sections 那裡,點擊 Add a new Section,並稱之為「product-pre-order-template
  7. 打開 Section 下的「product-template.liquid」,把其所有內容複製,並貼至剛剛新增的「product-pre-order-template.liquid

shopify-pre-order-chinese

文化正式開始

直到這個位置,你做的東西跟 Shopify Support 頁面教的都一樣,但為了中文化,我們需要在這裡更改一下步驟。

  1. 在剛剛 Sections 裡的「product-pre-order-template.liquid 」頁面搜尋「'products.product.add_to_cart'
  2. 然後把「'products.product.add_to_cart'」更改成「'products.product.pre_order'」。
  3. 如果你使用的 Themes 並不是 Debut 或其他 Sections Thems,而是 Boundless, Brooklyn, Simple, and Venture 等 Themes 的話,那就請到 Themes 裡的「product.pre-order.liquid」,把當中的「'products.product.add_to_cart' 」更改成「'products.product.pre_order'」。
  4. 接著請到 Locals,選擇「zh-TW.json
    (如果你沒有 zh-TW.json,可以回到 Themes,選擇 EDIT,再按「...,並選擇 Edit Language,點擊右上角的 Change theme Language,選擇中文,然後把當中的翻譯都填一填,填好後再做下面的步驟。)
  5. 在「zh-TW.json」裡你可以看到很多中英文字,找出當中的「"add_to_cart": "加到購物車",」,然後在其下一行新增「 "pre_order": "預購",
  6. 最後按 SAVE,你就完成了手動增減 Code 的部份。

pre-order-change-template

產品頁選擇「product.pre-order」

  1. 因為以上的改動,你這個時候回到產品頁時,可以看到右方會增多了一個名為「Theme templates」的地方,在這裡選擇「product.pre-order」,也就成功了。
  2. 如果你想在沒貨的時候預設使用「預購」功能,那麼你需要在產品下選擇「Allow customers to purchase this product when it』s out of stock」,這樣系統將自動在沒貨的時候把產品更改成「預購」。

pre-order-inventory-policy

登記兩星期免費試用 Shopify
【此文章刊載於 石先生部落;標題: 【Shopify 教學】產品頁增加 Pre Order「預購」中文化設定,官方沒說的看這裡;本篇文章為贊助內容;強制廣告HisTrend.HK 給你不一樣的科技產品】

Related

回應 0
PlayStation®4、PlayStation®Vita遊戲 『Secret of Mana™』開放預購 PlayStation®4、PlayStation®Vita遊戲 『Secret of Mana™』開放預購 4 個月前
NOKIA 3310 3G版 懷舊手機增添新功能 NOKIA 3310 3G版 懷舊手機增添新功能 6 個月前
【中環街市】支付寶HK 攻的士 未必失敗 【中環街市】支付寶HK 攻的士 未必失敗 6 個月前
【Shopify 教學】將產品頁資料由一行變成兩行,簡單改 style 就可以了 【Shopify 教學】將產品頁資料由一行變成兩行,簡單改 style 就可以了 7 個月前
【澳洲 布里斯班】每年的這天,從中午到晚上都要留在河邊的 Light the Night  【澳洲 布里斯班】每年的這天,從中午到晚上都要留在河邊的 Light the Night  7 個月前
【推薦】旅行必備 Apps,Big Data 告訴你會否延誤 -「飛常準」 【推薦】旅行必備 Apps,Big Data 告訴你會否延誤 -「飛常準」 7 個月前
「環亞機場貴賓室」Plaza Premium Lounge 世界各地位置與服務(香港/台北/英國/澳洲/義大利/中國/加拿大/新加坡/馬來西亞) 「環亞機場貴賓室」Plaza Premium Lounge 世界各地位置與服務(香港/台北/英國/澳洲/義大利/中國/加拿大/新加坡/馬來西亞) 7 個月前

熱門文章

最新消息

本日精選