我需要帮助来更改prestashop 1.7.5.1中的产品页面

Question

我使用Prestashop 1.7.5.1。 我希望产品页面上的描述框和产品详细信息位于页面的右侧，并且还要填充页面的整个宽度。我怎样才能做到这一点？应该对product.tpl文件或相应的CSS文件进行哪些更改。

Answer 1

很难为您提供帮助，因为您没有在HTML / CSS代码中摆弄小提琴，请尝试编辑/更新您的问题。

但是，我假设您使用的是PrestaShop 1.7.x随附的默认模板，因此您应该在product.tpl文件中有两列带有“ col-md-6”类的列。

只需将style="float:left;"放在包含产品图片的图片上，style="float:right;"放在另一张图片上。

关于这些列的宽度，当前受元素限制：

@media (min-width: 1200px)
.container {
    width: 1140px;
    max-width: 100%;
}

您可以使用width: 100%;将宽度设置为100％，但我不建议这样做。

最终结果：