时间戳

首页 > 解决方案 > WooCommerce - 在不编辑模板的情况下删除换行符

wordpress - WooCommerce - 在不编辑模板的情况下删除换行符

问题描述

我正在围绕数量 div 的产品页面上添加增量按钮，其中包含数量输入字段。我挂钩我的按钮生成功能create_button_before和create_button_after：

add_action( 'woocommerce_before_add_to_cart_quantity', 'create_button_before' );        
add_action( 'woocommerce_after_add_to_cart_quantity', 'create_button_after' );

除了一件事之外，这很有效。我希望按钮相邻而没有空间来将 div 数量作为内联块元素。不幸的是，CSS 中的 inline-block 将元素与换行符分隔为空白。

在产品页面上，我无法应用常规 CSS hack 来使父元素的字体大小为 0（空间的宽度为 0）并明确声明所有子元素的字体大小。这是因为祖先没有恒定的元素结构——它会根据产品是单一的、可变的、分组的等而变化。也许我能以某种方式处理所有情况，但在维护方面它会比覆盖模板更糟糕。

有什么办法可以在我的第一个按钮之后和 PHP 的第二个按钮之前消除换行符，而不是覆盖模板？

编辑：我发现这是 CSS 解决方案，display: block并且float: left可以正常工作，假设我将左边距添加到按钮旁边的添加到购物车按钮。我仍然想知道我是否可以通过 PHP 实现这一点。

标签： wordpresswoocommerce

解决方案

在您的“创建按钮”功能中，在创建按钮 html 时，如何在按钮中包含内联样式？

style="display:block; float:left"

如果此样式旨在应用于父容器，则<style></style>在您的页面上包含以使用此样式覆盖该容器？

推荐阅读