【Shopify】網(wǎng)修:卡組織logo不正確問題

該教程解決問題:


卡組織logo不正確
1.取消顯示網(wǎng)站原有的支付圖標(biāo):
  • 打開shopify后臺(tái) -- 依次點(diǎn)擊 Online Store -- Customize -- Sections -- Footer -- 取消勾選Show payment methods
    取消勾選
2.下載最新卡組織logo

點(diǎn)擊鏈接http://download.oceanpayment.com.cn,點(diǎn)擊下載最后頁(yè)面中最后一組圖標(biāo),可直接保存到桌面方便下一步使用,請(qǐng)命名為:card.png

下載最新logo
3.將最新卡組織logo圖片上傳至shopify后臺(tái)

然后打開shopify后臺(tái) -- 依次點(diǎn)擊 Online Store -- Actions -- Edit Code--Assets--Add a new asset--上傳card.png,過程截圖如下:

點(diǎn)擊上傳

上傳圖片

4.將圖片添加至正確位置

打開shopify后臺(tái) -- 依次點(diǎn)擊 Online Store -- Actions -- Edit Code -- 搜索并打開footer.liquid。

目標(biāo)代碼:
<div class="grid">
    <div class="grid__item text-center">
       <img src="{{ 'card.png' | asset_url}}" style="height:36px;">
     </div>
</div>

目標(biāo)位置確定:請(qǐng)?jiān)谠撐臋n中搜索if section.settings.show_payment_methods,該行代碼的上一空白行即為目標(biāo)代碼的目標(biāo)位置,請(qǐng)不要根據(jù)代碼行數(shù)尋找目標(biāo)位置,因?yàn)椴煌0宕a行數(shù)不同。

目標(biāo)位置

! 注意card圖片命名,不要包含特殊符號(hào)。

操作中遇到困難請(qǐng)聯(lián)系技術(shù)部同事。
有任何意見建議請(qǐng)聯(lián)系技術(shù)部同事。
??

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容