Astra Pro模組教學指南-Easy Digital Downloads設定

EDD的顏色和背景選項

跟WooCommerce不同,Easy Digital Downloads Module是Astra Pro Addon外掛提供的另一項進階功能,可擴展EDD頁面的顏色和背景選項。
要使用這些Pro功能,你需要在網站設計上安裝Astra主題以及Astra Pro外掛。

確保從外觀下的Astra Options中啟用了Easy Digital Downloads Module。
在此之前,請確認你是否已安裝並啟用Easy Digital Downloads外掛。
顏色和背景選項將在控制台中的 外觀 > 自訂 > Easy Digital Downloads > Product Archive / Single Product下提供。

以下是可用的項目:

Product Archive 產品彙整

  • Product Title Color產品標題顏色:將顏色應用於產品彙整頁面上的產品標題。
  • Product Price Color產品價格顏色: 將顏色應用於產品彙整頁面上的產品價格。
  • Product Content Color產品內容顏色:將顏色應用於產品彙整頁面上的產品簡短描述。

Single Product 單一產品

  • Product Title Color產品標題顏色: 將顏色應用於單一產品頁面上的產品標題。
  • Product Content Color產品內容顏色:將顏色應用於單一產品頁面上的產品描述。
  • Product Navigation Color產品導航顏色:將顏色應用於單一產品頁面底部的產品導航。

EDD的文字樣式選項

Typography選項將在控制台中的 外觀 > 自訂 > Easy Digital Downloads > Product Archive / Single Product 下提供。

以下是可用的項目:

Product Archive 產品彙整

  • Product Title產品標題:將文字樣式應用於產品彙整頁面上的產品標題。
  • Product Price產品價格:將文字樣式應用於產品彙整頁面上的產品價格。
  • Product Content產品內容:將文字樣式應用於產品彙整頁面上的產品描述。

Single Product 單一產品

  • Product Title產品標題:將文字樣式應用於單一產品頁面上的產品標題。
  • Product Content產品內容:將文字樣式應用於單一產品頁面上的產品描述。
  • Product Navigation產品導航:將文字樣式應用於單一產品頁面底部的產品導航。

General – EDD模組選項

Header Cart Icon 頁首購物車圖標

Header Cart Icon是與頁首中的主選單一起顯示在末尾的圖標。

你可以使用以下設定來自訂該網頁設計的購物車圖標 – 自訂 > Easy Digital Downloads > General

  • Icon圖標:根據商店出售的行銷產品,你可以選擇4種不同的圖標樣式。
    預設,購物車,包,籃
  • Style樣式:你可以將filled / outline樣式設定為圖標。
  • Display Cart Totals顯示購物車金額: 當購買者在購物車中新增特定數量的產品時,該數字以及總價增加將顯示在 Display Cart Totals 中。
  • Display Cart Title顯示購物車標題:它僅在選單上顯示購物車名稱。

EDD –Easy Digital Downloads模組概述

這是Astra Pro Addon外掛提供的一項進階功能。
要使用此Pro功能,你需要在網站上安裝Astra主題以及Astra Pro外掛。
另外,請確保已安裝並啟用了Easy Digital Downloads外掛。

我們可以看EDD與Astra主題的整合
Easy Digital Downloads Addon為你的EDD商店提供了網路行銷強大而獨特的樣式選項。
你可以用最少的工作和簡單的自訂設定使你網頁設計的商店更加時尚。

如何使用EDD模組設定EDD存儲頁面樣式的快速步驟:

步驟1:確保已安裝並啟用了Astra Pro外掛Easy Digital Downloads外掛。
步驟2:WordPress控制台 > 外觀 > Astra Options下啟用Easy Digital Downloads模組
步驟3:訪問控制台[ 外觀 > 自訂 > Easy Digital Downloads ] 以編輯模組設定

啟用外掛後,設定將在控制台中的 外觀 > 自訂 > Easy Digital Downloads 下可用

以下是可用的設定:

  • General一般
  • Product Archive產品彙整
  • Single Product單一產品
  • Checkout Page結帳頁面

Single Product 單一產品 – EDD模組選項

你可以在 外觀 > 自訂 > Easy Digital Downloads > Single Product下找到設定 

以下是在Single Product頁面上可以使用的選項 – 自訂 > Easy Digital Downloads > Single Product

  • Disable Product Navigation停用產品導航:從單一產品頁面底部刪除導航。
  • 停用 加入購物車 按鈕:從Single Product頁面底部刪除 加入購物車 按鈕。

Colors 顏色

你可以為產品標題,價格顏色和內容顏色設定顏色。

Typography 文字樣式

你可以從此處設定產品內容的文字樣式。


Product Archive產品彙整 – EDD模組選項

你可以設定列出所有產品的產品彙整頁面的樣式。

你可以在外觀 > 自訂 > Easy Digital Downloads > Product Archive下找到設定

以下是模組中的可用選項:

1.選擇Product Style產品樣式-版型

Astra的Shop頁面有兩個版型選項:

  • Grid View網格顯示:你可以在其中以網格樣式顯示產品彙整頁面,在此產品圖片顯示在頂部。
    圖片下方會顯示與產品相關的資訊,例如價格、分類、標題等。
  • List View列表顯示:圖片和產品相關資訊並排顯示的位置。

