如何以編程方式獲取 WooCommerce 商店 URL

已發表: 2021-08-14

您是否正在尋找獲取 WooCommerce 商店 URL 的方法？ 你想改變它嗎？ 你來對地方了。 在這篇文章中，我們將向您展示如何以編程方式獲取 WooCommerce 商店 URL ，以及如何對其進行編輯以充分利用它。

默認 WooCommerce 商店頁面 URL

您可能已經知道，WooCommerce 在線商店的默認商店頁面是帶有斜杠和字符串“shop”的網站 URL。 例如https://websitedomain.com/shop。 這就是為什麼在大多數情況下，很容易知道使用 WooCommerce 構建的電子商務商店的商店 URL。

在後端，您可以通過轉到WooCommerce > 設置 > 產品在儀表板中找到商店 URL。

如何獲取 WooCommerce 商店 URL

此外，要查找其他 WooCommerce 頁面，例如購物車、結帳、我的帳戶以及條款和條件，您需要前往“高級”選項卡。

如何獲取 WooCommerce 商店 URL

如您所見，要知道 WooCommerce 商店的商店 URL，您只需打開管理儀表板上的設置頁面。 但是，如果您需要檢索 URL 以構建鏈接或使用代碼執行某種類型的驗證，該怎麼辦？

在下一節中，我們將教您如何以編程方式獲取商店 URL 以及其他一些有用的技巧。

如何獲取 WooCommerce 商店 URL

首先，讓我們看看如何在 WooCommerce 中獲取商店 URL。 使用以下代碼段，您將獲得您網站的基礎商店：

 $shop_page_url = get_permalink(wc_get_page_id('shop'));

要在前端打印 URL，可以使用掛鉤。 如果您不熟悉鉤子，我們強烈建議您查看本指南。

