WooCommerce无法处理主题、标题丢失和css混乱

时间:2020-06-14 作者:sai

基本上,我是想让woocommerce与我的主题相结合。

总结:

标题没有显示在产品页面上,css有点糟糕

如果帖子太长,我很抱歉,当我问一些事情时,人们总是要求更多的细节。

到目前为止,我所做的是:-在函数中声明支持。php

function satelite_add_woocommerce_support() {
    add_theme_support( \'woocommerce\' );
}
add_action( \'after_setup_theme\', \'satelite_add_woocommerce_support\' );
-使用钩子钩住内容(此处可能存在错误)

remove_action( \'woocommerce_before_main_content\', \'woocommerce_output_content_wrapper\', 10);
remove_action( \'woocommerce_after_main_content\', \'woocommerce_output_content_wrapper_end\', 10);

add_action(\'woocommerce_before_main_content\', \'satelite_wrapper_start\', 10);
add_action(\'woocommerce_after_main_content\', \'satelite_wrapper_end\', 10);

function satelite_wrapper_start() { 
    echo \'<div id="post">\';
    get_header();
}
function satelite_wrapper_end() {
    echo \'</div>\';
}
因为这条线,我在这里说了可能的错误

echo \'<div id="post">\';
在官方文档中,它说要调整标记,使其成为我的主题,我真的不知道该做什么,并且认为建议的“main”不起作用。我尝试了一系列选项,并得出结论,“post”有点起作用。当我说没有工作时,我的意思是没有一个css像预期的那样工作,页面没有边距,等等。

在我的产品页面上,当我使用将产品类型定义为普通woocommerce类型时,标题会显示出来,尽管一些css仍然不起作用,例如标题与图像重叠。现在我们来谈谈主要的问题,当我将产品定义为租赁类型时,它与以前有一些相同的问题,标题没有显示。以下是示例:

[https://bosniabayti.com/product/audi-a6-copy/][1] - 普通woocommerce产品类型[https://bosniabayti.com/product/audi-a6/][2] - RnB woocommerce扩展产品类型

我注意到在使用inspect元素时,第二种类型上缺少头可见类,但我不知道如何添加它,我想知道我是否通过使用“post”正确地实现了woocommerce。

如果有人需要更多文件,请随时询问。

1 个回复
最合适的回答,由SO网友:ViralP 整理而成

你的观察是正确的。如果将“header visible”类添加到https://bosniabayti.com/product/audi-a6/, 则标题可见,类似于https://bosniabayti.com/product/audi-a6-copy/

Screenshot of "header-visible" class added to <body> tag