> ## 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 List

## About Shine Theme Collection list

The **Shine Theme Collection list** section displays your products’ collections in a grid or a carousel. With the Collection list, you can present featured collections in a visually appealing way to enhance your customer experience and drive sales.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584423/15c519a9f7c34ef9a24aabfef3d5/YM8lHv4deFziETCFpZ0J8E9naOw5R8gVSCS7V7DDFJMkuZ3S8rSfdt7fs-39LG4YmKD0MeeJxhVpiheqxMd26BG0hOtvxDQja1E4qn34nYWoQO3Kz3cjh8PCi_mMpnP0TKDS59p05k6uGObR.png?expires=1792403100&signature=f05685c8753b1316bd4b541224a5380c2ca555312bd8045b4b0c8d9b6f8575ec&req=dSknFMx2mYVdWvMW1HO4zW9Exabzq0oiiv365A5rlycg4py4hogahd%2BN9U1m%0AFO54N6NmGVa4DKSuosA%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/7/1/7/a7175426c97b1800/d173c453-a9ff-430a-a768-1751d1_1oxb865.png)

## Access Shine Theme Collection list

From any page in the Shine Admin Dashboard, click on the Add section button > Search for **Collection list** > Click on it to add the Collection list section to your page.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584451/3e74004153efb0e54e9f52eaacbb/WXfS-0Q3d2-QtjRdLpqaRjR7QDTdvydrAhl4XNoCbsZbdUQKg8U2ObETreRnub-5aDV7Uxo7v1ny4O798iGtVYGAosdxLZ4-N83yQDe_CTOSwHnAuXPTHVEnAluhkOOj2XUd8osxafBSPck8.png?expires=1792403100&signature=50bea66ce93902e274a51a5650ccd9e8f3b3f044a81aeb31ec299a40aff8e6eb&req=dSknFMx2mYVaWPMW1HO4zeKxjqrjwvCyXAVOnLigffEsU0exJqkDv4CzMKoB%0ANctd0t0Wamf9NYjz9JI%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/d/d/d/5/ddd5a264ccb55800/2645e50a-3da4-46a0-982e-6c8f06_1bcfoo5.png)

To configure the Collection list section, click on the section to access the configuration settings.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584468/ba68061e7399847e446f054c9a8b/VYLco68pnGWn-wwqjs2Bz_FYH02UyyPXZNFYe66XpWrviQwW4L8JKwStuqrBALPSycdNFVDHr8notM1ggggnu1DKvCkovJlEQAQIsfswaW3mZ2_tZkxEqW1_Mp8OZmTeIqDZx9SIiFyl27fs.png?expires=1792403100&signature=7d0ea2bca3528650ffc79c36b68e9ffd12bc67c99ab7e117b22db6c811e8618b&req=dSknFMx2mYVZUfMW1HO4zQUms0PHvAM4m4s%2BfLvDC24uDKdrdKM0gwXTkHVC%0AH5BxZf0iV0TS5hDccJA%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/c/2/4/5c245814385c8000/04271604-e30c-498a-875f-87f903_59r8xh.png)

## General

Under the Color Scheme, you can choose a specific scheme for the Collection list section. To modify or add a new color scheme, go to Theme Settings > [Color](https://docs.saleshunterthemes.com/manual/shine-theme-settings/#color-schemes).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584487/e45d7d04aa9f455df72da419e270/6y_zrPd7TSYze2sJ9m8_lhlEIFcoP2BimANPzLz8i8zzCO2O3k5ZSZ_bo-1hdjmsHrqoA3ktjOShc_zTmWWGMsZsCUrd1dlv4bP7vsilywTOY3Ru2qGo6ZDIGLZKT_xZ06Z3rxlxRwbobgln.png?expires=1792403100&signature=239071e15c760fd4dc4151381f9a3d1b184410986ca65b2f62d33db060b86792&req=dSknFMx2mYVXXvMW1HO4zV1aAgyhAPbAqOdnKYTPhuk33WYTet8Qd4OWQV%2Fi%0AueDwRchxgNNYNz1ud%2Bc%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/2/e/1/2/2e12a8500cdf8000/c9791bc2-0ed1-4a54-8f9c-09e6f8_17b4ybg.png)

The **Shine theme Collection list** section allows you to apply content for the Section subheading, Section heading, and Section description. If you want to hide the message, leave the placeholder empty.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584509/82c845df80697b484aec84907393/KFPBFQIAB7Co6Tqd9o9-t6auXOk3jtwA5XyNPi0lY6iHTp1tm82INQmYEpFUiACEq4ijaLvmRV_oDpwjhcuUkhT_C-28t5eTIuRGSiNPuurNjuTwu807gXnup7MkOn8liehtAxkdAOHV5fE9.png?expires=1792403100&signature=425e4f3d876399d0c969f1335e64d70b986bac13d59f78c5c3969fecbb19e232&req=dSknFMx2mYRfUPMW1HO4zQpu%2BKTE7CXhA%2BrmyFLG0WGs7zCBUEVvyTND3o32%0AVIWbwuMshc0EVWXuZlw%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/b/c/4/6bc47f5b17399c00/6a70428a-b950-49a1-8732-ed9a8b_1srdnk2.png)

