css - 将 div 放入固定位置 woocommerce

Question

这里是 CSS 新手。

/// 我的其中一个网页遇到了一些问题。

我无法确定显示价格的位置。

尝试了 absolute 和 clear 这两个属性。

CSS 在 1920px 宽度上有效

*Guy Ytzhak 解决了我的问题

Answer 1

在主题文件夹中的 functions.php 文件中使用此代码:

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);

就是在你单品页面的标​​题下去掉他的位置的价格。

并且您可以随时在页面中使用此操作添加此操作(这只是示例):

add_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 35);

你可以看到我从优先级 10(第一步)的显示中删除了价格，然后在优先级 35 下添加了他。

这是 woocommerce 单品页面中的常规优先级:

/**
             * Hook: Woocommerce_single_product_summary.
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @hooked woocommerce_template_single_price - 10
             * @hooked woocommerce_template_single_excerpt - 20
             * @hooked woocommerce_template_single_add_to_cart - 30
             * @hooked woocommerce_template_single_meta - 40
             * @hooked woocommerce_template_single_sharing - 50
             * @hooked WC_Structured_Data::generate_product_data() - 60
             */

如果您使用的是优先级 35，则它位于“woocommerce_template_single_add_to_cart”和“woocommerce_template_single_meta”之间。