如何以编程方式获取 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 中自定义添加到购物车按钮