Note: To highlight the Heading, place them between ‘[‘ and ‘]' in the heading input field. Example: **[Free shipping]**

To adjust the Heading size, there are four options:

* H2
* H3
* H4
* H5

To display product collection, click Select collections > Choose existing collection or Create a new one > Hit **Select**.

You can also change or remove the assigned collection by clicking on Change > Change collection button or Remove collection button.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584532/7017060f34c5298bb3e276394fce/gMCNXitrhr3ZumNjECtphXx7CMrHGRKdJjTClXi7Ya7kGOy4iY6fjGY0xBCbxRnE6IMS3tTClRsFVaSWqDaEhwUGWhg0ndKn19vlfvRcv17fZV3jZBPUwexp4UJPP3S1q3rJMMYQstu6i9Jp.png?expires=1792403100&signature=1dc66afc9c43538d1bf5af58aa0d5e26e1c5cede947e7a93ba6233f84b409ee1&req=dSknFMx2mYRcW%2FMW1HO4zQ4kk5NEM3T5EcjGQrrb0Jn4iOhfQAMsuL1lK9Od%0AI9xYr1kltv%2BojXLXsJU%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/8/7/0/6870db2164675c00/ca39c136-937b-4255-8883-09568d_5b134h.png)

## Large Screen

On the Large screen option, you can select the position to display the heading of the section:

* Top left
* Top center
* Inline

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584551/dfdd8598706771a2ca0220565902/ArogI6PAtsKKHJsGVdxIeuF-ObX-GY90_qmnxTJMfKnd2LKAfmuZ0SbIMqsj2mqT2FwQvdX0Aez74rYfjwl0x-_yUuquQmlW1LZPCjusdi9m4YyuRaYKbtqAf3KPl1HWFdKxKlkeE8BaIxPz.png?expires=1792403100&signature=c7ca1e205cdf17edb3754b322a6174537e78d62ce2e48680c5b3345408fdf93b&req=dSknFMx2mYRaWPMW1HO4zXqbW8GdzxJnhNtYNnSnu%2BXI%2BPE4C3R8j7z3pzlh%0Af5TlEczWmH9oqyKue6s%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/1/f/e/f/1fef6f368f7fd600/6ad0331a-40b7-48e1-baab-2d1907_sa73su.png)

Next, you can style the collection list:

* Grid
* Carousel

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584574/80110f7cd49d8ac8081fd959d2a5/is9wbDwncTiWww3YwqbSbOuZs0GaER7XkCD079NQZwKqyLNNTHM45Kpbm3LiqXcp8IloZVlZk-8jloGhyBrKBtbvsFypD5ac7fYvR5v9UFuYZ9aR-R4GNVLSD5RXLabhHlsEbDIX6k7TMiZ6.png?expires=1792403100&signature=6233af29395e0e17a109612fde7017700ca799722d8f8334219954293463f283&req=dSknFMx2mYRYXfMW1HO4zXS9XglzZ7rQXhPKp7I40Vekts1Wq7ElbUYfzoDB%0A9RY3UAZ5%2BeseKr4uqPk%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584574/80110f7cd49d8ac8081fd959d2a5/is9wbDwncTiWww3YwqbSbOuZs0GaER7XkCD079NQZwKqyLNNTHM45Kpbm3LiqXcp8IloZVlZk-8jloGhyBrKBtbvsFypD5ac7fYvR5v9UFuYZ9aR-R4GNVLSD5RXLabhHlsEbDIX6k7TMiZ6.png?expires=1766660400&signature=248f63816fce58ed7700a10ef31e0663e21e92378d6b49c7ef4265d6e745c909&req=dSknFMx2mYRYXfMW1HO4zXS9UQ1xYbnVXhPKvbY%2B2G3qviMaKm2r6RPN0UqG%0AyR5i%0A)

You can also change the Columns per row from 3, 4, 5 to 6.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584597/a4c734ccc933cb71944ff7c058b4/7H1BYYvrnET-MLaWuPuvn3hGEd4sFsOgS5YAnU6nWxbRSpDKcUq5Nxzb9riRs-4K01xgvgX9ND7HAC3TCffnn2asNwypZAr3II3OCjL95G6m4LWre0D1bA_LCNlc5GQoSM1-UHhHG_5bOQTH.png?expires=1792403100&signature=07fe363fbdb60dd7c7c3cffa5598cf7bc165793e50b7dae69e8c0b0ff9d11807&req=dSknFMx2mYRWXvMW1HO4zaKcQQp%2BmZQhjoOpJWaBj5XzjF5zul5WDKvlIfsY%0AWiOYdTey%2F8XxcfA6ISQ%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584597/a4c734ccc933cb71944ff7c058b4/7H1BYYvrnET-MLaWuPuvn3hGEd4sFsOgS5YAnU6nWxbRSpDKcUq5Nxzb9riRs-4K01xgvgX9ND7HAC3TCffnn2asNwypZAr3II3OCjL95G6m4LWre0D1bA_LCNlc5GQoSM1-UHhHG_5bOQTH.png?expires=1766660400&signature=10637b055be3fb9352a8420d9e9738dcf4899a4efd1aca18691c2c4f8b40960a&req=dSknFMx2mYRWXvMW1HO4zaKcTg58n5ckjoOpP2KHhq%2F2c7Yr1FnbDKYjTML7%0ASL6B%0A)

## Mobile Screen

Similarly, on a mobile screen, you can change the Section heading alignment between the Top center and Top left.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584620/87e9f0eb5344f409468224e776d9/CjFureonxuFg_C8MitkHA1OlmyKyyIp5cOtAQvpWqQ8MEdlp6KcFvijrMOf37DL4CgLwuGMyDIC85rqxjQqzalWNtNrs-1xNCPubkCQQj4N5jPIFFnXToCNzHXN_wbCMnMHS-O4ZKUh-rZ4h.png?expires=1792403100&signature=ef1c87f60830cde6b3c7a5f8771257369e0cc4ace4e73c12c57a3d3cac972a80&req=dSknFMx2mYddWfMW1HO4zfej88yZcVkSqvMRohI1WWO8c4jknDLhU9nIz2Q%2B%0ACyZyBVTvo18baRC9hnA%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584620/87e9f0eb5344f409468224e776d9/CjFureonxuFg_C8MitkHA1OlmyKyyIp5cOtAQvpWqQ8MEdlp6KcFvijrMOf37DL4CgLwuGMyDIC85rqxjQqzalWNtNrs-1xNCPubkCQQj4N5jPIFFnXToCNzHXN_wbCMnMHS-O4ZKUh-rZ4h.png?expires=1766660400&signature=87830b1c5df35033ec1f7a7b771bfc096e90b83ec71902225c218e1552904c4a&req=dSknFMx2mYddWfMW1HO4zfej%2FMibd1oXqvMRuBYzUFkjsI21Vk2dWu6%2BfwA%2F%0AZs6a%0A)

You can also display the list in Grid or Carousel style.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584640/6878a23a2a92230fdba26874d804/Run2Mga5jpMZxNTgXvGr5UKvTQ-cbMlj2KJFO9m36i3G7yai43hdGeKGRTHj6Pj1kwoXls-McMp5QsEMul3U6eLZHGjxDhpAX9uxT4Cmf-S648KIldsZyknvfrtGHr-YF8H2Tbs5cjQ4Zbiv.png?expires=1792403100&signature=5e410c373ab2503c2f7c439ec2321e89de8efc4ce0eb9dcd04dcd0944168edfe&req=dSknFMx2mYdbWfMW1HO4zYffzbragM4pgjg1UUe7l%2BEVPJUOR9uGT0WFbRCZ%0AoBQQ15azchXkui8i8Yg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584640/6878a23a2a92230fdba26874d804/Run2Mga5jpMZxNTgXvGr5UKvTQ-cbMlj2KJFO9m36i3G7yai43hdGeKGRTHj6Pj1kwoXls-McMp5QsEMul3U6eLZHGjxDhpAX9uxT4Cmf-S648KIldsZyknvfrtGHr-YF8H2Tbs5cjQ4Zbiv.png?expires=1766660400&signature=b4c95f85eba850735284be9a1fb36f1fd485cdd3977f917872580b4a593a10cd&req=dSknFMx2mYdbWfMW1HO4zYffwr7Yhs0sgjg1S0O9ntvMradAiBuTw8ywCrOK%0AejWr%0A)

