1

私はいくつかの製品を表示していますが、magento go ストアでしか css にアクセスできません。現在、ループは 5 つの製品を連続して表示するように設定されており、ul タグは閉じられています。さらに製品が存在する場合は、次の<ul>要素が作成されます。<li>3つのアイテムのみを収容できる幅が固定されています。これはうまく機能していますが、問題は 2 行目に 2 つの項目しか表示されず、次に<ul>次の行に進むことです。私はそれが起こりたくないので、3つのアイテムを一列に表示したいと思っています。

inline-block を追加しようとしましたが、垂直方向の align-top<ul>もリスト項目に既に垂直方向に配置されており、 float:left および display:inline-block ですが、どういうわけかこれを修正できません。

誰かが助けてくれれば本当にありがたいです。ここにURLがあります:

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

あなたのマジェントで5アイテムの代わりに6アイテムを設定できますか、私はマジェントコマースの経験はありませんが、理解できれば、マジェントは各ページのアイテム数を設定できます

コードに 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 に答える