> ## 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). # Electro How to Use Electro Collection Template ## About Collection Template Section By default, the Collection template consists of 2 sections: Collection Header and Collection Products. These sections cannot be removed, and can only be hidden on the Collection template. Aside from these 2 sections, you can freely add or remove any other sections on the Collection template. ## Access Collection Template Section On the top center bar, click on the dropdown button > Collections > Choose collection. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586229/a9eead727b8ee975d7393482e2ee/AD_4nXfu5u0FchmOMq8yG7T9nU_hw-Tn0PNOX2ontQusehDcc4DmNSb9sLkfHvy7pkOIyvz-76fHdk-pSfAnCL1OqWhoLX58J6RoZbjDK4b5GsuOF3kZeCxS_E3H8eUOr4XaYULFZ-_WiUqDxR7vPViUTQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=b2397cba56cef289c83d7f90db0fc743bbfdc63dd37b77717a7a7c2f87e45f77&req=dSknFMx2m4NdUPMW1HO4zdnhm3ajY%2FEDVQ8BpI60L1HhrvIRq31cubAicPuF%0Av5pnG95LoDsPozMh2po%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/5/f/4/f5f4fde246428000/6983ff06-b4ea-436d-bc75-afed21_1eoe27m.png) The Collection Template 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/1902586250/fb6cba63a65491dadaf078ae1254/AD_4nXeIEx0hxT2ZJsAsMJPrmSM_NiCCDhwVBrbB8lQH1eFTdNmLQCnjLvBv7zO1IeBxhMFYhO5N0PQeBzTE2Xn9ik5Y0y4_cSJ171ZzQ1nqh6ZaYShRu9A-3geUoLAPzn4IC82oM1v4U84-Z1XZDhdqwgkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=4b68d94a668fe5948217cbe25abfd8ce703b66159e8105ebd9bbdec773c66f0b&req=dSknFMx2m4NaWfMW1HO4zRZCnt%2FD5fb8Yrmq%2FJWknlghBNly0ZUYZSQts6ui%0ANBUR%2FVYJl9uxTmA2Fjs%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/2/f/6/0/2f608a948d688800/d38847a3-1aa1-4f11-a499-fed9bc_ih3xpd.png) ## Collection Header ### General You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > [Colors](https://docs.saleshunterthemes.com/manual/electro-theme-settings/%23colors). [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586275/915c98cd25c5abc7a25c3ba7de35/AD_4nXfS3bRQmmoGeHSffTvHAKFabTdIFKJUvmBbMPkCBI8uDKDaj3YbA0s1941phmoS8ZgZGKP37sQNzr0Cqe7DGkqNSCnGZz8cGWiBokaGHFpkcU46OrVz5zCs4_G9jMXAWimy-I0yi9M4wiSsHSrMbgkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=e62467985ef98742bc536274d8d364e79ebaae8c64a1417b878d137cf51a65bc&req=dSknFMx2m4NYXPMW1HO4zfSLrP%2B7HeUJLj%2B7EL5T5YGpb455R8Zxdrs2mdDV%0AaHpdDbW6yTL%2BKsb871E%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/9/2/d/c/92dc27e7b48fb000/3b00ce5a-f974-4159-918e-cdafb1_s3azs.png) To change the overlay opacity of the collection header background, drag the bar to the desired opacity level. The opacity can be set from 0% to 90%. The default opacity is 30%. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586300/45db932c701cbec657bc9c79b56d/AD_4nXdX9mTQ9o0QH3raVmujdOxk35xfK7FBrBnXreI1Q5lVG9nkBoabYEsXUofNwVxSZp5P9dzEd1AXqNcxyhTPhtwDIu0RA8YZ05z-STo4rkQAhYRhkgn1pt8BlTjlDf4qWmIi2scvs-QuM-xHEQjDQkey6YTgzdOjK_omkx5bRsoavA.gif?expires=1792402200&signature=df3ee1f23a19968ef4e61cd2beb8828c58ebfb38c310ef2985660fe36a805b12&req=dSknFMx2m4JfWfMW1HO4zclFw5ThdKJ%2BgCUO07RUbDHPv2CFmiO5AU%2Bs25lI%0A%2FoBSuELLowoNbNAedSs%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/4/2/6/5/4265c2f5c95bdc00/c7afdd72-36e9-4b6e-8f09-15c7ed_9rt3al.gif) The Collection Header section automatically uses the Collection title as page H2. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586318/7bf9143b6b7885b9304d9b5fd00d/AD_4nXcHMj8c7IsoejF9g4Rg0dEeYWyChF0Hzh1gJVGrqNIyvyZNQH7ijuZ0vFuBXr5hAqMfk8g1sBGXClcntxXH2QNsdkKpE58iXFkKTV113EOwCQsE1Tegmsx4eOD7-SVgwkMBDM9vuhKgh2FprNfyyAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=5e950979d724e875f54a9156403f55343f9f481d425f7080dd222abc997acaa6&req=dSknFMx2m4JeUfMW1HO4zWjqEMsnJvWl4G6AsKIrEZfhZuvkWvQdNZ7HVZHs%0AIxagJXuYSj%2Bfc3H6P4E%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/6/e/2/a6e2877a4ef69800/fcb29925-9289-4c83-ba06-139654_1s95krn.png) For the image banner, you can **Show Collection Image** option to render it as a hero banner. This option is enabled by default. You can add more content to the header of your collection page by enabling the **Show Collection Description** option. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586340/17ecf58589f92c50dc27700fbfb2/AD_4nXcZFNP5l7CToOZilDvHcCtTml40A8boQWKQ5q1mGsdMEh8zaGCYKVKk4SN5dtMle4qej3KHZmGQReJ2UbTbWU7DeGH0gz3hy8bvxdg-UML4urNbiL2kq5yMpx2ABSDOYHWaFfEIO9NxHm_Tf_tFFgkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=06ee7725df7a1d0bb4d6cc798401a5c5e6787c855dcab0505fa2edc05020b82e&req=dSknFMx2m4JbWfMW1HO4zWq%2FYEg2wz8dInBt687gZg2rnBas2giUO7BE95Lo%0AkrVZzV%2BwWXa37celn2U%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/9/5/5/6955f4fd31861000/0c67153b-3ace-4ac0-aed1-c6947e_u1tgag.png) ### Collection Image Layout Image height on a large screen offers 5 adjustment options: * Adapt to content * 50% screen height * 70% screen height * Fill screen height * Adapt to image [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586359/b69a3d5d7a80c014b69b04fcd8f6/AD_4nXdPKizKGcSHmyWnHMs8Az_zeXQFWITImAOFrvJzDu2p9_2sRVT8DJls6R3Ccq7KWdIz3XtTwRKD8V1b71CRaVqvfdJX8C9xB0ht8IusYk498CCmoYFPztoVPEhBK5pGcdXFC9QkzTEp2BjnI0Rckey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=42cc92043d3730c3ab0da3d85c31168fe69a4bc6ae27fe35facb58a7b055bb73&req=dSknFMx2m4JaUPMW1HO4zTeENN8b0glqraNLwnt%2FVPL87e5mrssnLhSRfaT6%0AfTenJG0YMQ%2FqrVD8f9o%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/e/f/0/2/ef02552143ade800/9e0fb4f6-82a4-45fb-b77a-cb3dfc_13asl9t.png) Content position on a large screen offers 6 placement options: * Top left * Top center * Middle left * Middle center * Bottom left * Bottom center [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586378/736ca5f057439e838e1cf77d9172/AD_4nXeQ7XfnZUMeHvR6hCjufusycpPRmoUw2a4hW4jKiUZvT9NkM4YVdwU1AgoAZhAMZk9_9Wnp18-QvcJXXdbrY-tsoo2n00iEgUl-_FvYYfQIlSpFS-ZT2lZWw8hmoPymMQ1RmkDavJWVZ_hVX4Kakey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=f649554946baf49b3c8e2931d3ef97679db15134b5a3c4a29ecb38051926f4a9&req=dSknFMx2m4JYUfMW1HO4zZv7lRA1K4SUMll8l4rZvTxIH%2Bcv0z2wCdBZxNM9%0A0FWOu68XHDj0nodM%2FIQ%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586378/736ca5f057439e838e1cf77d9172/AD_4nXeQ7XfnZUMeHvR6hCjufusycpPRmoUw2a4hW4jKiUZvT9NkM4YVdwU1AgoAZhAMZk9_9Wnp18-QvcJXXdbrY-tsoo2n00iEgUl-_FvYYfQIlSpFS-ZT2lZWw8hmoPymMQ1RmkDavJWVZ_hVX4Kakey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=a2a733eeb8582d7a6211d5d2ec7ccc9a9ecd8cf7960f4c76b34888b9b7820bfc&req=dSknFMx2m4JYUfMW1HO4zZv7mhQ3LYaSMll8jY7ftAYYdW3DJwsQNn4CIXRT%0Alu%2F2%0A) The options for image height and content position are the same for both large and mobile screens. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586399/d2fb2b1169cfd70a463738d5242e/AD_4nXdw69DHrZSr2lG-YO_7FTC7-ovyd_JztRWF6RE8M3F7i_Rt8e8pza3P4gpR5ccHxwiJSx83bDgsbOe4BASd8_Cw8Qs66BsvB-m3mdvE_qGmgalJqSy9CsinMkzZnbS_cIr5IYMlY4RVPiSHsFcuLQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=c602a095f3e5cd0d5ba166984a5deb7a79a6c9296e11e13e5e770ff2c6045ea2&req=dSknFMx2m4JWUPMW1HO4zShwuFDKzKf9LdfgnGFqthytllHIDb8pM6%2B2nEUU%0Aldaq0Y7fUmoU6uxcMqU%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586399/d2fb2b1169cfd70a463738d5242e/AD_4nXdw69DHrZSr2lG-YO_7FTC7-ovyd_JztRWF6RE8M3F7i_Rt8e8pza3P4gpR5ccHxwiJSx83bDgsbOe4BASd8_Cw8Qs66BsvB-m3mdvE_qGmgalJqSy9CsinMkzZnbS_cIr5IYMlY4RVPiSHsFcuLQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=cbe94c3161c472eed6343f8b6b9b95d494e450c311bee98b00c39c08d242ad72&req=dSknFMx2m4JWUPMW1HO4zShwt1TIyqX7LdfghmVsvyYShFw2lT7ciq6tebRw%0A%2BFLL%0A) ## Collection Products ### General You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > [Colors](https://docs.saleshunterthemes.com/manual/electro-theme-settings/%23colors). [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586411/d7e3a7edb156bfa880acd2e39237/AD_4nXdDoV98sVbksESzGactbwyazaNP13QLRqVGVdcc1GKHcetnTOJB9P7rAQzvpyTUwljtUX4URN6KrbOJden7U3iWzbnT97S-GlKCo_DosR-c3hMPDVkzDBCb35fH52v7oOmOrmTadEy6uBoUpkkclAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=afa5d2a4a0eea49d01fe880b5518948d53654e692e6362cf64521848eca3c050&req=dSknFMx2m4VeWPMW1HO4zRGjvZ4%2BvZok1o6AeBbO01y3WERAeDNz9s5XRK4X%0A7cUFWOsAOtsCmdIaYyc%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586411/d7e3a7edb156bfa880acd2e39237/AD_4nXdDoV98sVbksESzGactbwyazaNP13QLRqVGVdcc1GKHcetnTOJB9P7rAQzvpyTUwljtUX4URN6KrbOJden7U3iWzbnT97S-GlKCo_DosR-c3hMPDVkzDBCb35fH52v7oOmOrmTadEy6uBoUpkkclAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=0d1aaf273bdb5cc76d5f89dc78d85b9774ad7019d4a61671206ad37e4e1dd60e&req=dSknFMx2m4VeWPMW1HO4zRGjspo8u5gi1o6AYhLI2mZlEEycoGGvnEB7W6dz%0AlkhL%0A) You can click on the checkbox here to show the collection title: [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586428/b3af97c2d4350987e4b02dc36c92/AD_4nXdFPJrRDdArZrt3YqofDeqThUkoQUwpCxLqikoLVUnD67yrjEVO3mwql466bosb9Pw5XBlJUzhiTwY5UEpaQ0P3BG8CSQi1YBep5ntdnWVL8dR4TDh4KkO4rEFdgXnygKu59XvgHw6NRYO1KjaUDAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=99a534358ed562fb556605c78921d5308bab99c6799c96a75ac9e2fbcfd4b92b&req=dSknFMx2m4VdUfMW1HO4zb3Z4gmyqtdkCfwevf%2Br4RpA7wk5hHN9LWN1HQfb%0A9LD5fCBHTjaunPIf1dg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586428/b3af97c2d4350987e4b02dc36c92/AD_4nXdFPJrRDdArZrt3YqofDeqThUkoQUwpCxLqikoLVUnD67yrjEVO3mwql466bosb9Pw5XBlJUzhiTwY5UEpaQ0P3BG8CSQi1YBep5ntdnWVL8dR4TDh4KkO4rEFdgXnygKu59XvgHw6NRYO1KjaUDAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=3e3e9325878932490f1988f2e3e8c445ad204ed2fccaaaad745b91b1215ea805&req=dSknFMx2m4VdUfMW1HO4zb3Z7Q2wrNViCfwep%2Fut6CDKzw4MfUMxCyLZijnt%0Asr7J%0A) By default, the Collection Products section layout displays 12 products per page. You can change the number of products per page from 8 to 24, in increments of 4. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586439/e52a0ee920884ae74201a8d294a3/AD_4nXeXgMLxQDxjJ0WNSf0_18QR3Gz_V_N0A1f6VQGkuyyR2Sd1_lgB9ePNQAis6CtrZ0dX1HbC66Nwik1r5tDisJuTbqsBKgacFpv5C4lyu2KwhypwouTUh9TwTt7mPeUXfQvHV57atTGTkHmv0q3ELwkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=5c90fd79937f6cbabe4457522bdb75bcb872c725fc898ec96aa090208b600720&req=dSknFMx2m4VcUPMW1HO4zYfzkWkqsCWdq6D7MONRcONTl2vEbTNWf5Kc6mtB%0AfP93%2F%2FoKcFwvS01Dkp8%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586439/e52a0ee920884ae74201a8d294a3/AD_4nXeXgMLxQDxjJ0WNSf0_18QR3Gz_V_N0A1f6VQGkuyyR2Sd1_lgB9ePNQAis6CtrZ0dX1HbC66Nwik1r5tDisJuTbqsBKgacFpv5C4lyu2KwhypwouTUh9TwTt7mPeUXfQvHV57atTGTkHmv0q3ELwkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=5937829a85c7b506a82fd3b191925b8d3921cf5e29f17adcc93d295e15a1f864&req=dSknFMx2m4VcUPMW1HO4zYfznm0otiebq6D7KudXedk6AiIohAW04zVoS34D%0Ac562%0A) ### Product layout You can choose one of the default layouts: * List View: Ideal for products with detailed specifications * Grid View: Perfect for visually-driven products [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586449/03b38c75e6437bb0f4909e548045/AD_4nXfX8986S2Ka4B7GonGz-rlfDHjwUGwJXNzXAtnIoxSqrZvNkGUms0egiMmze_U6OqE3xjjFJQGMt1pNKZ3JShosJhdxp1WNelypYCSI1dw_rTGHKRUxvCYKc9vMimoG1atBfzrlvIiD1aMYaA1rEwkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=cde933a4dd6ed25b8fe7d19a7991165da8873ea97ad343bdcd27a00d3ff4ce7b&req=dSknFMx2m4VbUPMW1HO4zcBhzCSYBNHq3aVVtKV648nAxOnTTW6S51xmVpwa%0ATw8smOhMZajFMQ3tkZc%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586449/03b38c75e6437bb0f4909e548045/AD_4nXfX8986S2Ka4B7GonGz-rlfDHjwUGwJXNzXAtnIoxSqrZvNkGUms0egiMmze_U6OqE3xjjFJQGMt1pNKZ3JShosJhdxp1WNelypYCSI1dw_rTGHKRUxvCYKc9vMimoG1atBfzrlvIiD1aMYaA1rEwkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=ef55d3013c6a2f1da8203deb506523d15307e34cdfd8cc405ca3abfcebf1d957&req=dSknFMx2m4VbUPMW1HO4zcBhwyCaAtPs3aVVrqF86vOcV2wM%2BolRw65zpn2U%0Arblu%0A) You can enable the grid/list layout switcher here, allowing customers to toggle between grid and list views. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586459/dd706f18236804562d38de3e7337/AD_4nXdDYi48JC1SMmNSBLEIJEmGlIBT4g8SLARYH3Y46imfCARAaTN70v8KTfwXaIlqSct6QaNuWZ5eWGtZmf2H5CkgxGkjvGgysgSr5tP8Wtn4Zh_N8FZ8G83KIbj8pHgBx0dhM3kVspNcFAdzRCBHVQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=38225cd6394390b48503c1a024bc8fcd37954c7d0ad11fc4981db1f752d0594f&req=dSknFMx2m4VaUPMW1HO4zfkkrQg5%2FdFpcMfTd3F%2BwA%2Bdd8lKNOrON6JhbAUV%0AlPFAIMHkiOnfZl7hySQ%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586459/dd706f18236804562d38de3e7337/AD_4nXdDYi48JC1SMmNSBLEIJEmGlIBT4g8SLARYH3Y46imfCARAaTN70v8KTfwXaIlqSct6QaNuWZ5eWGtZmf2H5CkgxGkjvGgysgSr5tP8Wtn4Zh_N8FZ8G83KIbj8pHgBx0dhM3kVspNcFAdzRCBHVQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=3606e9b411158bdc53718782699ce9e4431c58b07c0e1954bf6893d5d2d06475&req=dSknFMx2m4VaUPMW1HO4zfkkogw7%2B9NvcMfTbXV4yTVbg8%2BxdZiJpVSWRRFn%0A4fyZ%0A) Items per row on a large screen: Choose from 3, 4, 5, or 6. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586469/3891a91de2fcdd8e1897ece6f777/AD_4nXf5nC8LZ9dIRzu8AwO5FHI1LL1_yFl2-H4MEX-OJsEM9D9L0NAoTtGC2wm0bkhvEpnrhV1yrLdy1PpSI7XA2xibDtzITLRFRAivSSUkTeNzAOT_mjDKsoi2jmjs0Zo9j7PwmTl6FAB6HAdF2hFFTAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=16930be2a829a74d26bc81d684114d415a121e9a537e20a9f0c0bdb5768be73f&req=dSknFMx2m4VZUPMW1HO4zYWKIWj66rTAlqsLURFBskE%2FHrEEhhJOgVFxh6oy%0AqWLLQN03RprG9%2FMv5uE%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586469/3891a91de2fcdd8e1897ece6f777/AD_4nXf5nC8LZ9dIRzu8AwO5FHI1LL1_yFl2-H4MEX-OJsEM9D9L0NAoTtGC2wm0bkhvEpnrhV1yrLdy1PpSI7XA2xibDtzITLRFRAivSSUkTeNzAOT_mjDKsoi2jmjs0Zo9j7PwmTl6FAB6HAdF2hFFTAkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=9104d3041117b55e5d5f242346ce1d17ca92e09da42f3936d6dc99e39999abc8&req=dSknFMx2m4VZUPMW1HO4zYWKLmz47LbGlqsLSxVHu3tCfdUOvJVbuCk8Hruf%0AjgyM%0A) You can also choose to display 1 or 2 products per row on mobile. By default, 2 products per row are displayed on mobile. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586477/0e0405f52d807efeb3ad5e3f9812/AD_4nXeJYhRxeas6dtuSV1DlnZfYpJpq8IeWkCbZpiLo_0XH1nmdQWPTotnTxsL8grF_AyKbHOIywlYIQJvmhvpqPzvnFdDOs4rwKgvV2iEVpF2zoAGUDJqZ0FNY99uHNR7icPyvClu-2I5kDWxYFw_VSQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=261c1bda549c88e55a2e47da70410aa4b4b29f1e6b60546b6da5eca36c6b8f82&req=dSknFMx2m4VYXvMW1HO4zdfDtgNJgN3TpFN5Uzn21ZxCJnfsQZrfCnc97Ews%0A3O9g3%2BKht5Nv2J%2FGz5E%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586477/0e0405f52d807efeb3ad5e3f9812/AD_4nXeJYhRxeas6dtuSV1DlnZfYpJpq8IeWkCbZpiLo_0XH1nmdQWPTotnTxsL8grF_AyKbHOIywlYIQJvmhvpqPzvnFdDOs4rwKgvV2iEVpF2zoAGUDJqZ0FNY99uHNR7icPyvClu-2I5kDWxYFw_VSQkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=b87f69cdd93d467881dab8a04a22c5eca4b0d1acb0057b7cd7cd7a34ae0e55c4&req=dSknFMx2m4VYXvMW1HO4zdfDuQdLht%2FVpFN5ST3w3KaGqFA%2FUQv8s6nfRC9c%0A56WM%0A) Pagination will appear when the Collection Products section has more than one page. ### Filter & Sort Collection Product section supports Filter feature to help customers quickly sort out their desired products. The filter, if enabled, can be customized on **Shopify admin dashboard > Online Store > Navigation > Filters.** [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586489/707bca00a79278fb6b363578495d/AD_4nXcGJwRVNs_eXnsDZee6rQKtbdRhecBwPcX969zFto24yYo9X7892biVCFLdmH-JWGWgp81Cr6wL6zry23QS6V9Kl2o1XJthHdcnQMmpw2MVWml7tAKYXdCSBxef6S5fbufaYmiWy4vUHKCGK76ikey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=a784388e84fb766eeac150b3df35759173ac55b815e5b1daa2fbeaf6c6363c38&req=dSknFMx2m4VXUPMW1HO4zb2ohN23avym5tJ7TTDw%2F%2FvFK7ZOJ5vCTOY9%2FFcM%0Ak7yLfYAjLvLuGidmOHY%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586489/707bca00a79278fb6b363578495d/AD_4nXcGJwRVNs_eXnsDZee6rQKtbdRhecBwPcX969zFto24yYo9X7892biVCFLdmH-JWGWgp81Cr6wL6zry23QS6V9Kl2o1XJthHdcnQMmpw2MVWml7tAKYXdCSBxef6S5fbufaYmiWy4vUHKCGK76ikey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=f506f0e13f9ebd6a9c076aa875b7739d990538bda105677ecd37249b172c20ae&req=dSknFMx2m4VXUPMW1HO4zb2oi9m1bP6g5tJ7VzT29sEqbgzAKQ75RUnvjwj8%0AemjL%0A) You can choose the filter and sort layout on a large screen from the following options: * Sidebar * Topbar * Drawer The sort feature allows customers to sort products by: * 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 [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586501/4dfc03ecfdd0af54b09559dee6bb/AD_4nXcpQcrVQoB6uomT6j77DH342ojA7-5Hcoaski2hVWqwzGzCV6zRQdre-M66FAUFwPhVo7ph9FhOYWrimv6PkjxYmf40HF3f8T9kptrbQbOaTcVi-qkwqX5DPJsDYCDsu3UvR0ToCpGlAEz32yLjkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=e8d4629b2413c5e812f1bbc059fe8a05e48afe5722047314ab619f56fd6dc95a&req=dSknFMx2m4RfWPMW1HO4zWIigwUNMrO5cekAsAoZrbt4YRAgFtLGopv0UIgF%0AvCsaBpNLpAMR2qDGNQg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586501/4dfc03ecfdd0af54b09559dee6bb/AD_4nXcpQcrVQoB6uomT6j77DH342ojA7-5Hcoaski2hVWqwzGzCV6zRQdre-M66FAUFwPhVo7ph9FhOYWrimv6PkjxYmf40HF3f8T9kptrbQbOaTcVi-qkwqX5DPJsDYCDsu3UvR0ToCpGlAEz32yLjkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=abcb860e14c9a36cec565b7c37d8f2adbe5a1d032b8bf2ab2b908878462523f8&req=dSknFMx2m4RfWPMW1HO4zWIijAEPNLG%2FcekAqg4fpIGspYlnt9gAuEx3kU4v%0AhioF%0A) You can also enable **Expand All Filter Options By Default** to show all filter options once opened. Note that this feature only works on live view. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586505/ccfb1aa840f7a4ef8a88891dc749/AD_4nXcah1rp5908_UWM2B6XDyLyVihvqNA5VHR-NDMuVICe_6WA4MyqcroDEx8nalscXIm5uqP8qWBfiMBj2KfNwFkypkAWmuNLC9CcS1qJ4J4oE5X7gYlZ2HQAS_MabJT-4BRNraAVM0YmzORgPuF1lgkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=5cf7d175b69f89b543fb6fefd97df33abf57308d233b2c628d8d9aad2910e3b5&req=dSknFMx2m4RfXPMW1HO4zSWiajhMTyiaZOOw6PA%2FJfD6W1XRQMjPYetOSvy%2B%0Axru25ZZ9e%2FZydzUcCxg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586505/ccfb1aa840f7a4ef8a88891dc749/AD_4nXcah1rp5908_UWM2B6XDyLyVihvqNA5VHR-NDMuVICe_6WA4MyqcroDEx8nalscXIm5uqP8qWBfiMBj2KfNwFkypkAWmuNLC9CcS1qJ4J4oE5X7gYlZ2HQAS_MabJT-4BRNraAVM0YmzORgPuF1lgkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=844c706f97f888c1f68e635eb7007435c5c6f153a2c818333f7b14a4f573ce0b&req=dSknFMx2m4RfXPMW1HO4zSWiZTxOSSqcZOOw8vQ5LMpM%2BmWchl1zHfj%2BUW7X%0AvC3b%0A) ### Product comparison This comparison feature allows customers to compare products in this collection. You can check [this article](https://docs.saleshunterthemes.com/manual/eletro-product-comparison/) for more information about comparison. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586514/2a77feea34b11a5c3c6a5aab37d7/AD_4nXfgelcx-0t4gqIpvz2aJmSzKVcBypRUZ9i0veT83cLMGBA5WTLMz2TxFogkvunif1SYZSUslqurFS4mG2x9H3FVhdPt772DMfj0JNQTJ2D4bgZgicaiJJ3qPycQQSjYchzP2aTk903LSYN9pdjrUwkey6YTgzdOjK_omkx5bRsoavA.png?expires=1792402200&signature=7869361ee8437a630406a6377d61293bb85f930817cda553b4b4f4740cad368d&req=dSknFMx2m4ReXfMW1HO4zZnc%2FFThhfH466YQx40gKEJAvxZy44%2FRlAWkzsxc%0AmfrIi28stSrQiiDBKQE%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586514/2a77feea34b11a5c3c6a5aab37d7/AD_4nXfgelcx-0t4gqIpvz2aJmSzKVcBypRUZ9i0veT83cLMGBA5WTLMz2TxFogkvunif1SYZSUslqurFS4mG2x9H3FVhdPt772DMfj0JNQTJ2D4bgZgicaiJJ3qPycQQSjYchzP2aTk903LSYN9pdjrUwkey6YTgzdOjK_omkx5bRsoavA.png?expires=1766660400&signature=4fcd85d3e8955f452c0cb12dd7f5969f1b8401087388a1a6e34fac59b1867df7&req=dSknFMx2m4ReXfMW1HO4zZnc81Djg%2FP%2B66YQ3YkmIXiCGTTmSMqckUB6dLAD%0ApjB3%0A) --- ## Frequently Asked Questions **1. How can I change the background color of the Collection Header?** Use the color scheme dropdown menu in the Collection Header section configuration. **2. How do I display the collection description?** Enable the "Show Collection Description" option in the Collection Header section configuration. **3. What product layout options are available?** You can choose between List View (ideal for detailed specifications) and Grid View (perfect for visually-driven products). ​