Articles on: 官網設計

更改列中顯示商品的數量



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

這篇說明對您有幫助嗎?

Share your feedback

取消

感謝!