0

prestashopでオンラインショッピングサイトを作り始めました。製品リスト ページで、ユーザーがグリッドビューの列番号を 3 または 4 から選択できるようにしたいのですが、css スイッチ メソッドでこれを行う必要がありますか? それとも別の方法がありますか？

4

2 に答える 2

0

設定に応じて、ボディにクラスを追加します。次に、このクラスによって分離されたルールと、両方に共通するルールを持つことができます

HTML

...
<body class="columns-3">
<!-- change the class using javascript, or php session for example -->
...

CSS

.col{
  /* rules for `.col` common to both */
}

.column-3 .col{
  /* rules for `.col` when in three column mode */
}

.column-4 .col{
  /* rules for `.col` when in four column mode */
}
于 2012-10-29T12:15:58.887 に答える
0

あなたはビリー・ムーンの言及のように行うことができ、jqueryを使用してスイッチを実行します。 $("body").addClass("column-4");

于 2012-11-06T14:52:58.060 に答える