增加Zencart CSS中的产品宽度
我是zencart的新手,正在学习基础知识。我安装了一个名为“pre_green”的主题。主题很好,但产品尺寸很小。我检查了产品的div,但找不到与宽度相关的任何内容。当我检查增加Zencart CSS中的产品宽度,css,zen-cart,Css,Zen Cart,我是zencart的新手,正在学习基础知识。我安装了一个名为“pre_green”的主题。主题很好,但产品尺寸很小。我检查了产品的div,但找不到与宽度相关的任何内容。当我检查源代码时,我看到一个style=“width:33%”;自动添加到divs中。我猜由于这个原因,我的产品尺寸很小 <div class="centerBoxWrapper" id="featuredProducts"> <h2 class="centerBoxHeading">Our
源代码时,我看到一个style=“width:33%”;
自动添加到divs中。我猜由于这个原因,我的产品尺寸很小
<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&cPath=1_3&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&cPath=1_3&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&cPath=1_2&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&cPath=1_2&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&cPath=1_2&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&cPath=1_2&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&cPath=1_3&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&cPath=1_3&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&cPath=1_3&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&cPath=1_3&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&cPath=1_2&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&cPath=1_2&products_id=2">Banana</a><br />Rs.30</div>
<br class="clearBoth" />
我们的产品
Rs.0
Rs.0
Rs.0
50卢比
卢比60
卢比30
所以我想知道如何增加尺寸或修改百分比。提前谢谢。我认为应该有一个选项来选择一行中要显示多少产品
它会自动增加宽度
如果没有,你必须在一些css或php文件中更改它
如果你不懂一些编码,那就很危险了
在做这个实验之前单独做一个测试你提到的33%是根据你在管理中选择的内容框显示方式的设置计算出来的。显然,你已经将它设置为显示3列。
您发布的代码是针对id=“featuredProducts”的,这表示您指的是特色产品内容框,因此控制列数的设置是在Admin->Configuration->Index list->Featured Products columns per Row
但是你一开始问如何改变你的图片的大小,并且似乎指责33%的人图片太小,但这33%并不是原因
图像的大小是根据您在管理->配置->图像中指定的尺寸来确定的。例如“图像特色产品宽度”“背景。默认设置为100。更改此设置和相应的高度设置以满足您的需要。请记住,此数字仅影响HTML告诉浏览器将图像显示为的内容。如果上传较小的图像,它们将被拉伸到这些尺寸。如果你上传的图像大得多,它们会缩小以供显示,但仍然必须下载整个图像,因此不要上传比你打算使用的图像大得多的图像,否则会降低访问者的体验。
如果您还希望支持客户可按需请求的较大图像,只需根据适当的命名方案上载附加图像,它们将在适当的情况下自动使用。Zen Cart支持网站www.Zen-Cart.com上的常见问题库为您的持续学习提供了所有这些主题。您是如何安装模板的?你有没有办法自己编辑这些文件?我已经从管理面板安装了。是的,我可以编辑文件