Sales Mart – WooCommerce Divi 子主題概述

PennyBlack Templates 的 Sales Mart Divi 子主題專為 WooCommerce 網站和博客設計。 它帶有許多專為在線銷售設計的頁面和特殊功能。 在本文中，我們將查看 Sales Mart 的頁面和功能，以幫助您確定它是否適合您的網站的 Divi 子主題。

安裝 Sales Mart Divi 子主題

安裝 Sales Mart Divi 子主題很簡單。 它確實需要幾個步驟。 首先，激活 Divi 後，像任何 WordPress 主題一樣上傳和激活子主題。

激活後，您將看到一條消息，其中包含安裝所需插件的鏈接。 安裝並激活它們。 這補充說：

• WooCommerce 菜單欄購物車
• Yith WooCommerce 快速查看
• Yith WooCommerce 願望清單

一些插件確實需要一些設置，但很容易做到。

插件激活後，您可以導入演示數據。 等待演示導入，然後您的網站將看起來像包含頁面、菜單和產品的演示。

除了頁腳外，所有內容都與演示相匹配。 我的有默認小部件，我在導入演示後將其刪除。 我還必須選擇正確的菜單、啟用願望清單和購物車。

Sales Mart Divi 子主題標題功能

標題是使用 Divi Builder 創建的。 幾個頁麵包括麵包屑。

銷售市場標題

全局標題包括兩個部分。 第一個顯示文本、簡介和社交媒體關注模塊。 第二個顯示全角菜單。

全局標題還包括一個帶有商品數量和總價的購物車。 這是通過 WooCommerce 菜單欄購物車插件添加的。

銷售市場麵包屑

大多數頁面都包含帶有背景圖像、標題和麵包屑的標題。

Sales Mart Divi 子主題頁面

Sales Mart 添加了 31 個頁面，包括 5 個主頁、3 個博客頁面和 2 個關於頁面、商店頁面、團隊頁面、推薦頁面、購物車頁面等等。 這是我見過的為數不多的帶有 500 個內部服務器錯誤頁面的 Divi 子主題之一。 它還包括一個 404 頁面、即將推出的頁面和維護頁面。 讓我們來看看其中的幾個。

銷售市場主頁

這五個主頁有一些共同點和獨特之處。 我將展示第一個的細節，然後看看其他的有什麼不同。

Sales Mart Home 靜態

默認情況下設置主頁。 它包括一個全局標題和一個全寬背景圖像，前景中有一個 CTA。 CTA 包括一個用於商店頁面的按鈕。

各種商店類別的 CTA 顯示帶有描述和商店鏈接的圖像。

最近的產品顯示在棕褐色背景上的 4 列中。 標題包括創建樣式下劃線的圖像。 樣式卡顯示 WooCommerce 產品。 Yith Wishlist 將在 Add to Cart 鏈接下添加願望清單鏈接。

倒數計時器展示了一個有兩列銷售的產品。 圖像包括樣式邊框。

暢銷產品以 3 列顯示。 此部分與最近的產品部分相匹配。

全角 CTA 顯示背景圖像並在左側放置一個商店按鈕。

銷售 CTA 在 2 列中顯示圖像，包括有關銷售的信息和商店鏈接。

推薦滑塊顯示一個深色背景圖像，並在前景中顯示一個人的圓圈圖像，他們的證詞。 它們包括箭頭和點導航。

新聞部分看起來像博客卡片。 它由圖像、簡介和文本模塊構建而成。 日期和類別顯示圖標。

客戶徽標顯示在 5 列中。

Sales Mart Home 視差

視差主頁的英雄部分顯示視差背景圖像。 下一部分顯示帶有商店頁面按鈕的產品圖像。

產品類別的圖像以多列佈局顯示。 它們包括標題和鏈接。

全角 CTA 顯示有關銷售的信息，並包括一個指向商店的按鈕。

銷售市場首頁表格

表單主頁在英雄部分顯示報價表單。 其他一切都與靜態主頁相匹配。

Sales Mart 主頁滑塊

滑塊主頁在英雄部分顯示全寬滑塊。 它有箭頭和點導航。 每張幻燈片都有一個類別標題和一個指向商店的鏈接。 它還包括視差主頁的多列產品佈局。

Sales Mart 家庭視頻

視頻主頁在英雄部分顯示背景視頻。 前景顯示標題和按鈕。 它還包括視差主頁的第二部分。

Sales Mart Divi 兒童主題商店頁面和功能

