有關的文章: 官網設計

更改列中顯示商品的數量(舊版主題 - Candy 或之前發佈之主題)


1.介紹

不同的顯示數量會給您的商店帶來不同的感覺。如果您希望您的商店不那麼雜亂,或者您想展示更多種類的產品,您現在可以決定在您的商店中每列能展示多少商品。此教學僅支援舊版主題 - Candy 或之前發佈之主題。



好處:


  • 自定義每列商品數量,以創建適合您商店方向的外觀。


  • 擁有一個更有組織和整潔的商店




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:保存並完成



更新時間: 29/07/2024

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!