分類頁面說明 · 海拔商城操作教程

注意：分類樣式是在4.2.30版本更改，需要前端也是該版本之后重新上傳查看設置位置：![](https://img.kancloud.cn/2b/32/2b32512c085db98edf534cf2e1f6f382_1662x864.png) # 一級分類樣式4種： ## 1.一級分類樣式-小圖標樣式（不顯示商品） ![](https://img.kancloud.cn/f3/2f/f32fa5045139439ffaa7f051c16b64a8_378x608.png) ![](https://img.kancloud.cn/58/f7/58f776447f750fe3aac4ebd0593a6fe2_684x798.png) 選中該樣式，可以選擇填寫分類id，會出現不同的效果 #### 1.當沒有填寫分類id，則顯示所有一級分類的小圖標； #### 2.當填寫了一級分類id ![](https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png) 則顯示該一級分類下面的二級分類的小圖標 #### 3.當填寫二級分類id ![](https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png) 則顯示該二級分類下面的三級分類的小圖標 #### 4.不支持填寫三級分類id ## 2.一級分類樣式-大圖標樣式（不顯示商品） ![](https://img.kancloud.cn/a7/3f/a73f62cf81d6ec2dd015f3cb8775fccc_377x603.png) ![](https://img.kancloud.cn/d5/11/d5110893298eefa215257f2c9b84b3a3_946x817.png) 選中該樣式，可以選擇填寫分類id，會出現不同的效果 #### 1.當沒有填寫分類id，則顯示所有一級分類的大圖標； #### 2.當填寫了一級分類id ![](https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png) 則顯示該一級分類下面的二級分類的大圖標 #### 3.當填寫二級分類id ![](https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png) 則顯示該二級分類下面的三級分類的大圖標 #### 4.不支持填寫三級分類id ## 3.一級分類中的商品列表樣式（頂欄&顯示商品） ![](https://img.kancloud.cn/8b/11/8b117bc60fa5935a9b1765d292885a86_395x643.png) 選中該樣式，可以選擇填寫分類id，會出現不同的效果 #### 1.當沒有填寫分類id， ![](https://img.kancloud.cn/28/51/28514ffa149fe1001163685f72d59b27_404x74.png) 這里顯示所有一級分類的名稱，下面顯示對應分類下面的商品 #### 2.當填寫了一級分類id ![](https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png) ![](https://img.kancloud.cn/28/51/28514ffa149fe1001163685f72d59b27_404x74.png) 這里顯示填寫的一級分類下面的二級分類名稱下面顯示對應的二級分類商品 #### 3.當填寫二級分類id ![](https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png) ![](https://img.kancloud.cn/28/51/28514ffa149fe1001163685f72d59b27_404x74.png) 這里顯示對應的二級分類下面的三級分類的名稱；下面顯示對應的三級分類的商品； #### 4.當填寫三級分類id 之間顯示對應三級分類的商品； ## 4.一級分類中的商品列表樣式（左側欄&顯示商品） ![](https://img.kancloud.cn/5d/41/5d41d51371b97d3fcb40b85f376a95fb_360x578.png) 選中該樣式，可以選擇填寫分類id，會出現不同的效果 #### 1.當沒有填寫分類id， ![](https://img.kancloud.cn/99/12/9912c20c3dfe2ed38b0bc3ee08b70d3f_97x432.png) 這里顯示所有一級分類的名稱，右面顯示對應分類下面的商品 #### 2.當填寫了一級分類id ![](https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png) ![](https://img.kancloud.cn/99/12/9912c20c3dfe2ed38b0bc3ee08b70d3f_97x432.png) 這里顯示填寫的一級分類下面的二級分類名稱右面顯示對應的二級分類商品 #### 3.當填寫二級分類id ![](https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png) ![](https://img.kancloud.cn/99/12/9912c20c3dfe2ed38b0bc3ee08b70d3f_97x432.png) 這里顯示對應的二級分類下面的三級分類的名稱；右面顯示對應的三級分類的商品； #### 4.當填寫三級分類id 之間顯示對應三級分類的商品； # 二級分類樣式四種： ## 1.二級分類中的小圖標樣式（不顯示商品）： ![](https://img.kancloud.cn/1d/b5/1db5778a6cf036cd620c4d5f0c2d6546_343x578.png) #### 1.當不填寫分類id：左邊顯示一級分類的名稱右邊顯示對應的二級分類的小圖標； #### 2.當填寫一級分類id 左邊顯示對應的一級分類下面的二級分類名稱右邊顯示二級分類下面的三級分類的小圖標 #### 3.當填寫二級分類id 左邊顯示二級分類下面的三級分類名稱右邊為空 #### 4.不支持填寫三級分類id ## 2.二級分類中的大圖標樣式（不顯示商品）： ![](https://img.kancloud.cn/b6/a0/b6a0ee048cc7bb0eacbeccfcd8d613d1_344x563.png) #### 1.當不填寫分類id：左邊顯示一級分類的名稱右邊顯示對應的二級分類的大圖標； #### 2.當填寫一級分類id 左邊顯示對應的一級分類下面的二級分類名稱右邊顯示二級分類下面的三級分類的大圖標 #### 3.當填寫二級分類id 左邊顯示二級分類下面的三級分類名稱右邊為空 #### 4.不支持填寫三級分類id ## 3..二級分類中的商品列表樣式（頂欄&顯示商品） ![](https://img.kancloud.cn/88/fa/88fa557d1192fed218010e3fab37f10e_355x587.png) #### 1.當不填寫分類id： ![](https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png) 第一層顯示一級分類名稱 ![](https://img.kancloud.cn/1f/47/1f47c4527d12495ea43dba9a9117bb55_297x73.png) 第二層顯示二級分類名稱下面顯示二級分類對應的商品 #### 2.當填寫一級分類id ![](https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png) 第一層顯示該一級分類下面的二級分類的名稱 ![](https://img.kancloud.cn/1f/47/1f47c4527d12495ea43dba9a9117bb55_297x73.png) 第二層顯示三級分類名稱下面顯示三級分類對應的商品 #### 3.當填寫二級分類id ![](https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png) 第一層顯示該一級分類下面的三級分類的名稱沒有第二層下面顯示三級分類的商品 #### 4.當填寫三級分類id 直接顯示三級分類商品 ## 4..二級分類中的商品列表樣式（側欄&顯示商品） ![](https://img.kancloud.cn/13/51/13510747bf395bb45319135e9203e9e6_347x567.png) #### 1.當不填寫分類id： ![](https://img.kancloud.cn/ea/d4/ead43eb85386a20f3d3239b48146834d_89x408.png) 第一層顯示一級分類名稱 ![](https://img.kancloud.cn/1f/47/1f47c4527d12495ea43dba9a9117bb55_297x73.png) 第二層顯示二級分類名稱下面顯示二級分類對應的商品 #### 2.當填寫一級分類id ![](https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png) 左側顯示該一級分類下面的二級分類的名稱 ![](https://img.kancloud.cn/d7/37/d7374cebe5ddf0fb0ace345e1e97971d_237x62.png) 這里顯示三級分類名稱右下顯示三級分類對應的商品 #### 3.當填寫二級分類id ![](https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png) 左側顯示該一級分類下面的三級分類的名稱右下顯示三級分類的商品 #### 4.當填寫三級分類id 直接顯示三級分類商品 # 三級分類樣式三種：填不填分類id都是直接顯示所有三級分類。固定樣式不變 ![](https://img.kancloud.cn/84/1d/841dbd8a7e0abe097fcddf40fd771eaf_1081x581.png)