Sales Mart 包括所有預期的 WooCommerce 頁面，例如商店頁面、購物車、結帳和帳戶。 它還添加了一個願望清單頁面。 每一個的風格都與網站相匹配。 其中一些包括 Bloom 的短代碼。

Yith 快速瀏覽

Yith Quickview 插件添加了產品燈箱功能。 單擊產品快速視圖會打開一個包含信息和添加到購物車鏈接的燈箱。 將鼠標懸停在圖像上會放大圖像容器並用鼠標滾動。 單擊圖像會在燈箱中打開它。

Sales Mart 商店清單

商店列表是商店頁面。 它顯示帶有麵包屑的標題、帶有樣式的 WooCommerce 產品以及帶樣式的側邊欄。 我確實需要選擇頁面並添加小部件。

銷售市場產品頁面

產品頁面與站點匹配並包含相關產品和產品側邊欄。 您還會看到一個將產品添加到您的願望清單的鏈接或一條說明它在您的願望清單中的說明。

銷售市場願望清單

這將您的願望清單顯示為表格。 項目符號和按鈕的樣式與站點相匹配。 此頁面還添加了社交按鈕，用於在社交媒體上分享您的願望清單。

Sales Mart 關於我們頁面

第一個關於我們頁面顯示一個小部分，一側是信息，另一側是圖像。 全角部分在一側顯示圖像，在另一側顯示數字計數器。 團隊部分顯示了四名團隊成員的圖片、他們的姓名和頭銜。 該頁面還包括客戶徽標。

第二個關於我們頁麵包含一個部分，說明為什麼選擇我們。 它在一側顯示一個滑塊，在另一側顯示帶有圖標的簡介。 數字計數器放置在四個圖像上。 團隊成員擁有更大的帶有社交按鈕的人員模塊。 圖像在懸停時向下滑動。 CTA 是使用文本模塊創建的。

銷售市場團隊頁面

第一個團隊頁面顯示帶有懸停動畫的樣式人員模塊。 我將鼠標懸停在右側的模塊上。 第二部分是帶有數字計數器的全寬部分。

第二個團隊頁面為人員模塊添加了不同的樣式。 我將鼠標懸停在一個上以顯示社交按鈕。 它還添加了一個帶有酒吧櫃檯的部分，用於技能和圖像。

Sales Mart 推薦頁面

第一個推薦頁面顯示推薦滑塊和圖像。 滑塊與主頁匹配，但位於較小的列中。

第二個推薦頁面顯示不同類型的滑塊。 它將圖像放置在幻燈片的頂部並與滑塊重疊。 這是通過 CSS 類完成的。

頁面底部顯示另一種沒有圖像的推薦滑塊。 兩者都是使用標準滑塊模塊創建的。

銷售市場常見問題頁面

常見問題頁面一側顯示手風琴，另一側顯示文本。 以交替佈局和淺灰色或白色背景顯示。

Sales Mart 博客頁面

包括三種不同的博客佈局和一個樣式化的帖子頁面。

Sales Mart 博客列表

博客列表頁面在帶有側邊欄的單列中顯示帖子。 該頁面還包括帶有麵包屑的標題。 帖子、舊條目按鈕和側邊欄的樣式與站點相匹配。

Sales Mart 博客兩列網格頁面

兩列網格頁面將帖子放在兩列中，不包括側邊欄。

Sales Mart 博客三欄網格頁面

三列網格將帖子放在三列中，沒有側邊欄。

Sales Mart 博客文章

博客文章包括與博客列表頁面相匹配的樣式並包括側邊欄。

銷售市場聯繫我們頁面

“聯繫我們”頁面在表單旁邊顯示聯繫信息。 在頁面底部，您會找到一張全角地圖，用於顯示前往該位置的路線。

購買 Sales Mart Divi 兒童主題

您可以在 Divi 市場中以 49 美元的價格購買 Sales Mart Divi 子主題。 它包括無限的網站使用和一年的更新和支持。

結束的想法

這就是我們對 PennyBlack 模板中 Sales Mart Divi 子主題的看法。 這個子主題中的許多頁面和功能使其成為任何類型的 WooCommerce 商店的理想選擇。 對於想要添加在線購物的博客來說，這也是一個不錯的選擇。 安裝後需要設置一些東西，但它們並不難。 額外的功能很好用，可以幫助商店脫穎而出。 如果您正在尋找專注於 WooCommerce 的 Divi 子主題，這是一個不錯的選擇。

我們希望聽到您的意見。 您是否嘗試過 Sales Mart Divi 子主題？ 請在評論中告訴我們您對此的看法。

精選圖片來自 Newgate666/shutterstock.com