如何編輯 WooCommerce 產品頁面 W/O Elementor

網上購物現在非常流行，但如果您自己擁有一家網上商店，您可能會知道管理它有多麼困難。 大多數人使用 WooCommerce 和 Elementor 來定制他們的商店，但它們也有一些缺點。

這尤其適用於 Elementor，因為它不需要任何編碼。 這聽起來像是一個優勢，但這會減少可能的功能數量以及您可以獲得的創意，這就是為什麼許多人想知道如何在沒有 Elementor 的情況下編輯 WooCommerce 產品頁面。

但是，僅通過使用 WooCommerce 進行編輯可能會很困難且令人困惑。 但是使用我們的插件 ShopReady，您只需轉到“小部件”選項卡並單擊產品頁面功能（如產品標題、價格、評論、添加到購物車等），即可在幾秒鐘內編輯沒有 Elementor 的產品頁面。

我們將在本文中使用我們的插件進行全面編輯。 所以事不宜遲，讓我們開始吧。

在所有用於在線商店的 WordPress 插件中， ShopReady – WooCommerce Builder For Elementor是最容易使用的，同時仍然具有大量功能。 因此，如果您要編輯商店的產品頁面，請按照以下方法 -

先決條件

在我們開始編輯產品頁面之前，請確保您安裝了最新版本的 WooCommerce。 您可以根據需要使用 Elementor，但它是可選的。 但是在你成功安裝之後，你可以繼續下面的步驟——

手冊：設置 ShopReady

設置 ShopReady 非常簡單，安裝只需一分鐘。 只需按照以下步驟操作 -

1. 轉到 WordPress 中的管理儀表板，然後單擊“插件”部分。
2. 在右上角，搜索“ShopReady”。 我們的插件將是第一個結果。
3. 單擊安裝並等待安裝。 這應該不會花很長時間。
4. 安裝完成後，點擊右上角的“激活”按鈕。 你完成了！ 就這麼簡單。

安裝後，您只需刷新 WordPress 頁面，您將在儀表板左側看到“ShopReady”部分。 但是要編輯您的產品頁面，只需按照以下步驟操作 -

• 找到 ShopReady 選項卡並從左側面板單擊它。
• 單擊該部分中的“小部件”或“模塊”選項卡。 我們有大量不同的功能可以在沒有 Elementor 的情況下編輯產品頁面。 其中包括必要的 WooCommerce 小部件，例如價格、產品標題、元數據、評論、描述、相關產品、添加到購物車、產品數量、產品庫存、附加信息等。
• 要查找要編輯的特定功能並將其添加到您的產品頁面，請單擊搜索欄並輸入該功能。
• 找到要添加到產品頁面的所有功能後，單擊“小部件”或“模塊”選項卡中的“激活”，一切順利！

按照這些步驟，您可以在沒有 Elementor 的情況下自定義您的 WooCommerce 產品頁面。 要更改更多設置並從頭開始完全自定義您的產品頁面，您可以轉到產品頁面模板並創建一個新模板。

使用 Elementor：通過 Elementor 進行編輯

在不使用 Elementor 的情況下使用 ShopReady 自定義產品頁面非常好，這完全取決於個人喜好，但 Elementor 可以提供一些額外的可自定義選項。

因此，為了幫助您進一步自定義產品頁面，以下是使用 Elementor 進行編輯的方法 -

1. 打開Elementor 編輯器面板。 您可以在網站的左側找到它。
2. 選擇要使用的模板。 如果您已經製作了一個，您可以使用它或從頭開始製作一個。
3. 從小部件欄中，選擇您想要的Elementor 商店頁面。最常見的是菜單購物車、產品標題、價格、評級、庫存、添加到購物車、元數據、產品描述、附加信息、評論和相關產品。
4. 要自定義每個小部件的大小顏色等，請單擊“小部件”選項卡中的功能，然後單擊“編輯”。 這應該會帶來一個包含大量不同選項的編輯菜單。

如您所見，使用Elementor WooCommerce Builder進行編輯也很簡單，將 ShopReady 與它結合起來效果很好。 但這並不總是必要的，您可以單獨使用 ShopReady 完成所有操作。

使用插件：使用插件進行更多自定義

ShopReady 與其他插件兼容，也可以與多個不同的插件組合使用！ 因此，如果您想調整一些設置或添加特定功能，您可以安裝其他插件。

但盡量不要添加太多不同的插件，因為那樣它們會覆蓋插件中的功能並使一切變得混亂。 但除此之外，您還可以使用 ShopReady 定制您心中的內容。

為什麼使用 ShopReady 來編輯 WooCommerce 產品頁面？

到目前為止，您可能會說 ShopReady 是最容易使用的插件之一，無需任何編碼。 它也支持其他插件，但大多數時候你甚至不需要 Elementor。

但是，如果您仍然不相信，以下是您應該使用 ShopReady 編輯 WooCommerce 產品頁面的幾個原因 -

完全自定義控制

對於使用 WordPress 創建在線商店，WooCommerce 非常有用，可以讓您的業務變得更加輕鬆。 但即便如此，它也沒有太多的定制選項。

但是我們的插件 ShopReady 改變了這一點。 使用它，您可以使用數百種不同的小部件、不同的模塊設置和可自定義的模板自定義在線商店中的默認 WooCommerce 頁面。

插件兼容性和優化設置

ShopReady 與其他 WooCommerce 插件兼容，因此您可以使用不同的插件以無數種方式對其進行自定義，尤其是使用 Elementor。

通常，在彼此之上添加其他第三方代碼或不同的插件會造成混亂，您的網站可能會緩衝或滯後。 但是 ShopReady 支持所有插件並以最佳方式對其進行優化以獲得最快的結果。

因此，即使您為單個產品模板 Elementor功能等複雜功能添加大量第三方代碼，也不會出現任何滯後或錯誤，您可以根據需要進行編輯。

由經驗豐富的 WordPress 開發人員製作

ShopReady 是與 WordPress 開發人員一起專業設計的，因此我們考慮了很多事情，以便以最簡單和最快的方式獲得最佳的在線商店開發過程。

通過我們的共同努力，我們製作了數百個不同的小部件和模塊，以幫助您獲得幾乎所有在線業務可能需要的功能。 ShopReady 也可以與 Elementor 一起使用，將它們結合起來可以讓您完全控製商店的各個方面。

結論

希望您關於如何在沒有 Elementor 的情況下編輯 WooCommerce 產品頁面的問題現在已經得到解答。 儘管您仍然可以在沒有 Elementor 的情況下製作出色的網站，但我們仍然建議您使用它來獲得額外的可定制性。

但作為最後一點，您應該查看產品頁面模塊，例如產品比較、產品快速查看和變化樣本。 還有更多選項，但這些是最常見的，也是一些最有用的功能。

您可以使用 Elementor 或其他插件進一步自定義這些小部件和模塊，以實現您的夢想業務在線。 祝你好運！

Astra Pro vs Elementor Pro – 頭對頭比較