0

我是 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" />

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

4

2 回答 2

0

您提到的 33% 是根据您在管理员中选择的设置来计算您希望这些内容框如何显示的。您显然已将其设置为显示 3 列。您发布的代码用于 id="featuredProducts"，这表明您指的是您的特色产品内容框，因此控制列数的设置位于 Admin->Configuration->Index Listing->每行的特色产品列。

但是您开始询问如何更改图像的大小，并且似乎将 33% 归咎于它们太小。但 33% 并不是原因。

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

于 2013-03-01T05:05:24.910 回答
0

我认为应该有一个选项来选择您必须在一行中显示多少产品

它会自动增加宽度

如果不是，您必须在某些 css 或 php 文件中更改它，如果您不知道某些编码，那将是危险的

在做这个实验之前先做一个

于 2013-02-28T07:26:34.307 回答