2013-07-03 36 views
2

經過一些工作,我已經成功地將我的網站產品列表頁面上的「排序方式」選項從其原始位置上移到限制器旁邊(每個頁面上顯示的產品數量),而不會打破它。但是,我似乎無法弄清楚如何改變它的當前路線。Magento - 更改產品列表頁面上「排序方式」選項框的對齊方式?

我已將它與限制器內聯顯示,但我想將它移到右側,以便它直接位於限制器旁邊(而不是直接位於中心位置)。

你可以看到它的產品列表頁面上的當前位置在這裏:http://soundcherry.com/index.php/sound-effects.html

如何實現移動「排序」選項,右邊?我覺得這是非常明顯的事情,而我由於缺乏經驗而錯過了它。

任何幫助將不勝感激。謝謝!

編輯

這是styles.css的頁面,我認爲我需要改變的部分。我完全改變什麼?每次我想我已經想通了,它不會產生我期望的結果。

/* Sorter */ 
.sorter { font-size:11px; padding:1px 8px; } 
.sorter .view-mode { float:left; margin:0; } 
.sorter .sort-by { float: right; } 
.sorter .sort-by label { vertical-align:middle; } 
.sorter .sort-by select { padding:0 ; margin: 1px; vertical-align:middle; } 
.sorter .link-feed {} 

回答

2

你可以做簡單的方式

當我從螢火蟲更改爲2小產權添加到您的sort-by類,你可以添加像下面內嵌樣式或在你的CSS,如果你想獲得相同在

所有頁面的功能,只是在下面添加CSS

float: right; 
margin-left: 15px; 

編輯

.pager .sort-by { float: right; margin-left: 15px;} 

讓我知道,如果我可以幫助你進一步。

+0

嘿,感謝您花時間幫助我。我是一個非常大的業餘愛好者,所以我仍然無法使其工作。我編輯了我的原始帖子,以顯示我認爲處理按功能排序的style.css文件的部分。我應該更改哪部分代碼? – MAC

+0

請檢查我的更新回答,並讓我知道 – liyakat

+0

非常感謝你,這個伎倆。 – MAC