1

我正在展示一些产品，我只能在 magento go 商店中访问 c​​ss。现在，循环设置为连续显示 5 个产品，并且 ul 标签已关闭。然后，如果存在更多产品，<ul>则创建下一个元素。我有固定宽度，只能容纳 3<li>件物品。这很好用，但问题是在第二行只显示两个项目，然后<ul>进入下一行。我不希望这种情况发生，并且想连续显示 3 个项目。

我试图添加 inline-block ，并且垂直 align-top 到<ul>列表项也已经垂直对齐到顶部， float:left 和 display:inline-block 但不知何故我无法解决这个问题。

如果有人可以提供帮助，我将不胜感激。这是网址：

http://magoopaddleboards.gostorego.com/

亲切的问候，艾哈迈尔

4

2 回答 2

4 
.widget ul.products-grid{
 display:inline !important;
 float:none !important;
}
.widget ul.products-grid:after{display:none !important;}
于 2013-08-13T05:52:52.833 回答
0

你能在你的magento中设置6个项目而不是5个项目吗，我在magentocommerce方面没有经验，但如果我理解，magento可以配置每个页面的项目数

很遗憾您不能在代码中包含 javascript 这个 jquery 代码可以解决您的问题：

<script>
var newUl = $('<ul class="products-grid">');    
$('.widget-products > ul.products-grid').each(function() { 
       $(this).find('li.item').each(function() { 
            newUl.append($(this))
       });
       $(this).remove();
    });
$('.widget-products').append(newUl);
</script>

没有什么是不可能的，搜索并找到如何包含这个:)

如何在 Magento Go 中添加自定义 JavaScript

于 2013-08-13T05:53:22.317 回答