> ## 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 Header ## About Shine Theme Collection Header Section The **Shine Theme Collection Header** section showcases all the details of your products including product name, image, description, price, variant, add-to-cart button, etc. The Collection Header section cannot be removed. However, it can be hidden on the Collection template. ## Access Shine Theme Collection Header Section On the top center bar, click the dropdown button > Collection. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583591/93c4a67f4e7b16020628bc59d460/7U3Mhmfjsej2EZJ9eQs-nQUD_Kod6HIByMnRqiAbr3-o0UK_lihzKy0vVbYof59ZN4blvvNW4wyNDIhuK1l6NlY0qcGthCwj07GBpPQ6DMl5oanqjxb_Q5HcrC0OnPs0R2iU9CjL0yFkwod1.png?expires=1792403100&signature=a4351014238187ff2fe9588ff3dde772e2db4909e010f75bb05dea06e4520e8b&req=dSknFMx2noRWWPMW1HO4zd%2FNsKHuJ5ASxI0rbJMJAYIVUeMhB3QzOIRJapNA%0A4SgmUpA9Fru%2F19Qgj8c%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/7/e/8/f7e8daa185f10000/f22cfba2-9ee9-46de-a216-0bb514_12cs090.png) On the left sidebar, head to Template > Collection Header. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583614/98b79fc456c28915df530221c33a/eUHmTsLUXPge8qh-22xmy32Fw3tSEuljZCGHkN_LZ8BMAiKUxxoRTIVFWF3axDkv6jXhXpNnHvTOj_k4NgUQSsArJ8Hu0dJR3YcXckDNAOqbRDD5h_DfJL1LXaqCgwg74ncoWxEvs8DQzQ9.png?expires=1792403100&signature=143f9a19ada5825a10ab374256a4f33138b87026f48d984d6b8509c9b883f878&req=dSknFMx2nodeXfMW1HO4zSQZQPx0r7vyBppo0hRD6OjCIdeD4l19pxnmrfd4%0A6hhdMEt0UJVKxz24Bug%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/a/2/e/6a2eea10408e0000/0a5c351d-767d-4da1-bf4c-fad3c1_1k5ug5h.png) ## Shine Theme Collection Header Section Configuration The Collection Header section has several settings that can be adjusted. To change the collection, on the top left sidebar, click on Change > Select collection. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583635/5734c7887f29d0a5baa4fcbdaa90/qzoIkLSdD2LbTeyWxK00lT_KtbB2leFod7X3XIge9rtTkD5nPlR2sVJ6nf6tkCOc5SPRGQ9y1h3VH2GW1d7bCi6tCk0hrzSk0CM808XtQ2hnY9fsIFFfhmMsrqzSJWrkFErhLoLEzW-PCaf3.png?expires=1792403100&signature=c42baf81898ccc66a08a23f61b254d2e1f588b6a30a7267572f1f158305d4f5f&req=dSknFMx2nodcXPMW1HO4zWcKZaQNuXWgZ48fFt90y8N5%2BvquDhpL2VfvA3cn%0Ay5MDB%2FV%2B9iLwtNRFG3w%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/7/8/0/e/780e2d8af22b3400/2d6982e2-0405-4aea-97be-16ffd3_6t3k1i.png) To configure the Collection Header section, click on the section to access the configuration settings. ## General Under the Color Scheme, you can choose a specific scheme for the Product details 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/1902583650/f5fece11f9cd55bb64b78db85be7/y99tauoNoG8WxscVL7jpYqPddu_TM3UrA13ZwyH5fbNBcB_EiH2yWY-DpxHlIF7brBJD_O8J8WenrWsChYFZWVv147TLqjs4ekvkqBBoNY5UW6NdTsVmmJzKsk-X-hTXVhK0zk6w9IPFj82C.png?expires=1792403100&signature=ad0adc9ae63f1e9f40245b89f2648b169cabc1e2a976c0ed42a43ae5d2d9e1ab&req=dSknFMx2nodaWfMW1HO4zd1j1dXu%2BehvwoCQEFDJGrG2h3PiuDamX5Lj46c7%0AbtBU2A3Dxpt0cmNKwe4%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/6/9/0/5690d5ab2d69dc00/4ecd96c8-5187-439b-88f3-d3b4d8_4ytkct.png) ## Collection Image There are three different styles for the collection image: * Not use [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583667/895f706d90ca6d9b50609a0baa13/w4k1B88m0WBkIQ97RkJ_XP4lqtU0GWBta4yQLS6E_ZNd_VmuPZxLuBcQ2v5XTDvwS690jC4fsVbiMFE6NYiwdPcACQ8tnSnvD9wOfyu7q5tzXObELBNseQXzaeajqV2vwDAlzLSbjr6noJVC.png?expires=1792403100&signature=c0f64525a3353d918ec31d3f4fce5a753520820cbbb4539af7c55dbdb1816ced&req=dSknFMx2nodZXvMW1HO4zY783ZWTaIxUcZ6fcHbpuQK4LsEjSZ%2FoVqb7cZ99%0AuIOvw8RF5biTmKoTcX0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/b/0/f/0/b0f0aa322a52b000/fc3e39e4-ef47-49c8-926a-9731cf_11ps7hr.png) * Behind title [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583687/90b1f5f400b158214406ee53174f/hCIFqcA5z2_KKgyMHEeIBJSqQ1gAG9knWw72oXPlp_TniFTTawduut4-FqLRwR4s2Zo_Iph1ac6yBGyOlpRU4NCNGThIF3x1PdhNuRPks8cEpIZDkCGmX3V_38Y90ygN7Zvjh5uyDBepRUwT.png?expires=1792403100&signature=2f0a2b9aa687e5d95ca6f90f2cd49bd418fe1ca51981f70f8585810e05cae8f9&req=dSknFMx2nodXXvMW1HO4zd3dfCHi0LHaNOxMMj7XOX7QwY5lhKxO3moeIj1Z%0A5VI9ygGi7Tp7WZ%2B5l7s%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/e/a/a/5eaa4a4bb235f000/eca90336-3415-43a4-a3aa-359868_19l5h0w.png) * Beside title [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583704/d5e25d2155e00dfa886dc70539f3/x_KLR_BlpeP4x33jaw_B5z_wt7ondXM1dhG-_KKgAM4LPAFpgy_jHnEKI5JrhqUdWngMpNeXsY-cCu3fGhveII5HYkn6IIqh0VbQIshJQ-jf5IV98Qg7GKOiXZoQEwvVWDlHWkjcW1gHAVwc.png?expires=1792403100&signature=b9ae5b2b4f551ee07a70879c64eb039012459e69611c522d9a53b9c11cf69700&req=dSknFMx2noZfXfMW1HO4zQcI62opWTpnV8chZ4p9TM51tyGqFBiyjhDAe2oT%0AdTUIeZxDRJEQ3AqcbC8%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/3/4/b/8/34b8661c37ae1c00/906a3d73-9129-42cc-968f-05e2ab_18sg83h.png) ## Spacing You can choose to customize the outer spacing top/bottom of the Collection Header 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/1902583721/f8b0f1c04e6e0ed0284e912da5f0/Hj_dytKKhDm_Y0cRgpFnrxi9HKrLzzSxoT3BAspp9X6aBl63h7eo631X91hpLKEokJGJhKAZbQUxkdzcSFrg4JAFpG8n7yiPorsl-ij5OUOlLhmf08lG6yESijA0F9C2cFbFFa6gI6JdFmmm.png?expires=1792403100&signature=579770d09b1bf0bd12aa585e213033d9565535a33f41fe7ace0e21de395a794a&req=dSknFMx2noZdWPMW1HO4zedlxgiSKBEdFBesulvaoXvDpmRludYDNS17rNkb%0ACbRS%2FZdnWE4cyjKLsEk%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583721/f8b0f1c04e6e0ed0284e912da5f0/Hj_dytKKhDm_Y0cRgpFnrxi9HKrLzzSxoT3BAspp9X6aBl63h7eo631X91hpLKEokJGJhKAZbQUxkdzcSFrg4JAFpG8n7yiPorsl-ij5OUOlLhmf08lG6yESijA0F9C2cFbFFa6gI6JdFmmm.png?expires=1766660400&signature=e8fda29a24cf0732397cea0988ab2a4bddb38ee16fb1c0e5863c67c7591b3e3a&req=dSknFMx2noZdWPMW1HO4zedlyQyQLhIYFBesoF%2FcqEGOOS6bQXZO2wm%2F0u%2Bx%0A9vcI%0A) ## Custom Color You can change the Mask overlay and Text overlay by clicking on the color picker. On the Mask overlay option, you can adjust the overlay opacity by dragging the slider. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583735/269c75bcb35eb80b015ed65bc8cf/GSeyCMSz4FTKQuzJ8K73JnJ9gAc7pXMLyjKFGoQz_QnebHRkDnTW_voTiLHGuG2eY6zD-DfS6Lx56YxUYmS1vtOlTaTuvjNwlromfoBj3sUxGNMfCXgBeVjKATGYLza1E3sZbh-wgg8trBOo.png?expires=1792403100&signature=cbafc5af2d0c9acd136b23b6f71b9b06b04286c7f61480fea2ed8e33016cb8e0&req=dSknFMx2noZcXPMW1HO4zcR5SREQNUOyJDVJ3QwvEA7d%2FdTgK2Y8OoTUpUPl%0A5CwmTR6ygcqDL%2BcGzdw%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583735/269c75bcb35eb80b015ed65bc8cf/GSeyCMSz4FTKQuzJ8K73JnJ9gAc7pXMLyjKFGoQz_QnebHRkDnTW_voTiLHGuG2eY6zD-DfS6Lx56YxUYmS1vtOlTaTuvjNwlromfoBj3sUxGNMfCXgBeVjKATGYLza1E3sZbh-wgg8trBOo.png?expires=1766660400&signature=193f91d3cb2d975dfb99d7677253050d0a8c2d2bb3d2ec7068831296ac1980ef&req=dSknFMx2noZcXPMW1HO4zcR5RhUSM0C3JDVJxwgpGTTRhUBDy%2B%2FY84tHKU0g%0AKNi6%0A)