更改列中顯示商品的數量

1.介紹
不同的顯示數量會給您的商店帶來不同的感覺。如果您希望您的商店不那麼雜亂,或者您想展示更多種類的產品,您現在可以決定在您的商店中每列能展示多少商品。
好處:
自定義每列商品數量,以創建適合您商店方向的外觀。
擁有一個更有組織和整潔的商店
2.首頁上每列商品顯示數量
步驟 1:到 EasyStore控制面板 > 銷售管道 > 品牌官網 > 編輯原始碼 > 找到product-grid-item.liquid
步驟 2:在頂部插入 {% comment %},在底部插入 {% endcomment %},如下圖所示:

步驟 3:儲存
步驟 4:接下來,找到 features-product.liquid
步驟 5:將 “products_per_row” 旁邊的數字更改為您希望的每行產品數量 > 儲存

備註:您只能將數字更改為 2、3、4、5。
3. 商品分類頁面上每列商品顯示數量
步驟 1:找到 collection-grid-item.liquid
步驟 2:在頂部插入 {% comment %},在底部插入 {% endcomment %},如下面的屏幕截圖所示:

步驟 3:儲存
步驟 4:接下來,轉到collection.liquid
步驟 5:將“products_per_row”旁邊的數字更改為您希望的每行產品數量 > 儲存

備註:您只能將數字更改為 2、3、4、5
4.商品分類頁面中每列顯示 2 個商品品(用於手機瀏覽)
步驟 1:到 EasyStore控制面板 > 銷售管道 > 品牌官網 > 編輯原始碼 > 找到settings_data.json
步驟 2:找到collection_products_list_per_row > 將3改為4

步驟 3:保存並完成
Updated on: 12/01/2024
感謝!