Home » OpenCart 技巧

[OpenCart]預設商品展示方式為棋盤式排列

[ 日期： | 瀏覽：17,471 | 迴響：21 ]

OpenCart 在商品展示時的預設顯示方式是清單式(list)排列，雖然也能依瀏覽者喜好來切換成棋盤式(grid)排列。不過就有網友問到是否能將預設改成棋盤式(grid)排列呢？

要修改並不難，因為顯示方式本來就是透過 JavaScript 來改變，所以開啟 catalog\view\theme\佈景\template\product\category.tpl，然後在檔案最下面應該會看到：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9

view = $.cookie('display');
 
if (view) {
	display(view);
} else {
	display('list');
}
//--></script> 
<?php echo $footer; ?>

從這邊可以看到瀏覽者切換完後的設定會一起記在 cookie 中，下次再進來時就會直接讀取設定，若是第一次的話，它就用預設的 list 方式。所以只要把第 197 行的 list 改成 grid 就可以囉。

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9

view = $.cookie('display');
 
if (view) {
	display(view);
} else {
	display('grid');// here
}
//--></script> 
<?php echo $footer; ?>

存檔後就可以收工看效果了。

範例 1

21 筆針對 [OpenCart]預設商品展示方式為棋盤式排列 的迴響

  1. 您好,我想請問如果我已經完成切版和的網頁加上國外網站所分享的JQ套件後,只有IE系列
    有問題,想請問若麻煩您協助處理的話大概是如何收費呢?謝謝呦^^

  2. 你好
    我我請問大大是否能幫忙寫將OpenCart和ezship 串接程式

    想請問若麻煩您協助處理的話大概是如何收費呢?

    我在這裡說一下我的需求
    我現在賣場運費想改成
    超商運費+50
    宅配+70
    超商貨到付款+100
    宅配貨到付款+120
    不過我想要前兩項買1000能免運費
    系統能設定嗎?
    如果不能再跟我說ㄛ

    這些我全部都想串聯到ezship

    在跟我說

    也麻煩告知我一下如何付款
    我用的是opencart 版本1.5.0.5

    • 如果你在運費設定那邊沒看到這樣的設定項目的話, 那就是內建就沒提供這樣的功能了。
      至於修改程式, 這...要找時間來試試。

      而 ezship 則沒用過, 它們沒提供外掛模組給 OpenCart 使用嗎?

  9. 男丁老師想請問一下
    關於新版的opencart 1.5.4
    在產品頁
    原本的購買數量已改成自己填入方式
    請問如何用javascript將使用者輸入的全形數字改為半形呢?

    謝謝

  10. 之前照您的設定在catalog\view\theme\佈景\template\product\category.tpl
    的第 197 行的 list 改成 grid" 但是都沒有反應，我的版本是Version 1.5.3.1

    後來在網路上找到這個（嗚嗚，後悔沒好好學英文）
    http://www.itsadam.co.uk/opencart-grid-view-by-default/
    卻是要在Open > your themes folder > template > common > footer.tpl 這裡加上這段：
    $(document).ready(function() { display('grid'); });

    然後就成功了.....
    但我還是不明白，為什麼是加在common > footer.tpl這頁呢？

發表迴響