Question

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

我试图添加内联块，并且垂直对齐顶部到<ul>列表项已经垂直对齐到顶部，浮动：左边和显示：内联块但不知何故我无法修复这个。

如果有人能提供帮助我真的很感激。这是网址：

http://magoopaddleboards.gostorego.com/

亲切的问候，艾哈迈尔

Answer 1

.widget ul.products-grid{
 display:inline !important;
 float:none !important;
}
.widget ul.products-grid:after{display:none !important;}

Answer 2

你可以在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>

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

How to Add Custom JavaScript in Magento Go

无法在一行中显示两个ul列表

2 个答案: