分類頁面樣式 · 小程序商城系統操作手冊

<div class="article-body kancloud-markdown-body"><p>注意：分類樣式是在4.2.30版本更改，需要前端也是該版本之后重新上傳<br> 查看設置位置：<img src="https://img.kancloud.cn/2b/32/2b32512c085db98edf534cf2e1f6f382_1662x864.png" alt=""></p> <h1><a id="4_3"></a>一級分類樣式4種：</h1> <h2><a id="1_5"></a>1.一級分類樣式-小圖標樣式（不顯示商品）</h2> <p><img src="https://img.kancloud.cn/f3/2f/f32fa5045139439ffaa7f051c16b64a8_378x608.png" alt=""><br><img src="https://img.kancloud.cn/58/f7/58f776447f750fe3aac4ebd0593a6fe2_684x798.png" alt=""><br> 選中該樣式，可以選擇填寫分類id，會出現不同的效果</p> <h4><a id="1id_9"></a>1.當沒有填寫分類id，則顯示所有一級分類的小圖標；</h4> <h4><a id="2id_10"></a>2.當填寫了一級分類id</h4> <p><img src="https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png" alt=""><br> 則顯示該一級分類下面的二級分類的小圖標</p> <h4><a id="3id_13"></a>3.當填寫二級分類id</h4> <p><img src="https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png" alt=""><br> 則顯示該二級分類下面的三級分類的小圖標</p> <h4><a id="4id_16"></a>4.不支持填寫三級分類id</h4> <h2><a id="2_18"></a>2.一級分類樣式-大圖標樣式（不顯示商品）</h2> <p><img src="https://img.kancloud.cn/a7/3f/a73f62cf81d6ec2dd015f3cb8775fccc_377x603.png" alt=""><br><img src="https://img.kancloud.cn/d5/11/d5110893298eefa215257f2c9b84b3a3_946x817.png" alt=""><br> 選中該樣式，可以選擇填寫分類id，會出現不同的效果</p> <h4><a id="1id_22"></a>1.當沒有填寫分類id，則顯示所有一級分類的大圖標；</h4> <h4><a id="2id_23"></a>2.當填寫了一級分類id</h4> <p><img src="https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png" alt=""><br> 則顯示該一級分類下面的二級分類的大圖標</p> <h4><a id="3id_26"></a>3.當填寫二級分類id</h4> <p><img src="https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png" alt=""><br> 則顯示該二級分類下面的三級分類的大圖標</p> <h4><a id="4id_29"></a>4.不支持填寫三級分類id</h4> <h2><a id="3_31"></a>3.一級分類中的商品列表樣式（頂欄&顯示商品）</h2> <p><img src="https://img.kancloud.cn/8b/11/8b117bc60fa5935a9b1765d292885a86_395x643.png" alt=""><br> 選中該樣式，可以選擇填寫分類id，會出現不同的效果</p> <h4><a id="1id_34"></a>1.當沒有填寫分類id，</h4> <p><img src="https://img.kancloud.cn/28/51/28514ffa149fe1001163685f72d59b27_404x74.png" alt=""><br> 這里顯示所有一級分類的名稱，<br> 下面顯示對應分類下面的商品</p> <h4><a id="2id_38"></a>2.當填寫了一級分類id</h4> <p><img src="https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png" alt=""><br><img src="https://img.kancloud.cn/28/51/28514ffa149fe1001163685f72d59b27_404x74.png" alt=""><br> 這里顯示填寫的一級分類下面的二級分類名稱<br> 下面顯示對應的二級分類商品</p> <h4><a id="3id_43"></a>3.當填寫二級分類id</h4> <p><img src="https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png" alt=""><br><img src="https://img.kancloud.cn/28/51/28514ffa149fe1001163685f72d59b27_404x74.png" alt=""><br> 這里顯示對應的二級分類下面的三級分類的名稱；<br> 下面顯示對應的三級分類的商品；</p> <h4><a id="4id_48"></a>4.當填寫三級分類id</h4> <p>之間顯示對應三級分類的商品；</p> <h2><a id="4_51"></a>4.一級分類中的商品列表樣式（左側欄&顯示商品）</h2> <p><img src="https://img.kancloud.cn/5d/41/5d41d51371b97d3fcb40b85f376a95fb_360x578.png" alt=""><br> 選中該樣式，可以選擇填寫分類id，會出現不同的效果</p> <h4><a id="1id_54"></a>1.當沒有填寫分類id，</h4> <p><img src="https://img.kancloud.cn/99/12/9912c20c3dfe2ed38b0bc3ee08b70d3f_97x432.png" alt=""><br> 這里顯示所有一級分類的名稱，<br> 右面顯示對應分類下面的商品</p> <h4><a id="2id_58"></a>2.當填寫了一級分類id</h4> <p><img src="https://img.kancloud.cn/97/52/97527ebf1e3c1a6711e29d4aaf37e22e_1671x698.png" alt=""><br><img src="https://img.kancloud.cn/99/12/9912c20c3dfe2ed38b0bc3ee08b70d3f_97x432.png" alt=""><br> 這里顯示填寫的一級分類下面的二級分類名稱<br> 右面顯示對應的二級分類商品</p> <h4><a id="3id_63"></a>3.當填寫二級分類id</h4> <p><img src="https://img.kancloud.cn/b6/3e/b63ef1a51f950ef5a4bb93aaed3cc14d_1678x783.png" alt=""><br><img src="https://img.kancloud.cn/99/12/9912c20c3dfe2ed38b0bc3ee08b70d3f_97x432.png" alt=""><br> 這里顯示對應的二級分類下面的三級分類的名稱；<br> 右面顯示對應的三級分類的商品；</p> <h4><a id="4id_68"></a>4.當填寫三級分類id</h4> <p>之間顯示對應三級分類的商品；</p> <h1><a id="_73"></a>二級分類樣式四種：</h1> <h2><a id="1_74"></a>1.二級分類中的小圖標樣式（不顯示商品）：</h2> <p><img src="https://img.kancloud.cn/1d/b5/1db5778a6cf036cd620c4d5f0c2d6546_343x578.png" alt=""></p> <h4><a id="1id_76"></a>1.當不填寫分類id：</h4> <p>左邊顯示一級分類的名稱<br> 右邊顯示對應的二級分類的小圖標；</p> <h4><a id="2id_79"></a>2.當填寫一級分類id</h4> <p>左邊顯示對應的一級分類下面的二級分類名稱<br> 右邊顯示二級分類下面的三級分類的小圖標</p> <h4><a id="3id_82"></a>3.當填寫二級分類id</h4> <p>左邊顯示二級分類下面的三級分類名稱<br> 右邊為空</p> <h4><a id="4id_85"></a>4.不支持填寫三級分類id</h4> <h2><a id="2_87"></a>2.二級分類中的大圖標樣式（不顯示商品）：</h2> <p><img src="https://img.kancloud.cn/b6/a0/b6a0ee048cc7bb0eacbeccfcd8d613d1_344x563.png" alt=""></p> <h4><a id="1id_89"></a>1.當不填寫分類id：</h4> <p>左邊顯示一級分類的名稱<br> 右邊顯示對應的二級分類的大圖標；</p> <h4><a id="2id_92"></a>2.當填寫一級分類id</h4> <p>左邊顯示對應的一級分類下面的二級分類名稱<br> 右邊顯示二級分類下面的三級分類的大圖標</p> <h4><a id="3id_95"></a>3.當填寫二級分類id</h4> <p>左邊顯示二級分類下面的三級分類名稱<br> 右邊為空</p> <h4><a id="4id_98"></a>4.不支持填寫三級分類id</h4> <h2><a id="3_100"></a>3..二級分類中的商品列表樣式（頂欄&顯示商品）</h2> <p><img src="https://img.kancloud.cn/88/fa/88fa557d1192fed218010e3fab37f10e_355x587.png" alt=""></p> <h4><a id="1id_102"></a>1.當不填寫分類id：</h4> <p><img src="https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png" alt=""><br> 第一層顯示一級分類名稱<br><img src="https://img.kancloud.cn/1f/47/1f47c4527d12495ea43dba9a9117bb55_297x73.png" alt=""><br> 第二層顯示二級分類名稱<br> 下面顯示二級分類對應的商品</p> <h4><a id="2id_108"></a>2.當填寫一級分類id</h4> <p><img src="https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png" alt=""><br> 第一層顯示該一級分類下面的二級分類的名稱<br><img src="https://img.kancloud.cn/1f/47/1f47c4527d12495ea43dba9a9117bb55_297x73.png" alt=""><br> 第二層顯示三級分類名稱<br> 下面顯示三級分類對應的商品</p> <h4><a id="3id_114"></a>3.當填寫二級分類id</h4> <p><img src="https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png" alt=""><br> 第一層顯示該一級分類下面的三級分類的名稱<br> 沒有第二層<br> 下面顯示三級分類的商品</p> <h4><a id="4id_119"></a>4.當填寫三級分類id</h4> <p>直接顯示三級分類商品</p> <h2><a id="4_122"></a>4..二級分類中的商品列表樣式（側欄&顯示商品）</h2> <p><img src="https://img.kancloud.cn/13/51/13510747bf395bb45319135e9203e9e6_347x567.png" alt=""></p> <h4><a id="1id_124"></a>1.當不填寫分類id：</h4> <p><img src="https://img.kancloud.cn/ea/d4/ead43eb85386a20f3d3239b48146834d_89x408.png" alt=""><br> 第一層顯示一級分類名稱<br><img src="https://img.kancloud.cn/1f/47/1f47c4527d12495ea43dba9a9117bb55_297x73.png" alt=""><br> 第二層顯示二級分類名稱<br> 下面顯示二級分類對應的商品</p> <h4><a id="2id_130"></a>2.當填寫一級分類id</h4> <p><img src="https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png" alt=""><br> 左側顯示該一級分類下面的二級分類的名稱<br><img src="https://img.kancloud.cn/d7/37/d7374cebe5ddf0fb0ace345e1e97971d_237x62.png" alt=""><br> 這里顯示三級分類名稱<br> 右下顯示三級分類對應的商品</p> <h4><a id="3id_136"></a>3.當填寫二級分類id</h4> <p><img src="https://img.kancloud.cn/c0/3c/c03cf11aa554c0a3c6e81e151c4107a3_306x51.png" alt=""><br> 左側顯示該一級分類下面的三級分類的名稱<br> 右下顯示三級分類的商品</p> <h4><a id="4id_140"></a>4.當填寫三級分類id</h4> <p>直接顯示三級分類商品</p> <h1><a id="_143"></a>三級分類樣式三種：</h1> <p>填不填分類id都是直接顯示所有三級分類。固定樣式不變<br><img src="https://img.kancloud.cn/84/1d/841dbd8a7e0abe097fcddf40fd771eaf_1081x581.png" alt=""></p> </div>