昨天我在这里发布了一个关于在 Magento 中更改我的产品列表大小的问题。 在解决我的问题时， Ara非常有帮助，我取得了很大的进步。但是，我现在遇到了一些新问题，希望有人能帮助我。
目前，我网站上的产品列表如下所示：http ://soundcherry.com/index.php/sound-effects.html
这是通过修改部分 list.phtml 文件 (app/design/frontend/base/default/template/catalog/product/list.phtml) 和 styles.css 文件 (skin/frontend/default/f002/css /styles.css）。
但是，在进行修改后，产品列表中的添加到购物车按钮不再起作用。所以，考虑到我缺乏知识，我似乎把事情搞砸了。list.phtml 文件中按钮的代码当前如下所示：
<p style="display:inline"><button type="button" title="<?php echo $this->__('Add to Cart') ?>" class= button btn-cart""onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button><P>
我搞砸了什么？
此外，列表视图中每个产品周围的间距有点多。无论如何我可以减少空间量吗？我的 style.css 文件中处理列表视图的部分现在看起来像这样：
/* View Type: List */
.products-list li.item { border-bottom:1px solid #d9ddd3; padding:1px 1px; }
.products-list li.item.last { border-bottom:1px; padding:25px 1px; }
.products-list .product-image { float:left; width:40px; height:40px; margin:0 0 1px; }
.products-list .product-image img { width:40px; height:40px; }
.products-list .product-shop { margin-left:55px; }
.products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; }
.products-list .product-name a { color:#203548; }
.products-list .price-box { float:left; margin:3px 13px 5px 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; }
.products-list .desc .link-learn { font-size:11px; }
.products-list .add-to-links { clear:both; }
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
我看不到任何地方可以修复间距。我错过了什么，还是会在另一个文件中？
我是一个完全的 html/css 以及 Magento 的业余爱好者，所以任何帮助都将不胜感激。