Question

我使用的Woocommerce具有我开发的WP主题。我需要在产品页面上的Woocommerce div中添加一个类，以使Woocommerce内容适合我的站点容器。

我刚接触Wordpress / Woocommerce。

请有人建议我该怎么做。

我只需要更改

<div class="woocommerce"> to <div class="container woocommerce">

谢谢

尼尔

Answer 1

最好的方法是复制默认的WooCommerce模板文件，然后为您自己的主题创建它们。有很多与此相关的文档。

https://docs.woocommerce.com/document/template-structure/#

Edit files in an upgrade-safe way using overrides. Copy the template into a directory within your theme named /woocommerce keeping the same file structure but removing the /templates/ subdirectory.

Example: To override the admin order notification, copy: wp-content/plugins/woocommerce/templates/emails/admin-new-order.php to wp-content/themes/yourtheme/woocommerce/emails/admin-new-order.php

Answer 2

有两个添加类的选项 1.搜索特定的div / class到woocommerce文件夹 2.通过jQuery添加

$（'。woocommerce'）。addClass（'container'）;

如果您的页面中有多个woocommerce类，请从父类继承该类。

like：-

$（'parentUniqueSelector .woocommerce'）。addClass（'container'）;

有关更多详细信息，请共享托管链接或示例代码。

Answer 3

在我的情况下，我使用Bootstrap 4框架，为了将 .row 类应用于“我的帐户”页面中的woocommerce div，我仅使用make-row（）mixin，例如：

.woocommerce-account{
  .woocommerce{
      @include make-row();
    }
  }

您还可以使用make-container（）mixin，这取决于您的项目需求。

更多信息here

向woocomerce div标签添加类

3 个答案: