WordPress插件与WooCommerce产品页面冲突

WordPress插件与WooCommerce产品页面冲突,wordpress,woocommerce,Wordpress,Woocommerce,我们的插件在整个站点上显示一个红色的注册栏。仅在Woo Commerce页面上,注册栏进入产品描述容器,如下所示: 这是它应该做的,与站点的其他部分保持一致: 以下是该插件的代码摘录: 注册插件的/*样式表 Teresa Light 2015年8月16日 版本1.0 */ #main.clearfix.width-100{ 右填充:0px!重要; 左侧填充:0px!重要; } /*整体容器*/ 报名{ 保证金:自动; 填充:自动0px!重要; 字号:80%; 背景:#d03925;

我们的插件在整个站点上显示一个红色的注册栏。仅在Woo Commerce页面上,注册栏进入产品描述容器,如下所示:


这是它应该做的,与站点的其他部分保持一致:


以下是该插件的代码摘录:


注册插件的
/*样式表
Teresa Light 2015年8月16日
版本1.0
*/
#main.clearfix.width-100{
右填充:0px!重要;
左侧填充:0px!重要;
}
/*整体容器*/
报名{
保证金:自动;
填充:自动0px!重要;
字号:80%;
背景:#d03925;
文本对齐:居中;
显示:flex;/*新,规范-Opera 12.1,Firefox 20+*/
显示:-webkit flex;/*新-Chrome*/
显示:-moz-box;/*OLD-Firefox 19-(有bug,但大部分有效)*/
-webkit对齐项目:居中;
对齐项目:居中;
-webkit内容:中心;
证明内容:中心;
}
/*开始弯曲*/
.柔性容器{
文本对齐:居中;
显示:flex;/*新,规范-Opera 12.1,Firefox 20+*/
显示:-webkit flex;/*新-Chrome*/
显示:-moz-box;/*OLD-Firefox 19-(有bug,但大部分有效)*/
-webkit对齐项目:居中;
对齐项目:居中;
-webkit内容:中心;
证明内容:中心;
}
/*美孚优先*/
.柔性容器{
弯曲方向:立柱;
-webkit框的弯曲方向:列;
-moz框的弯曲方向:柱;
-webkit柔性方向:列;
保证金:0.5px 0;
填充:15px;
}
/*台式机-对于大于1000px的屏幕,转到一行*/
@媒体屏幕和屏幕(最小宽度:1024px){
.柔性容器{
弯曲方向:行;
-webkit框弯曲方向:行;
-moz盒弯曲方向:行;
-webkit柔性方向:行;
利润率:0.10px;
填充:10px0;
}
}
/*末端弯曲*/
h3.signup-message、.signup-message{
保证金:自动;
填充:0;
颜色:#ffffff!重要;
字体系列:“lato”,无衬线;
字号:500;
文本对齐:右对齐;
字体大小:20px;
线高:30px;
}
#inf_field_FirstName,#inf_field_Email{
边框:1px实心#D2D2D2D2;
字体大小:15px;
字体系列:“lato”,无衬线;
颜色:#7474;
填充:15px 5px;
宽度:270px;
}
.ccg按钮{
边框宽度:2倍;
边框样式:实心;
边框颜色:#ffffff;
背景:#d03925;
颜色:#fff;
字体系列:“lato”,无衬线;
字号:700;
线高:20px;
字体大小:15px;
光标:指针;
填充:13px 30px 13px 30px;
}
.ccg按钮:悬停,.ccg按钮:聚焦,.ccg按钮:激活{
边框宽度:2倍;
边框样式:实心;
边框颜色:#d03925;
颜色:#d03925;
背景:#ffffff;
}

我从未与WooCommerce合作过,但我可以告诉您,您的注册栏直接位于内容之后。它看起来像是把酒吧附在了内容上,而对于WooCommerce来说,这似乎就是产品本身


也许你想在“联系我们”部分之前,将注册栏与活动挂钩。希望这有意义

我从未与WooCommerce合作过,但我可以告诉你,你的注册栏直接位于内容之后。它看起来像是把酒吧附在了内容上,而对于WooCommerce来说,这似乎就是产品本身


也许你想在“联系我们”部分之前,将注册栏与活动挂钩。希望这有意义

与其过滤内容,不如使用wp\u footer确保注册栏位于页面底部。WooCommerce加载自定义内容包装页眉和页脚,这可能会影响您的布局

另一个选择是在woocommerce页面的底部使用hook woocommerce在主内容之后加载插件


与其过滤内容,不如使用wp\u页脚确保注册栏位于页面底部。WooCommerce加载自定义内容包装页眉和页脚,这可能会影响您的布局

另一个选择是在woocommerce页面的底部使用hook woocommerce在主内容之后加载插件


Hi@user2502479。您能否共享可能附加到该componetHi@user2502479的任何样式。您可以共享可能附加到该组件的任何样式吗?我将此操作替换为页脚,但现在它不显示。我可能需要更多的代码。Woocommerce页面看起来很复杂,但我想我可能需要转到这个页面。非常感谢您对我可能尝试的整个代码片段的任何帮助。非常感谢。添加操作('wp_footer','signup_bar');/*添加过滤器(“内容”、“注册栏”)*/它现在在所有页面上都能正常工作,但在页脚之后,所以现在我只需要弄清楚如何将其放在页脚的第一位。尝试更改添加操作的优先级。还可以使用开发工具检查源代码。或者打开footer.php并检查模板文件中是否存在actino钩子,您可以使用wp_footerAnagio以外的其他模板文件,任何关于最终解决方案的帮助都会被忽略。我在这里转载了一个新的但与之相关的问题,这个问题是usinjg wp footer与footer.php文件一起引起的。I:'我用这个动作替换了页脚,现在它不显示了。我可能需要更多的代码。Woocommerce页面看起来很复杂,但我想我可能需要转到这个页面。非常感谢您对我可能尝试的整个代码片段的任何帮助。非常感谢。添加操作('wp_footer','signup_bar');/*添加过滤器(“内容”、“注册栏”)*/它现在在所有页面上都能正常工作,但在页脚之后,所以现在我只需要弄清楚如何将其放在页脚的第一位。尝试更改添加操作的优先级。还可以使用开发工具检查源代码。或者打开footer.php,检查模板文件中是否存在actino钩子,您可以使用wp_footerAnagio以外的其他模板文件,