2012-10-29 75 views
0

我開始用prestashop製作一個在線購物網站。在我的產品列表頁面上,我想讓用戶選擇gridview列號爲3或4.我應該使用css switch方法嗎?還是有另一種方法?用戶如何選擇CSS樣式?

+0

我不知道什麼是CSS開關方法,但如果你的意思是「我應該改變使用JavaScript的樣式」,是的,這是一個好主意。 –

+0

我不認爲有人能夠幫助你,因爲你甚至沒有試圖爲此做點什麼。如果我錯了,請包括你的努力的一些代碼。 – memosdp

回答

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 */ 
} 
0

你可以做比利月亮提到,並使用jQuery執行開關,如$("body").addClass("column-4");