Question

我是zencart的新手并且学习基础知识。我安装了一个名为'pre_green'的主题。主题工作正常，但产品尺寸非常小。我查看了持有产品的div，但无法找到与宽度有关的任何内容。当我查看source-code时，我看到自动将style="width:33%;添加到div中。我想因为这个我的产品尺寸很小。

    <div class="centerBoxWrapper" id="featuredProducts">
    <h2 class="centerBoxHeading">Our Products</h2>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=7">
<img src="images/chili.gif" alt="Chilli" title=" Chilli " width="100" height="67" /></a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=7">Chilli</a><br />Rs.0</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=3">
<img src="images/melon.jpg" alt="Melon" title=" Melon " width="100" height="70" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=3">Melon</a>
<br />Rs.0</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=4">
<img src="images/orange.jpg" alt="Orange" title=" Orange " width="100" height="70" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=4">Orange</a>
<br />Rs.0</div>
    <br class="clearBoth" />

        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=9">
<img src="images/potato.jpg" alt="Potato" title=" Potato " width="80" height="80" /></a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=9">Potato</a>
<br />Rs.50</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=11">
<img src="images/tomato.jpg" alt="Tomato" title=" Tomato " width="80" height="80" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=11">Tomato</a>
<br />Rs.60</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=2">
<img src="images/banana.jpg" alt="Banana" title=" Banana " width="100" height="70" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=2">Banana</a><br />Rs.30</div>
    <br class="clearBoth" />

所以我想知道如何增加大小或修改百分比。提前谢谢。

Answer 1

我认为应该有一个选项可以选择您需要在一行中显示的产品数量

它会自动增加宽度

如果不是你必须在某些css或php文件中更改它如果你不知道一些编码会很危险

在做这个实验之前独自完成

Answer 2

您提到的33％是根据您在管理员中选择的设置计算的，以了解您希望这些内容框的显示方式。你显然已经将它设置为显示3列。您发布的代码是id =“featuredProducts”，因此表示您指的是您的精选产品内容框，因此控制列数的设置位于Admin-＆gt; Configuration-＆gt; Index Listing - ＆gt;每行特色产品列。

但是你开始问如何改变图像的大小，并且似乎将33％的因素归咎于它们。但33％不是原因。

根据您在Admin-＆gt; Configuration-＆gt;图像中指定的尺寸调整图像大小。例如“图像 - 特色产品宽度”设置。默认设置为100.更改它和相应的高度设置以满足您的愿望。请记住，此数字仅影响HTML告诉浏览器将图像显示为的内容。如果您上传较小的图像，它们将被拉伸到这些尺寸。如果您上传的图像非常大，它们将缩小以供显示，但仍然必须下载整个图像，因此请勿上传比您打算使用的图像更大的图像，否则会降低访问者的体验。如果您还想支持客户可以按需请求的更大图像，只需根据相应的命名方案上传其他图像，它们将在适当的时候自动使用。 Zen Cart支持网站www.zen-cart.com上的常见问题解答库解决了所有这些主题，以便您持续学习。

增加Zencart CSS中的产品宽度

2 个答案: