Woocommerce产品列/行已损坏

时间:2017-01-23 11:55:02

标签: html css wordpress woocommerce

我正在开发一个wordpress woocommerce网站,由于某种原因,产品列表被打破。 香港专业教育学院尝试过不同的插件甚至css但似乎无法解决这个定位问题..它似乎正在最后一页工作(我不确定这是因为列表在最后一页有1行)

http://image.prntscr.com/image/83ab691cd2c24cf7bca34ef8f1a69847.png

问题出现在本页底部; http://mycompany.com/shop

有人可以帮我解决问题吗?我的想法。 感谢

2 个答案:

答案 0 :(得分:0)

您可以通过在活动主题的functions.php中添加以下代码来更改woocommerce中每页显示的产品数量。

// Display 8 products per page. Goes in functions.php
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 8;' ), 20 );

如果您想在woocommerce中更改每行的产品数量,请使用以下代码。

// Change number or products per row to 5
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
        return 5; // 5 products per row
    }
}

答案 1 :(得分:0)

我只给了2分,我遇到了同样的问题,奋战了大约2个小时才找到原因。更改标题填充为我解决了这个问题。尝试了以上内容,但没有任何效果。因此,以防万一有人碰到这个问题,请尝试更改产品填充。每个主题可能有所不同,但这为我消除了可怕的空白。

.woocommerce .products .product h3, .woocommerce .products .product h2 {
    padding: 0px 0;
}