如何在WooCommerce 8.3中使用區(qū)塊結(jié)賬功能提升購物體驗

圖片[1]-如何在WooCommerce 8.3中使用區(qū)塊結(jié)賬功能提升購物體驗-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

使用區(qū)塊結(jié)賬

從 WooCommerce 8.3 版本開始,新安裝的店鋪默認(rèn)啟用了經(jīng)過優(yōu)化的購物車和結(jié)賬區(qū)塊。這些區(qū)塊是為了提供更加順暢的結(jié)賬體驗而全新設(shè)計的,遵循了行業(yè)內(nèi)的最佳實踐。

如果你想在自己的店鋪中利用這些新特性,只需按照以下簡單步驟替換購物車和結(jié)賬頁面上的舊代碼即可。本指南將幫助你輕松完成這一操作。

注意:這些新區(qū)塊功能齊全,WooCommerce 開發(fā)的大多數(shù)擴(kuò)展程序目前都完全支持基于區(qū)塊的購物車/結(jié)賬。不過,在商店中運(yùn)行的擴(kuò)展可能無法按預(yù)期使用塊購物車和結(jié)賬。

圖片[2]-如何在WooCommerce 8.3中使用區(qū)塊結(jié)賬功能提升購物體驗-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

替換現(xiàn)有的購物車短代碼

  1. 檢查你的網(wǎng)站是否運(yùn)行 WooCommerce 8.3 或更新版本。
  2. 單擊“頁面”菜單項,然后找到并編輯“購物車”頁面。
  3. 刪除生成購物車
    您的購物車目前是空的。
    頁面內(nèi)容的短代碼。
  4. 搜索購物車塊,或通過導(dǎo)航到WooCommerce 塊部分找到它。
  5. 選擇該塊以將其添加到購物車頁面。

現(xiàn)在應(yīng)該可以看到基于區(qū)塊的購物車的預(yù)覽??梢允褂脗?cè)欄中的設(shè)置來自定義購物車區(qū)塊。準(zhǔn)備就緒后,要記得單擊“更新”按鈕以保存并發(fā)布你的更改。

圖片[3]-如何在WooCommerce 8.3中使用區(qū)塊結(jié)賬功能提升購物體驗-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

替換現(xiàn)有的結(jié)帳簡碼

  1. 檢查網(wǎng)站是否運(yùn)行 WooCommerce 8.3 或更新版本。
  2. 單擊“頁面”菜單項,然后找到并編輯“結(jié)帳”頁面。
  3. 刪除生成結(jié)帳
    頁面內(nèi)容的短代碼。
  4. 搜索Checkout Block,或通過導(dǎo)航到WooCommerce Blocks部分找到它。
  5. 選擇該區(qū)塊并將其添加到您的結(jié)帳頁面。

現(xiàn)在應(yīng)該可以看到基于區(qū)塊的結(jié)帳預(yù)覽。你可以使用側(cè)欄中的設(shè)置自定義結(jié)帳區(qū)塊。準(zhǔn)備就緒后,記得單擊“更新”按鈕以保存并發(fā)布您的更改。

圖片[4]-如何在WooCommerce 8.3中使用區(qū)塊結(jié)賬功能提升購物體驗-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點贊0 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容