WooCommerce 是一個(gè)強(qiáng)大的電商平臺(tái)，結(jié)合 Astra Pro 插件，商家可以對(duì)單一產(chǎn)品頁(yè)面進(jìn)行個(gè)性化定制，增強(qiáng)網(wǎng)站功能和視覺(jué)吸引力。本文將介紹如何使用 Astra Pro 對(duì) WooCommerce 單一產(chǎn)品頁(yè)面進(jìn)行設(shè)計(jì)優(yōu)化。

安裝與激活 Astra Pro 插件

首先，確認(rèn)已安裝并激活以下插件：

• Astra 主題
• Astra Pro 插件
• WooCommerce 插件

啟用 WooCommerce 模塊后，進(jìn)入 儀表盤(pán) > 外觀 > Astra 選項(xiàng)，然后在 外觀 > 自定義 > WooCommerce > 單一產(chǎn)品 中開(kāi)始進(jìn)行頁(yè)面自定義。

產(chǎn)品標(biāo)題區(qū)域設(shè)置

Astra Pro 提供豐富的選項(xiàng)來(lái)定制產(chǎn)品頁(yè)面的標(biāo)題區(qū)域。在 外觀 > 自定義 > WooCommerce > 單一產(chǎn)品 中，調(diào)整以下內(nèi)容：

• 標(biāo)題顯示：選擇是否顯示產(chǎn)品標(biāo)題。
• 橫幅布局：自定義產(chǎn)品橫幅的樣式。
• 面包屑導(dǎo)航：?jiǎn)⒂妹姘紝?dǎo)航幫助用戶輕松瀏覽頁(yè)面。
• 摘要：展示簡(jiǎn)短的產(chǎn)品描述。
• 元數(shù)據(jù)：展示產(chǎn)品的類別或標(biāo)簽等信息。

容器布局選擇

Astra Pro 提供三種容器布局方式，幫助調(diào)整產(chǎn)品頁(yè)面的布局：

• 默認(rèn)布局
• 正常布局
• 全寬布局

根據(jù)需求選擇合適的布局，確保頁(yè)面視覺(jué)效果的整潔與美觀。

側(cè)邊欄布局

Astra Pro 插件為產(chǎn)品頁(yè)面提供了多個(gè)側(cè)邊欄布局選項(xiàng)：

• 默認(rèn)布局
• 無(wú)側(cè)邊欄
• 左側(cè)邊欄
• 右側(cè)邊欄

選擇適合的側(cè)邊欄布局，或者在不需要側(cè)邊欄時(shí)選擇 無(wú)側(cè)邊欄。

畫(huà)廊展示與圖片縮放效果

在產(chǎn)品圖像展示方面，Astra Pro 提供幾種畫(huà)廊布局：

• 垂直布局
• 水平布局
• 首圖大圖
• 垂直滑塊
• 水平滑塊

此外，還可以啟用 圖片縮放效果，讓用戶在鼠標(biāo)懸停時(shí)放大產(chǎn)品圖像，查看更多細(xì)節(jié)。

固定產(chǎn)品圖像與摘要

Astra Pro 允許啟用以下功能，提升頁(yè)面的可視性：

• 固定產(chǎn)品圖像：滾動(dòng)頁(yè)面時(shí)，產(chǎn)品圖像會(huì)固定在頁(yè)面頂部，始終保持可見(jiàn)。
• 固定產(chǎn)品摘要：滾動(dòng)頁(yè)面時(shí)，產(chǎn)品摘要會(huì)始終保持在頁(yè)面頂部，方便查看。

產(chǎn)品導(dǎo)航與變體展示

Astra Pro 為產(chǎn)品頁(yè)面提供了以下功能：

• 產(chǎn)品導(dǎo)航：用戶可以輕松在不同產(chǎn)品間切換，提升頁(yè)面的互動(dòng)性。

• 產(chǎn)品變體展示：對(duì)于擁有多個(gè)變體的產(chǎn)品，可以選擇將變體展示為并排或堆疊布局。

產(chǎn)品描述與相關(guān)產(chǎn)品展示

通過(guò) Astra Pro，商家可以靈活定制產(chǎn)品描述和相關(guān)產(chǎn)品展示：

• 產(chǎn)品描述標(biāo)簽：選擇標(biāo)簽展示方式，包括垂直、水平或手風(fēng)琴式布局。

• 相關(guān)產(chǎn)品展示：在產(chǎn)品頁(yè)面底部展示相關(guān)產(chǎn)品或追加銷(xiāo)售產(chǎn)品，提升用戶購(gòu)物興趣。

固定添加到購(gòu)物車(chē)按鈕

啟用 固定添加到購(gòu)物車(chē)按鈕 后，用戶在瀏覽頁(yè)面時(shí)，無(wú)論滾動(dòng)到哪，添加到購(gòu)物車(chē)按鈕始終保持可見(jiàn)，方便隨時(shí)添加商品到購(gòu)物車(chē)。

總結(jié)

Astra Pro 插件為 WooCommerce 單一產(chǎn)品頁(yè)面提供了強(qiáng)大的定制功能。從標(biāo)題區(qū)域、容器布局、側(cè)邊欄設(shè)置，到畫(huà)廊展示、固定圖像和摘要功能，每個(gè)選項(xiàng)都幫助商家打造更具吸引力和功能性的產(chǎn)品頁(yè)面。這些自定義功能能夠提升產(chǎn)品展示效果，增加頁(yè)面互動(dòng)性，幫助商家吸引更多客戶，推動(dòng)更多轉(zhuǎn)化。

相關(guān)文章

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息