Question

对不起，我是一个完整的新手，我的问题对某些人来说可能听起来很愚蠢。我已经接管了另一个不再可访问的开发人员完成的WordPress站点的维护。我无法在下一页https://www.covalin.com/product-category/boxes/metallic-boxes/上正确显示内容，当我将页面上显示的产品数量更改为高于9的任何内容时，它会将页脚推到中间位置页面并显示页脚下方的产品。我想能够在每个子类别下的所有产品。请参阅下面的屏幕截图，以了解问题。任何指导都会得到最大的启发，我花了好几个小时试图解决这个问题。

当我在下面使用下面的CSS时，它部分解决了问题，但创建了另一个所有内容都可滚动但显示在页脚后面的内容。

CSS代码 - 使用

for /F "delims=" %%a in ('FINDSTR "\<@-.*"  C:\RDS\PRUEBAS\txt1.wsx') do set 
"VAR=%%a"
  echo %VAR% 
 if "%VAR%" == "true" (
    set /p VAR=0<C:\FILEPATH\LOS40.wsx & wget -q 
"http://x.x.x.x:7380/parameter/fm/rds/rds_rt=%VAR%" -O NUL 
) else (
    set /p TEXTO=0<C:\FILEPATH\ENVIVO.wsx & wget -q 
"http://x.x.x.x:7380/parameter/fm/rds/rds_rt=%TEXTO%" -O NUL
)

PHP代码，用于更改显示的产品数量，由最后一个开发人员添加：

.footer {
 position: fixed;
 bottom:0;
 }

How the site looks like with 9 products on a page

How the site looks like with 27 products on a page

已更新 - 使用下面的footer.php文件

/*---------- woo-product pagination number setting ------------*/

add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );

function new_loop_shop_per_page( $cols ) {
// $cols contains the current number of products per page based on the value 
stored on Options -> Reading
// Return the number of products you wanna show per page.
$cols = 27; //I changed this from 27 to 9 for the page to display properly.
return $cols;
}

Answer 1

问题是您没有正确关闭<div>。

目前就像

<div id="page" class="hfeed site container">
    <div class='row custom_header'>
       <!-- some contents..... -->
    </div>
    <div class='row'>
        <div id="main" class="site-main col-md-12 col-sm-12">
           <!-- some contents..... -->
        </div>
        <div class='row'>
            <footer id="colophon" class="site-footer col-md-12 col-sm-12">
               <!-- some contents... -->
            </footer>
        </div>
    </div>
</div>

应该是，

<div id="page" class="hfeed site container">
    <div class='row custom_header'>
        <!-- some contents... -->
    </div>
    <div class='row'>
        <div id="main" class="site-main col-md-12 col-sm-12">
            <!-- some contents... -->
        </div>
    </div>
    <div class='row'>
        <footer id="colophon" class="site-footer col-md-12 col-sm-12">
            <!-- some contents... -->
        </footer>
    </div>
</div>

无需更改CSS。

WordPress页脚上面的内容

1 个答案: