如何在Prestashop的“特色产品”模块中放入3列

时间:2017-08-09 11:40:45

标签: prestashop-1.7

我的问题是:我将特色产品放在索引页面中,但这会将产品放在2列中,并在右边留下一个空白区域,我不喜欢它。

如何添加更多列?我想要三列。

奇怪的是,在一个类别中,产品被放在3列中。索引页面和类别页面具有相同的布局,因此我不会低估这种情况。

我使用1.7.1.2版本。

Index page with blank space on the right

Category pages with products in 3 columns (perfect)

2 个答案:

答案 0 :(得分:0)

如何在prestashop 1.7(moble或web)中添加两列布局 如果要在移动屏幕中显示两列-prestashop 1.7.6 public_html / www.yourwebsitefoldername.com / themes / classic / assets / css / custom .css

@media(最大宽度:767像素){ .products .product-miniature {宽度:48%!重要; float:left!important;}

.thumbnail-container {width: 156px !important;}
.product-description {width:152px !important;}
.thumbnail-container {height:267px !important;}

} enter image description here

答案 1 :(得分:-1)

我不知道你是否解决了你的问题,但答案是: 在website / theme / classic / assets / css / theme.css

#products .products, .featured-products .products, .product-accessories 
.products, .product-miniature .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center; <------------------- is center
}

:)