As shown on the smaller screen, you can choose to display 1 or 2 Columns per row for the collection items.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584658/a0c63de4f35bee12ab47f9750e9a/V-jqkr3WRC-I0w0rBLhe_5Fw7pyVjUtLYdrC1yMGS62uYcBm2QlHmSHNVvJ7d0UlTdyyLYCdLPe2-dPjABrF5kWgEmsaLTWRmK3Y1FlOsvlwDv4DfBJ7oYyOOr2qeZpeJlYxRPjkHziX2qT.png?expires=1792403100&signature=ba618d55ca97ce192b9f67ab75d381241a7379a1d038d7dea6b3c20cdcb04633&req=dSknFMx2mYdaUfMW1HO4zdC3Nggm5wcnSBQc334AThCdrO2ZebKir%2Big7WrU%0AViLdHkvcafxBedHaLHI%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584658/a0c63de4f35bee12ab47f9750e9a/V-jqkr3WRC-I0w0rBLhe_5Fw7pyVjUtLYdrC1yMGS62uYcBm2QlHmSHNVvJ7d0UlTdyyLYCdLPe2-dPjABrF5kWgEmsaLTWRmK3Y1FlOsvlwDv4DfBJ7oYyOOr2qeZpeJlYxRPjkHziX2qT.png?expires=1766660400&signature=90666f8c17b2eef16baf02811b226fcd1de26145597ba86a9ce1ca9dc016f995&req=dSknFMx2mYdaUfMW1HO4zdC3OQwk4QQiSBQcxXoGRyrBywGUIOTHy7%2BBLojq%0ANlo8%0A)

## Spacing

You can choose to customize the outer spacing top/bottom of the Collection list section. These settings will decrease the top/bottom margin of a section, thereby bringing it nearer to the sections above and below it.

* Remove outer spacing top
* Remove outer spacing bottom

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584682/38fa65b40b223b4bdf29f94b423d/AZSAsfUoC7iSQbgoCfz6EpTyO68VmxZWO7GPtgSu0qTdRuSZYR29NXBpLM0AQkrje_LX98pBSdESURFKi2kH46u2XAlJPOAKsMmwLg15RDb3S7QWsDaqVZKENtYYh1YMEvBxwAHSB_ADTOyZ.png?expires=1792403100&signature=b9a4d379221da7614acf6942be399fb789e4e06ba14ddd2511d9de74305a3bd7&req=dSknFMx2mYdXW%2FMW1HO4zeVfm68e28X9O0UzDieu2TehCJApfy4peVmCBBA%2B%0AEUFfWumBm1lJeYfuNoI%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584682/38fa65b40b223b4bdf29f94b423d/AZSAsfUoC7iSQbgoCfz6EpTyO68VmxZWO7GPtgSu0qTdRuSZYR29NXBpLM0AQkrje_LX98pBSdESURFKi2kH46u2XAlJPOAKsMmwLg15RDb3S7QWsDaqVZKENtYYh1YMEvBxwAHSB_ADTOyZ.png?expires=1766660400&signature=e8fb50b494d396810c18982ae9b3d0863c0f7115f45ecc6f6d33a471e0851f4a&req=dSknFMx2mYdXW%2FMW1HO4zeVflKsc3cb4O0UzFCOo0A2PdpUFdrF0cpsIjxf6%0AwYZ3%0A)

## Button

On Button option, you can Enable “View all” button. It will link directly to the collection list page.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584695/f80414eb5ff5ba011ea0c14ee06f/yeVb2TZC5T-csOsAdgEW0yJV92_kKXMhoVq05rum3V4UMKZDxfEiTiDiFKyuOV921Zpv56tTDUQb1xvt7ZCmgjncCE_meQ98pJFq_jJ-TM7XSTJ0RKeRRo_4HTKBlpmsBlMl6rRaq5jjf4WZ.png?expires=1792403100&signature=d0530aaa1ee24b82cce72edd7c9dcdaed475dc7e25430cdf3d682aab80c60639&req=dSknFMx2mYdWXPMW1HO4zVLIGrzHhQFSyTrHm1zMmCVSDjTR1dc73%2F2vwO0f%0AvQd%2Fb6WJvhrts0nSpSw%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902584695/f80414eb5ff5ba011ea0c14ee06f/yeVb2TZC5T-csOsAdgEW0yJV92_kKXMhoVq05rum3V4UMKZDxfEiTiDiFKyuOV921Zpv56tTDUQb1xvt7ZCmgjncCE_meQ98pJFq_jJ-TM7XSTJ0RKeRRo_4HTKBlpmsBlMl6rRaq5jjf4WZ.png?expires=1766660400&signature=6067cc4e3a6a461695481ce4ab674ddedd35099ec033dc42d02988c45a51f92d&req=dSknFMx2mYdWXPMW1HO4zVLIFbjFgwJXyTrHgVjKkR%2BI6ofJjiDB%2Bd2T%2BqdH%0A2w8c%0A)

You can name the button by applying content in the textbox. Other than that, there are three different styles to display the button which are Filled, Outlined, and Text link.