星期三, 3月 22, 2023

[Shopify] 登錄連結

採用新版客戶帳號,被告知是否可以移除消費者登錄連結,登錄連結分別會出現在兩個地方

首頁導覽頁最右方,如下圖
[Shopify] 登錄連結-1


結帳頁面,如下圖

[Shopify] 登錄連結-2

在 設定 => 客戶帳號 => 網路商店與結帳頁面的帳號 => 取消勾選 在網路商店的頁首和結帳頁面顯示登入連結],就可以把登錄連結移除

[Shopify] 登錄連結-3

星期六, 3月 18, 2023

[Shopify] 移除「立刻購買」按鈕

在佈景主題 Dawn 8.0 上要移除立刻購買按鈕,在於使用 App 功能設計在購物車頁面,避免消費者跳過而直接進入結帳頁面

購買按鈕

在 Dawn 8.0 [加入購物車] 和 [立刻購買] 按鈕預設是一併出現的
  • 加入購物車:會跳出通知,詳見 [Shopify] 購物車類型
  • 立刻購買:會跳過購物車頁面,直接進入結帳頁面
[Shopify] 關閉「立即結帳」按鈕-1

購物車頁面 VS 結帳頁面

購物車頁面為流程的 Step1,右下角按鈕-結帳才算是往 Step2 前進

[Shopify] 關閉「立即結帳」按鈕-2

結帳頁面,兩處紅色橫線是回到購物車頁面連結,消費者通常不會注意到跳過購物車頁面

[Shopify] 關閉「立即結帳」按鈕-3

移除「立刻購買」按鈕

兩處設定,分別為
  1. 產品頁面:顯示動態結帳按鈕
  2. 編輯程式碼:程式碼片段內的 cart-notification.liquid 內備註 name 為 checkout code
產品頁面內的購買按鈕有一個 [顯示動態結帳按鈕] 可以勾選

[Shopify] 關閉「立即結帳」按鈕-4


佈景主題 => ... 符號 => 編輯程式碼,搜尋 cart 就可以在程式碼片段內找到 cart-notification.liquid


[Shopify] 關閉「立即結帳」按鈕-6

註解 (Ctrl + /) 44 - 46 行 name = checkout 那段 Code

[Shopify] 關閉「立即結帳」按鈕-7

這樣就可以確定消費者一定會進入購物車頁面囉

星期三, 3月 15, 2023

[Shopify] 刪除範本

在產品內建立範本時,不小心建立一個爛七八糟的範本名稱,想刪除範本卻找不到刪除觸發點,最後是在官方文章 - 範本 內發現,原來要在 [編輯程式碼] 內進行刪除

在佈景主題 => 自訂 => 產品內建立新範本,不知道怎麼打的,範本名稱打成 -2

[Shopify] 刪除範本-1

佈景主題 => ... 符號 => 編輯程式碼,找到 produtct.-2.json 並按下垃圾桶就可以刪除

[Shopify] 刪除範本-2

弄個簡易示意圖記錄

[Shopify] 刪除範本-3
官方文件內還有提到範本是無法直接更名的,也是必須採取建立新範本時命名,之後再刪除名稱錯誤的範本

星期四, 3月 02, 2023

[Shopify] 購物車類型

產品頁按下 [加入購物車] 按鈕後,會直接進入購物車去

[Shopify] 購物車類型-0

在佈景主題 => 自訂 => 佈景主題設定 => 購物車內有購物車類型可以進行變更,下面是以 Dawn 佈景主題為例紀錄,有三種型式可以選擇,分別為
  • 導覽匣 (Drawer)
  • 頁面 (Page)
  • 彈出式視窗通知 (Popup notification)
[Shopify] 購物車類型-1

導覽匣 (Drawer) 顯示效果

[Shopify] 購物車類型-2

彈出式視窗通知 (Popup notification) 顯示效果

[Shopify] 購物車類型-3

頁面就是整個跳轉至新購物車頁面,沒有截圖紀錄,在串接 app 時有特別提到該點,釐清一下這三個設定差異之處