> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Shine Collection Products Sections ## About Shine Theme Collection Products Section The **Shine Theme Collection Products** section displays all the products of your selected collection. The **Collection Products** section cannot be removed. However, it can be hidden on the Collection template. ## Access Shine Theme Collection Products Section On the top center bar, click the dropdown button > **Collection**. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584435/9ea1c1fdbf1bc92f2010b93a5d0b/1.png?expires=1792403100&signature=dcca652bed60f6ffca7817d207e3f91b7904b9715c8da63fa49e9226038ae54d&req=dSknFMx2mYVcXPMW1HO4zTQOfSJbkGEK3%2By5jcQ%2F2UNLJo6sjthch5MZ5RjL%0AF8sKw1JFg5AH21ZG2MY%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/b/7/4/1/b7416dc68e51c000/62bbaaa9-e4b3-4135-a226-eafd37_7bpft.png) On the left sidebar, head to **Template** > **Collection Products**. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584471/99ebc5a0ffb037b7a40bc07ed2a4/2.png?expires=1792403100&signature=2d443294b55f04b5ed491646b53b7b026902e49c0da91be513ae5c41cf18690a&req=dSknFMx2mYVYWPMW1HO4zboxeCgv2ZWxCdDx0bFFg5sCX75nmR01LyQyiVbS%0AcKf9YyBr%2FilXdwAD2RM%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/4/f/7/7/4f7754534ed11000/652fe31a-ceb6-43ec-a6cc-63026e_p195e.png) The **Collection Products** section has several settings that can be adjusted. To change the collection for Preview, on the top left sidebar, click on **Change** > Select collection. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584491/acd4457b0c67d84a068c7a9f69f3/upload_8026966021126702654.png?expires=1792403100&signature=b3b739d42c7dfa27a103ad642f445e644b588d57b1b536ea36be197fd85d16f6&req=dSknFMx2mYVWWPMW1HO4zfFsP%2BaJEv5W3ANzPGRwc1nnFjTbb14YqAY1x3Ut%0Aur6OzuLJnm5LAsLnyq8%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/b/3/a/b/b3ab4990410c1000/a06df1ac-defa-4991-96fe-bf9a89_cq087z.png) To configure the **Collection Products** section, click on the section to access the configuration settings. ## General Under the **Color Scheme**, you can choose a specific scheme for the **Collection Products** section. To modify or add a new color scheme, go to Theme Settings > Color. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584525/5bccacd831a81aa22f81a4f5f7bf/3.png?expires=1792403100&signature=b255c231ff401619a77eaad0f9404e85fc107d3fe9906087460f0f32aa7336d8&req=dSknFMx2mYRdXPMW1HO4zdO1GzDNNWv90qi4scd0RML4bulieWsCOG6GjD5J%0AD4F7dI0f4w57rHmcpEk%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/e/1/a/0/e1a020811504d800/2c779c82-4a6a-4caf-9501-5ed409_lh7294.png) On each collection, you can choose to display between, 20, 30, 40, and 50 Items per load. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584572/1189a5ac1009c1eb72b8532bba13/4.png?expires=1792403100&signature=76b11ee5e512eb43a052adad87b0943d8955b77d498c1469fc406e3db12feadc&req=dSknFMx2mYRYW%2FMW1HO4zeC0Lp3l0gF6VBaV5ANvZY%2BhdDKtjUejIwjzAAmO%0Ar4aU1zU8HaKxfXOBwJE%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/4/c/0/54c0503b5c8de000/c75e947b-f988-44e7-a9ab-24efc2_8w2es2.png) You can adjust the **Load products method** with three different styles: * Pagination * Button * Infinity scroll [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584608/8e62d15b3fb6b7f355628a19e75f/5.png?expires=1792403100&signature=30155795030e86ce5c61a6a8dbd7d32104e047f4c11034ce71575b5272de23dd&req=dSknFMx2mYdfUfMW1HO4zRsvpqeQozWAueeQQXg04SSoSw05BR7NQt2pjhTB%0AJxlMxJhSEO9AdRBJVxI%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/6/5/f/665f83d2be432c00/709a9e8f-2bd4-463a-b3b6-0bacc7_ahou10.png) For further customization, you can choose to **Show collection title** and **Allow user to switch number of columns**. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584641/7d605978424d5d09bf2ce21d2c18/6-2.png?expires=1792403100&signature=9143bc31ca4e8ddba5c8b5578191c894d2053156f11d666d8accfa454632def4&req=dSknFMx2mYdbWPMW1HO4zfA8Sc8LMhhSLkHeuosbrBwdhjmz3qmuLTVkzX3Q%0Aabn7I%2BH2pjUsvBxGMCo%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/c/f/d/8cfd93e89c66c800/67ea6759-abf7-437f-8701-9717db_3dxm4n.png) ## Filter and Sort. On the **Filter and sort** option, you can choose to: * Enable product filter [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584677/b3c7fe4aacf31d56d02c18a35527/7.png?expires=1792403100&signature=fab823d2e87355973ebbf817934811a22ce39f463b82ae822e14712271534dbd&req=dSknFMx2mYdYXvMW1HO4zRJjx8lHb4eJuyYg0OcTpkWdNottpZ2jyHsc01xk%0AO6taYOvzV62RueSAmD0%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584677/b3c7fe4aacf31d56d02c18a35527/7.png?expires=1766660400&signature=693607e2f1e15a42c703ea319da9c0e00259be5ff10e9f006819db0a6039f970&req=dSknFMx2mYdYXvMW1HO4zRJjyM1FaYSMuyYgyuMVr38%2BADvsL3I3nJZvgwhk%0AISN%2F%0A) Note: To customize the Filters option further, check out the [Filters](https://help.shopify.com/en/manual/online-store/search-and-discovery/filters) article. * Expand all filter options by default [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584703/52d07d47dd37fdfe7470603c2c79/8.png?expires=1792403100&signature=a7b46e9d9f45ba66164a42d46045ec3539d5354f4bd54624e36882e5750f08f9&req=dSknFMx2mYZfWvMW1HO4zZCz%2BwIQMsNwEm%2F1ZPJIM2jN6H9OOW7FMhQ24nvD%0A8GZdg0spJzC9OS8CKOM%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584703/52d07d47dd37fdfe7470603c2c79/8.png?expires=1766660400&signature=a1e9f85cf5e03fc17e5fba0a08f17b7b7256a1025945184bfa15ae64a7010d62&req=dSknFMx2mYZfWvMW1HO4zZCz9AYSNMB1Em%2F1fvZOOlI78RceP3OEh0YoNjqP%0Axa1u%0A) This option shows all filter options once opened. * Enable sort [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584724/ca20e09a209b81dd8f0058c71fd4/9.png?expires=1792403100&signature=1ce43b2b9d305cf68342949b744b3ef1c50702f046e04f65c3ac96aedd574227&req=dSknFMx2mYZdXfMW1HO4zbSFQqGBmsnRA3Wbyz6e8I9IfnSnxLhtyifXMN6n%0AN%2BLDGDbkA%2B55Iq7s6Ug%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584724/ca20e09a209b81dd8f0058c71fd4/9.png?expires=1766660400&signature=9fb9d240ff7e4d555de66648a89c9f4415bd8b22659c6de333071fb699af4821&req=dSknFMx2mYZdXfMW1HO4zbSFTaWDnMrUA3Wb0TqY%2BbU%2FnQloy6149wM9ZEj2%0AxGrq%0A) By default, customers can sort out products in 8 criteria: * Featured * Best selling * Alphabetically, A-Z * Alphabetically, Z-A * Price, low to high * Price, high to low * Date, old to new * Date, new to old ## Product Card To customize the **Product card**, configure all the settings in the [theme settings](https://docs.saleshunterthemes.com/manual/shine-theme-settings/#product-card). You can choose to **Show vendor** on each product item. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584738/018c5969651d025ca8060e7297e6/10-1.png?expires=1792403100&signature=f4bc5bfae731164c12d68472212ae06698ef04469685e79c5b1d4cbe15928e69&req=dSknFMx2mYZcUfMW1HO4zQgeukkOg%2BYgR2jm4zADGTmsDl6nfFvynJHeju9H%0Ah%2Bl9sy6oG3BU%2Fd%2Bubzk%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584738/018c5969651d025ca8060e7297e6/10-1.png?expires=1766660400&signature=424f2f91d240c6754f09b0eb0c34d0234ef77c2302d9d6cd30aeefe8ceee2d78&req=dSknFMx2mYZcUfMW1HO4zQgetU0MheUlR2jm%2BTQFEAMp%2FllefjGwF2v0HPGw%0AAkCF%0A) You can also choose to **Show variant swatches**. To display variant swatch, configure all the settings in the [theme settings](https://docs.saleshunterthemes.com/manual/shine-theme-settings/#product-information). [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584756/1280fd7593d388ab367870af165d/11-1.png?expires=1792403100&signature=78aa47963073faa45fe1297ed3fed128d5af04a2190f4c363c4a2371816b0a45&req=dSknFMx2mYZaX%2FMW1HO4zVyAii9f2v3%2BevFaSVfZArQAa1sLJao%2BGE%2FlDcVr%0AwnfteVhod4X2IfjuX1k%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584756/1280fd7593d388ab367870af165d/11-1.png?expires=1766660400&signature=6e981a865179cc9fbe7017b5f797e249060b1dfb51241d1a613ff508431cac64&req=dSknFMx2mYZaX%2FMW1HO4zVyAhStd3P77evFaU1PfC46zQ1JHQyOdwMfSbri5%0AI3sv%0A) To change the **Quick shop action**, switch between three styles which are **Not use**, **Quick view,** **Quick add** and **Both**. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584767/9d6d0c7c73ba56d52ed90ad9b399/12-1.png?expires=1792403100&signature=216f0f584b8d4571af79672cd951c51a3fbe6009eb80b99d29aa5558de8088ad&req=dSknFMx2mYZZXvMW1HO4zRzJe7rANNqSsymhDh97%2FalEKUw2XJBtJujcY2LA%0A%2BW68Z8tX%2BQO21EnZmFU%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584767/9d6d0c7c73ba56d52ed90ad9b399/12-1.png?expires=1766660400&signature=aa2a89ce09321bf63a91aae0fd94811535db5d47532d3fd3732a2f50956db222&req=dSknFMx2mYZZXvMW1HO4zRzJdL7CMtmXsymhFBt99JNji7n%2BcQBQRx9B342u%0ArH6D%0A) To customize the Quick shop style, configure all the settings in the [theme settings](https://docs.saleshunterthemes.com/manual/shine-theme-settings/#quick-shop). ## Large Screen On the **Large screen** option, you can change the **Columns per row** from 3, 4 to 6. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584781/aa803554b2be1330e1721f26d22f/13.png?expires=1792403100&signature=23152d6124b5502eb6f7acdf3a0746223dd2e86c12bf828475eec190d9513e66&req=dSknFMx2mYZXWPMW1HO4zfQHXpGyxPx208WrAi%2FsXukxOcubWyYWhUWqVMXZ%0ApW8iIHoWANebsdn9EGo%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584781/aa803554b2be1330e1721f26d22f/13.png?expires=1766660400&signature=a2a1d85c5bcdcaecef408bdfb0fbdd299a360de842383925abb22a3ba77248ab&req=dSknFMx2mYZXWPMW1HO4zfQHUZWwwv9z08WrGCvqV9PQGZAC7jXxYw9osUuj%0AYoHD%0A) You can also change the **Filter and sort** layout: * Topbar * Sidebar * Drawer [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584788/78ab8ecfee48e46ac4e7cb8d80fd/14.png?expires=1792403100&signature=a1d96ff4c99f7f0a7a1d9abcb0e1ace30a42c3eae4d0e4129bdf9c9da7b76b8e&req=dSknFMx2mYZXUfMW1HO4zS7xIHWIGLySgfkuihbkR6OrfF6vzcew9JjyRADz%0ApLcNWvJbJxKwuO1R%2Bak%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584788/78ab8ecfee48e46ac4e7cb8d80fd/14.png?expires=1766660400&signature=6b14cf22020e0a050e3a1c67c78d609717ea92a080f0282f658cb2633cec7370&req=dSknFMx2mYZXUfMW1HO4zS7xL3GKHr%2BXgfkukBLiTpkDDUPD8CeP%2BDKQcEgf%0AcKWX%0A) ## Mobile Screen On the mobile screen, you can display 1 or 2 **Default columns per row**. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584800/efa20d39941ac5320f551b395a68/15.png?expires=1792403100&signature=91a6b5f7e8cbaf179b80728147fe4903aa5a4cf173a91ff1aebd91c00de07fa3&req=dSknFMx2mYlfWfMW1HO4zfxrkWRJpKccHyIqtCT3OTDqaXtzxFPqiuFmMa6h%0AVCJTHNYwTMvObIEQwng%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584800/efa20d39941ac5320f551b395a68/15.png?expires=1766660400&signature=c45b93613c02f1bfb5e88be8579d5eae7083d732694666539b39235e5e442f72&req=dSknFMx2mYlfWfMW1HO4zfxrnmBLoqQZHyIqriDxMAosNt%2FOAvIFNA%2Bd0pPl%0Aj1nn%0A) ## ADDITIONAL SETTINGS ### Theme Settings Click **Theme Settings** to expand and adjust: * Overall product card styling (borders, shadows, padding) * Custom CSS and advanced styling options ### Custom CSS For advanced users: Add custom code to style the Collection Products section uniquely without modifying theme files. ## Frequently Asked Question ### How do I add or remove filters? Use the **Search & Discovery app** from your Shopify admin. Go to **Apps** > **Search & Discovery** > **Filters** and set up your filter options there.