有一個需求是在shopify的checkout頁面添加幾個圖標。因為很多客戶是在checkout頁面不付款就離開了。所以就想在checkout頁面添加例如warranty之類的圖標展示給客戶看,以此提高付款率。能不能提高不知道,但是叫到做了肯定要做的。
因為shopify套餐是基礎版的,所以如果要在checkout頁面進行修改的話,是找不到checkout.liquid這個文件的。所以要在如下圖的位置添加新的內容只能重新想辦法了。
在網上查資料,據說在“Preferences”->"Google Analytics"那里可以通過js對checkout頁面進行修改。因為我並不需要像那篇文章那樣修改那么多,所以我也沒有嘗試它的代碼能不能成功。
想說通過js在#order-summary節點下添加新的節點的方式應該可以添加想要的內容,結果不知道什么原因,不報錯卻不顯示。菜是原罪,想不出方法我也只能另謀出路。突然我靈機一動,想到了一個偏方。因為shopify主題自帶是能夠設置checkout頁面的背景的。
在“Online Store”->"Themes"->"Customize"里的“Theme Setting”->"Checkout"里我們可以看到“ORDER SUMMARY”。這里可以添加checkout頁面右邊的背景。所以我用ps將要添加的三個圖標合並成一個大概1080*1080的圖片。主要是這個背景圖片是會自動重復的,所以我的圖片寬高就相對會大一點,就調到剛好可以顯示想要顯示的內容又不會出現重復。
最后出現的效果還是符合預期的。唉!這也是蠢辦法了。。