2. Archive Columns彙整列數

你可以在商店頁面上的List View和Grid View中選擇要為產品顯示的列數。
你可以使用切換按鈕選擇響應式裝置上的列數。

3. Display Page Title顯示頁面標題

啟用此選項將顯示彙整頁面的標題。

4. Product Structure產品架構

產品架構可幫助你以簡便的方式快速提供詳細資訊。
你可以用點擊眼睛圖標隱藏或顯示它們。

5. Cart Button Text購物車按鈕文字

更改加入購物車按鈕的文字。

6. Variable Product Button變動產品按鈕

選擇Variable Product的按鈕或選項。

7. Variable Product Button Text變動產品按鈕文字

更改Variable Product Button Text的文字。

8. Product Styling產品樣式

  • Content Alignment內容對齊:此選項可幫助你設定產品顯示的整體對齊。
    你可以將內容對齊方式設定為向左、向右或置中
  • Box和Box Hover Shadow陰影: 陰影有助於增強產品頁面設計。
    你可以為框以及滑鼠懸停新增陰影。

9. Button按鈕

這可以幫助你設定加入購物車按鈕的水平和垂直內距。

10. Archive Content Width彙整內容寬度

專門針對產品彙整頁面調整寬度。

11. Colors顏色

你可以為產品標題,價格顏色和內容顏色設定顏色。

12. Typography文字樣式

你可以從此處設定產品標題、產品價格、產品內容的文字樣式。


Checkout Page結帳頁面 – EDD模組選項

你可以在外觀 > 自訂 > Easy Digital Downloads > Checkout Page下找到設定 

以下選項可用:

  • Display Apply Coupon Field顯示申請優惠券欄位:優惠券欄位將在結帳頁面的頂部可見。
    如果你不想顯示優惠券的任何網路行銷資訊,可以將其停用。
  • Distraction Free Checkout無干擾結帳:啟用此選項後,網站頁首和第一個頁尾中的選單將在結帳頁面上消失。
    Distraction Free Checkout選項可覆蓋頁首和頁尾設定。
  • Checkout Form Width結帳表單寬度:讓表單寬度為預設值,或使用自訂選項設定表單的自訂寬度。

如何停用EDD內建樣式?

Astra與Easy Digital Downloads外掛整合在一起。
這意味著Astra為EDD頁面提供樣式以增強外觀。而EDD外掛也提供了預設樣式。

你需要關閉這些預設樣式以啟用Astra主題樣式。

以下是顯示如何停用EDD內建樣式的步驟:

步驟1 –從WordPress控制台導至 Downloads > Settings ,然後打開 Style 選項卡。

步驟2 –選中 Disable Styles 選項確認框。保存更改。

這將允許Astra啟用EDD頁面的樣式。


Astra與EDD一起使用時,如何在選單中新增Download Archive Pages

Easy Digital Downloads外掛允許將Download CategoriesDownload Tags之類的下載彙整頁面新增到選單。

以下是顯示如何將這些彙整頁面頁面新增到選單的步驟:

步驟1 –從WordPress控制台導到 外觀 > 選單

步驟2 –確保從畫面選項中啟用 Download Categories Download Tags選項。

步驟3 –從列表中選擇並新增所需的彙整頁面。保存選單。

小提醒:確保將每個分類和標籤至少有一次下載分配。
然後只有它們會出現在上面的列表中。


如何使用短碼在任何地方顯示迷你購物車?(Astra和EDD

Astra Pro中Easy Digital Downloads外掛提供了一個短代碼,
可在你需要任何網站設計的地方顯示迷你購物車圖標在頁面編輯器/側邊欄小工具等上使用。

短代碼擁有一個應該在懸停時打開迷你手推車的方向的 ” direction “ 屬性。

選項:

[astra_edd_mini_cart]
[astra_edd_mini_cart direction="top left"]
[astra_edd_mini_cart direction="bottom right"]
[astra_edd_mini_cart direction="top right"]

選單中購物車的設計可以使用WordPress自訂中的選項進行完全客製。
可以在控制台中的 外觀 > 自訂 > Easy Digital Downloads > General 下找到該設定。


如何在Header頁首中新增EDD購物車?

在此之前,請確認你是否已安裝並啟用Easy Digital Downloads外掛。
確保你已啟用Easy Digital Downloads外掛。

要查找設定,請從WordPress控制台導到項目中的 外觀 > 自訂 > Header Builder > Primary Menu > 最後一個選單,然後選擇  Easy Digital Downloads
它將在主選單的末尾顯示Easy Digital Downloads購物車圖標。

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

Astra ProEasy Digital Downloads附加組件提供了更改購物車圖標,
為其新增樣式,顯示購物車標題和總金額的選項。
啟用外掛後,可以在控制台中的 外觀 > 自訂 > Easy Digital Downloads > General 下找到該設定。 

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

[astra_edd_mini_cart]

1 thought on “Astra Pro模組教學指南-Easy Digital Downloads設定”

  1. Pingback: Astra主題教學指南-Easy Digital Downloads設定 – Ez2.HELP

Leave a Comment

Shopping Cart
回到頂端
Malcare WordPress Security