BigCommerce - 如何在类别页面布局中添加额外的列？答案

【问题标题】：BigCommerce - how to add an extra column in the category page layout?BigCommerce - 如何在类别页面布局中添加额外的列？
【发布时间】：2014-10-17 11:20:42
【问题描述】：

我对此并不陌生，所以我希望我的问题对其他人来说是相关和有用的。

我有一家大型电子商务商店，我从类别页面中删除了侧面类别显示面板（我不希望显示侧面类别），但这现在只剩下 4 列产品显示在 5 列宽的页面上.哪位好心人能告诉我如何添加额外的产品列，使页面宽度再次变满，或者如何更改图像大小以使 4 列产品图像填满先前由 4+sidecategory 占用的空间？

【问题讨论】：

标签： bigcommerce

【解决方案1】：

要更改类别页面的布局，您需要更改 category.html。根据您的要求，您需要从category.html 中删除以下代码（此文件中的任何更改都将反映在您的所有类别页面中）

<div class="Left fleft">
     %%SNIPPET_SubCategories%%
     %%Panel.SideCategoryShopByPrice%%
 </div>

我是说要删除整个侧栏 div，因为您想要完整的页面布局，但您可以只删除您不想要的特定 sn-ps 或面板，但有时发生的情况就像任何面板一样目前在管理面板中未激活，但稍后每当它激活时，它就会显示问题，例如您的布局将显示具有该特定面板的侧列以及具有连续 5 个产品的宽列（产品列）。

在此之后，您必须更改名为 styles.css 的 css 文件，在此文件中搜索 .ProductList li，您可以在其中看到以百分比形式提供给 25 的宽度，因此请将其设置为 @987654327 @。

请保存以上文件，您可以看到更改。

谢谢。

【讨论】：