Astra主題教學指南-WooCommerce電子商務設定

如何在頁首中新增WooCommerce迷你購物車?

使用Astra,你可以通過一些簡單的網站設計
將WooCommerce迷你購物車新增到主要頁首中。

確保你已啟用WooCommerce外掛

要找到設定,請從WordPress控制台導到  外觀 > 自訂 > Header Builder
在Primary Header的可視編輯器中新增Cart

它將在主選單的末尾顯示一個WooCommerce購物車圖標。

你也可以使用Astra Pro將WooCommerce迷你購物車新增到上方/下方頁首中。
Astra Pro的WooCommerce模組提供的選項來改變車icon、
新增造型,顯示購物車標題和產品數量。

請參考本文章以開始使用WooCommerce模組,
這些是Astra Pro Addon 外掛提供的進階功能。
要使用這些Pro功能,你需要在你的網路行銷網站上安裝Astra主題以及Astra Pro外掛。

像Primary Header一樣,你可以在Above HeaderBelow Header新增迷你購物車。

要找到設定,請從WordPress控制台導航到  外觀 > 自訂 > Header Builder
在Above Header的可視編輯器中新增Cart

除了Header外,你可能還需要在網站上的任何地方顯示一個迷你購物車圖標。
WooCommerce模組提供了WooCommerce迷你購物車短碼,
可讓你在所需的任何地方顯示迷你購物車圖標:

[astra_woo_mini_cart] 

有關更多資訊,請參考此處的網站設計文章。

小提醒:僅當你安裝了Astra Pro並從Astra Pro Options啟用了WooCommerce模組時,該短代碼才有效。


Astra主題中的WooCommerce整合概述

Astra與WooCommerce整合。
所有WooCommerce元件都將自動適應Astra支援的網站部分,
並從主題自訂設定中獲得安裝即用的顏色和字體。
這樣,你可以以最少的設定立即啟動並運行你的商店。讓我們來看看吧!

小提醒:Astra在Astra Pro Addon外掛的專用模組中提供了更多網頁設計樣式選項。
了解有關Astra Pro Addon的WooCommerce模組的更多資訊。
Astra Pro外掛通過WooCommerce模組擴展WooCommerce選項。

WooCommerce設定

請確保你已安裝WooCommerce外掛。
一旦安裝並啟用它,你將在自訂下找到WooCommerce的專用選項卡。

小提醒:在Astra 2.0之後,Astra在控制台中將Astra WooCommerce設定
與WooCommerce預設設定結合在一起。
現在,你將在WooCommerce的第一個面板中找到組合的設定。

WooCommerce選項卡

在WooCommerce選項卡下,你將找到分類更多的選項。

小提醒:現在,Astra將所有WooCommerce設定都放在一個WooCommerce選項卡下。
在此期間,你可以找到帶有WooCommerce設定的Astra設定。

Product Catalog產品目錄

你可以在此處控制 商店 頁面的外觀。這些是可用的設定:

  • Shop Archive Content Width商店彙整內容寬度:你可以選擇預設或自訂選項。
    如果選擇自訂設定,則可以設定 彙整頁面內容寬度 。
  • Shop Columns商店列數:每個商店頁面的列數
  • Products Per Page每頁產品數:你要顯示的產品數
  • Shop Product Structure商店產品架構:你可以在其中移動元件或停用元件的產品架構

Single Product Page單一產品頁面

啟用或停用Breadcrumb頁面路徑在此部分中顯示。

Cart Page加入購物車頁面

如果你希望顯示交叉銷售產品為網路行銷加分,則可以啟用 Enable Cross-sells 確認框。

Product Images產品圖片

你可以使用Astra以及提供 縮圖裁剪 選項與WooCommerce的設定來調整 主圖寬度 和 縮圖寬度。

Cart Icon in Menu購物車選單圖標

購物車圖標:通過導航到 外觀 > 自訂 > Header Builder > Primary Header 選項,並啟用Cart作為頁手中的最後一項,可以Menu中顯示購物車圖標。

Container排版設定

你可以在WooCommerce頁面上的 外觀 > 自訂 > Global > Container獨立控制排版。
你在此處設定的選項將影響WooCommerce商店,單一產品,購物車和結帳頁面。

Sidebar側邊欄

你可以在WooCommerce頁面(如商店,購物車和結帳)上獨立控制邊欄。
要設定邊欄,請導航至 外觀 > 自訂 > Sidebar

為了進一步控制Single Products,Astra提供了自己的側邊欄設定,
因此你可以在其中擁有完全不同的側邊欄。
你可以在自訂的任何側邊欄中新增網頁設計小工具。

基本顏色和版型

如文章開頭所述,所有WooCommerce元件都將自動適應Astra支援網站的其餘部分,
並從主題自訂設定中獲得顏色和字體。

Shopping Cart
回到頂端
Malcare WordPress Security