在此示例中，我們將使用wp_header掛鉤，以便將 URL 打印在標題上方。

 add_action('wp_head',function(){
    $shop_page_url = get_permalink(wc_get_page_id('shop'));
    迴聲 $shop_page_url;
}

現在您已經獲得了商店 URL，讓我們看看不同的示例來自定義它。

注意：我們建議您使用獲取商店 URL 示例腳本來測試以下所有腳本。

如何更改 WooCommerce 商店 URL

在本節中，我們將向您展示如何在 WooCommerce 中更改基本商店 URL。 為此，您首先需要創建一個將打印商店的新頁面。

在您的 WooCommerce 儀表板中，轉到Pages > Add New ，創建一個空頁面並為其命名。 在此之後，前往WooCommerce 設置頁面並使用商店頁面選項中的下拉菜單選擇您新創建的頁面。 在此示例中，我們創建了一個名為Store的新頁面。

如何獲取 WooCommerce 商店 URL

而已！ 從現在開始，您的商店頁面將是您創建的新頁面。 這個新的基本商店 URL 將打印所有產品，並且一切都與默認商店頁面相同。

同樣，您可以執行相同操作並從“高級”選項卡更改購物車、結帳、我的帳戶和條款和條件頁面。

如何獲取 WooCommerce 頁面 URL

我們剛剛了解瞭如何獲取和更改 WooCommerce 商店 URL。 現在讓我們看看如何以編程方式獲取其他頁面的 URL，以便您可以在腳本中使用它們。

獲取結帳網址

要以編程方式獲取結帳 URL，您可以使用wc_get_checkout_url()函數：

 $checkout_page = wc_get_checkout_url();

有關如何自定義結帳的更多想法，請查看此完整指南。

查找我的帳戶 URL

要獲取“我的帳戶”頁面 URL，您可以再次使用get_permalink()函數，如下所示：

 $account=get_permalink(wc_get_page_id('myaccount'));

我的帳戶頁面通常被忽略，但它可以幫助您改善客戶體驗。 有關如何充分利用它的更多信息，請查看我們的教程以在 WooCommerce 中編輯“我的帳戶”頁面。

獲取購物車 URL

同樣，您可以使用get_permalink()函數獲取購物車 URL：

 $cart=get_permalink(wc_get_page_id('cart'));

自定義返回商店 URL

現在讓我們看一個稍微複雜一點的例子。 讓我們看看如何自定義Return to Shop URL 。 Return to Shop URL 是您在商店為空時看到的鏈接或按鈕。

默認情況下，該鏈接或按鈕會將您帶到商店頁面，但您可以自定義 URL 並將用戶帶到您想要的任何頁面。

例如，如果您想更改購物車頁面上Return to shop鏈接的 URL 並將用戶帶到主頁，請使用以下腳本：

 add_filter('woocommerce_return_to_shop_redirect', 'QuadLayers_change_return_shop_url');
函數 QuadLayers_change_return_shop_url() {
返回 home_url();
}

如您所見，我們正在使用home_url()函數，因此它將重定向到主頁，但您可以編輯返回行並添加您想要的任何自定義 URL。 例如，要將用戶重定向到您的博客頁面，您應該在返回行中使用： return 'https://www.yourdomain.com/blog';

WooCommerce 端點

此時，您應該知道某些 WooCommerce 頁面實際上並不是頁面，而是添加到當前 URL 的簡單 slug。 這些稱為端點，可以在WooCommerce 設置頁面上進行編輯。

WooCommerce 端點

這些端點與訂單或帳戶相關，並將觸發僅在有訂單或用戶登錄時才可見的特殊內容。如果這些事情沒有發生，用戶將被重定向到主頁。

查找付款頁面 URL

這僅在用戶已將產品添加到購物車時才有效，因為它需要現有訂單才能成功到達支付端點。

 $t=新的 WC_order；

$payment_page = $t->get_checkout_payment_url();

使用產品 ID 獲取產品 URL

您可以使用其 ID 和get_permalink()函數獲取任何產品 URL，如下所示

$product_id=34;
$product_url = get_permalink($product_id);

或者，您可以使用產品名稱（WordPress Pennant）：

 $product = get_page_by_title('WordPress Pennant', OBJECT, 'product');

$producturl = get_permalink($product->ID);

獲取首頁網址

顧名思義， home_url(); 函數將返回網站主頁的 URL。

 $home_page = home_url();

獲取網站信息

最後，這是您可以使用一些代碼檢索一些相關信息的方法：

  • 獲取網站名稱
$site_title = get_bloginfo('name');
  • 獲取網站描述
$site_decription = get_bloginfo(描述);
  • 活動主題
$my_theme = wp_get_theme();
  • PHP版本
$php_version = phpversion();
  • 服務器日期和時間
$info = getdate();

$date = $info['mday'];

$month = $info['mon'];

$year = $info['year'];

$hour = $info['小時'];

$min = $info['分鐘'];

$sec = $info['秒'];

獎勵：如何編輯 WooCommerce 商店頁面

除了查找和更改商店頁面 URL，您還可以編輯您的商店頁面。 一個好的商店頁面對於任何電子商務的成功都至關重要，因此對其進行自定義將幫助您提高客戶的滿意度並促進您的銷售。

現在讓我們看看如何在 WooCommerce 中編輯商店頁面。

  1. 創建子主題：如果您沒有子主題，您可以創建一個或使用這些子主題插件中的任何一個
  2. 文件結構：轉到您的子主題並創建一個名為WooCommerce的文件夾。 然後，在其中創建一個名為archive-product.php的文件
  3. 商店頁面內容：為避免從頭開始創建商店內容，我們將使用一些模板。 轉到父主題並查找single.php或index.php文件。 如果你的主題有機器人文件，只複製single.php 。 然後，將文件粘貼到您之前創建的WooCommerce文件夾中。 然後，刪除archive-product.php文件並將剛剛粘貼的文件重命名為archive-product.php
  4. 簡碼：要自定義商店頁面，我們將使用簡碼。 例如，如果您想在最多 9 個產品的 3 列中顯示您的產品，請使用以下短代碼：
     [ products limit="9" columns="3" ]

或者，您可以展示最受歡迎的產品。 為此，請使用以下短代碼：

 [ products orderby="popularity" ]

這些只是幾個示例，但您可以做更多的事情來自定義您的商店頁面。 有關更多信息，請查看我們關於如何編輯 WooCommerce 商店頁面的指南。

結論

總之，從 WooCommerce 儀表板中，您可以輕鬆找到商店的商店 URL。 但是，如果您需要檢索 URL，則需要一些代碼。

在本指南中，我們了解瞭如何以編程方式獲取 WooCommerce 商店 URL。 此外，您還學習瞭如何更改商店 URL 以及如何獲取其他頁面 URL。 最後，我們還向您展示瞭如何自定義您的商店頁面以充分利用它的快速概覽。

本教程有用嗎？ 您還希望我們撰寫其他指南嗎？ 在下面的評論中讓我們知道！

要充分利用您的在線商店，請查看以下帖子：

  • 如何以編程方式自定義感謝頁面
  • 學習編輯 WordPress 登錄頁面
  • 如何在 WooCommerce 中自定義添加到購物車按鈕