> ## 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 Image Gallery # About Shine Theme Image Gallery Section The **Shine Theme Image Gallery** section showcases featured images of your products like a gallery. Moreover, you can create a seamless shopping experience for visitors by adding product links directly to the images. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583604/41c58b8b1c10dd1404beb599eb36/7ncXBvTLVyjZ8_iDwZPI1PgCv-_87U-2Ccb4yKgOY6AlvIXW8A-PXV_ROL5pp5EQX7fVk-o4ohldUwx_K_PtotH0fe94cEe9dJN-QvCpl73Bh-sseQxksc2r5IknTEgtWRLsocBQ-D7x1kUS.png?expires=1792403100&signature=94977abc0cf58efa9f74a2c17cc889d6b2a94e70592f456be3dea92eb64cd5ed&req=dSknFMx2nodfXfMW1HO4zR9XUCDiVYu4V22zNJGeZiwRMgJkYC6iOahLb4tE%0AP1K98vlAz1QdW%2FYG6Fc%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/6/d/a/56da3231e7bde400/3d88d86f-8841-4615-a7b0-84286c_5j9qw9.png) # Access Shine Theme Image Gallery From any page in the Shine Admin Dashboard, click on the **Add section** button > Search for **Image Gallery** > Click on it to add the Image Gallery section to your page. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583627/057a3138fa1bfcca32df4d4f0ec9/exb13JmoMD-Dsk-bq508KhuK9tWxq5berZohqy6TU1np6YgrxmpI1eRtJDhffUTGcj2L_oRWHcsxI4A4UBsGl2SOwZo_bpyArClP7uz96zhIVoli1KN0i5K8xum6Pe7uBvuH0eraGIClyzJT.png?expires=1792403100&signature=9bc1a26cef7e1e163b01ee01f811412a2b10f80b9271bccc0c3e245e65bde56a&req=dSknFMx2noddXvMW1HO4zZTqWNENVdvLvhZIvbFrBeUfUsrqefmpJNDt1n8I%0Ae26fZmCj3hgtZrH90SE%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/2/8/3/0/28309c218dd6a800/37a4d01c-9033-4c8b-9416-efe99d_zb2v6z.png) # Shine Theme Image Gallery Configuration To configure the Image Gallery section, click on the section to access the configuration settings. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583649/9e4dd6d1a536a82256531c6b98ab/1A16Fc_Pk-i6i0myru6MKwglRBw9eRgobx7TuCNOck6lC2yKV2uU8dw3-5YRjngO4MFpmOi2Hxc1zjsF65Ge4RbApUbqSOTRc4D0AoERXnkRk3ANrdzFO6gsf6pK8XshbguHs590ZmJ3JTol.png?expires=1792403100&signature=3565e2828cae387f82f265eaaaadddc2b07fccdc340ba38bbfba66fe9cb3d3e9&req=dSknFMx2nodbUPMW1HO4zUe6g97dN8%2BoM616pEIlxmqhoXnT0CrzRdQ1ltZN%0Aud%2FPwmSPPR81bhYGwqQ%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/4/a/0/b/4a0bb576dc049800/10bb894e-8d73-4a2b-a5b0-ae57f0_1xqbno.png) ## General Under the Color Scheme, you can choose a specific scheme for the Image Gallery 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/1902583665/91ef905519f9e0b2a33799019f25/2eSOSOGsPteaI5rqFJ0OMk4oSFQCyrj7rsxzAhUnbf4PW8GVLmx9Wqyz3DxyPKJzLXpaZ96AL7O4fAuhk8d9EuCoiRX-s_P0_kwYPWhOcPXGoHvNQOM1aa8FfY7IIYi6X26q2gIC2r4tpsnd.png?expires=1792403100&signature=9132b13e10d5a2a974bd7e4d6a17532536b0bda66dff44e7b9c0ba1f4f83a1e5&req=dSknFMx2nodZXPMW1HO4zZMME1QOzYbC%2B8ISyIcz4bvXlN7ulRkULSU2md0z%0AgL5xMug%2B3qX%2BP5mFYS0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/9/d/d/1/9dd1df7f166b6000/51675ae0-750e-4650-8aed-4731ff_ravm78.png) ## Gallery Item To beautifully showcase the Image Gallery, you should add more than 5 media items. To change the Image ratio, there are three options for you to choose from: * Square * Portrait * Landscape [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583682/217de4b6f3c8efa061c073b4b9b2/cbvhOCIE4flEn5AwT5yLPJMiIbCdpUW1YjrMjqW0C_8wDWbnvI0VnpT_4xiDAb59QU3YnvJkNEqiu1opTVq7AGg_ibnFZgcE25vEHT72hsEgoZ4tj-TKuwD8_W3zP9ZQ4f0DzXr8uiXP7C2j.png?expires=1792403100&signature=373a11d989784cff54314af1f1b147c308ba7f0a8e2336348dc8e1cbdacd5225&req=dSknFMx2nodXW%2FMW1HO4zYfdwl7o9T61l%2BYNa%2BENA0QTpZQToGZMou04CKmn%0AtRkUy6fXhdSfI%2FA5DE0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/3/c/5/9/3c59140937091000/c40c7f1e-e94c-4a6d-9b05-3c690c_1vo9oza.png) ## Product Card You can adjust the image size for the Product card: * Square * Portrait * Landscape * Adapt to image [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583696/b403cc3083ecf285b11c2a3bb583/jtCB1XB5kHTjJbB-YConPgQyH0Ku9WUerNvrYzJKxIET3CBrfvyvxLDxiTdb8A8CBtNIYYxl9o4du9fphTSDsNg09naI4rt-RaItT4eojYKAQII_bTBOu9qlG-6mLUeZxYHolBitzskMIZwU.png?expires=1792403100&signature=e736569d8e6fa09c88ba664e4b993bddbea5e3e0d4c476f8909a410becbe4043&req=dSknFMx2nodWX%2FMW1HO4zU2Y1xldZUnwK5cj%2F7Wtlz%2FqCMJMpOSr7H8Z%2FFD5%0ANVhgFphzAJZ%2BW4JHAwg%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/3/b/7/9/3b79338f476b3400/dc287909-8b45-424e-99b5-9d7f08_146ol4s.png) You can also set the color for the Image background by clicking on the color picker. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583717/8ebe2f205a4b6578e91cb8788932/weioY0hNpbMGuMs9SiZr1Fq_Z6NzCKKARThZ4Au4ObA-xQVFh_2ucQTGs0RJCccYnKsxkWo8fOmEXOb0M_m1o5YK1Jt-HLYf4emRt379lnZbzinlBv1fn5TNJ0-NittYMwpdj3l0J1VDW0.png?expires=1792403100&signature=d76e573362e1914544b422c76d6f8fe08c35b884ef1b753b43d08fbce3987cf2&req=dSknFMx2noZeXvMW1HO4zdeDz4FBh0LpRLwXt5UApKDg%2FDubPP4VljDyUsd3%0A%2Bn0vxqEaHFlCq1X5XUw%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/0/5/1/f051e550ab0ad000/3f58aeeb-418d-4fb8-9de1-6ac725_1rf149r.png) ## Spacing The Spacing option will decrease the top/bottom margin of a section, thereby bringing it nearer to the sections above and below it. You can choose to customize the outer spacing top/bottom of the Image Gallery section. * Remove outer spacing top * Remove outer spacing bottom [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583730/ac36a31dd6b0354a96d6b2f81554/Tz5mAhvkgo-ZqyFR6kmAgMSOTHUHa1QVatFpnG4o190R8UsPH6MJXSeFaBRCMGT9KDBzk-971vKuxyj7wEAy-419nc4MEJfcFYpvmqrGSsimDxO_Nak-M-6TMN_zhELKY_lUuFBCRAIFGGKf.png?expires=1792403100&signature=1637b7b555c30b1f192b520083167d2a5a07dec09d567fccf7df28f2ac8c0543&req=dSknFMx2noZcWfMW1HO4zbA1F7B7zmPc238a4m5i%2Fw1nxlw5lpj0sNvyzUJm%0AjH2fKvCZlgN3%2BDehpZ0%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583730/ac36a31dd6b0354a96d6b2f81554/Tz5mAhvkgo-ZqyFR6kmAgMSOTHUHa1QVatFpnG4o190R8UsPH6MJXSeFaBRCMGT9KDBzk-971vKuxyj7wEAy-419nc4MEJfcFYpvmqrGSsimDxO_Nak-M-6TMN_zhELKY_lUuFBCRAIFGGKf.png?expires=1766660400&signature=d6e9ec0125737fdf4cc5a04a95f651ef56608e8cd3bd19e4e24747c5c5e792cb&req=dSknFMx2noZcWfMW1HO4zbA1GLR5yGDZ238a%2BGpk9je97PIaAbe0zfF03NCi%0ANPCq%0A) # Shine Theme Image Gallery Blocks Configuration The Image Gallery section has one main block which is Gallery item. Click on Add item to add more tab items for this section. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583741/e1bd309d9ef57d99295155b2390b/nS5DQqwU8TjZjfWosNJywXh97VmzJ36GLUArDqL1i-9p23C8CAySuLn3T0ChXw_gv0v0VXnGa0alsjnUjoHRk4SGNMI5i_blRIN0yoaxmBmUBDEsrYi7H7hUgYEWjQ9UlpqhTfQrM8MZiKI4.png?expires=1792403100&signature=fa005fe47417fa9069ce6a189fc815658d40812af6e9b37cd1e108df2ac675ae&req=dSknFMx2noZbWPMW1HO4zUoKBW7yqh6idagRELEdQUOyu%2FgmZJFTdBF2qJtB%0Aa9GHJVL2g4iurg7yre8%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583741/e1bd309d9ef57d99295155b2390b/nS5DQqwU8TjZjfWosNJywXh97VmzJ36GLUArDqL1i-9p23C8CAySuLn3T0ChXw_gv0v0VXnGa0alsjnUjoHRk4SGNMI5i_blRIN0yoaxmBmUBDEsrYi7H7hUgYEWjQ9UlpqhTfQrM8MZiKI4.png?expires=1766660400&signature=33c3cb659c26a8046139825a168d3e7e556ef75e7e8f3e05efcfedad5f107416&req=dSknFMx2noZbWPMW1HO4zUoKCmrwrB2ndagRCrUbSHlFZIu4Mmi5kk1Rxmt7%0AUJzb%0A) To modify an existing block, click on it to open the settings modal. ## Image Click on the Select image to upload the image. Or choose an existing image on the media manager. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583753/6d5cd018bba0e79490c24ca7c78c/d_jMGqgCmyUWzFzCFgzA-ipnLSrA5lrVx-2dmbY7g-y214kE8NrUjQa8dqoUezPWoZEbi5lVmqe-wyxhXj4xgxt0aGVjUqeUsJ0ZeQsJx8qzrRdRebXTSVMEhQbAogccVwuOwAEAZHBVCdEc.png?expires=1792403100&signature=17124a9b95dde6f641dcf0f7e29968b32dbbdffe27e07dafea15ad9f33227b34&req=dSknFMx2noZaWvMW1HO4zVKwANgBkJD0Yqn0H%2BVfcUj2tu0csioBhh4DEZPy%0AHK6Ol4kglwZH%2F0ovbb0%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583753/6d5cd018bba0e79490c24ca7c78c/d_jMGqgCmyUWzFzCFgzA-ipnLSrA5lrVx-2dmbY7g-y214kE8NrUjQa8dqoUezPWoZEbi5lVmqe-wyxhXj4xgxt0aGVjUqeUsJ0ZeQsJx8qzrRdRebXTSVMEhQbAogccVwuOwAEAZHBVCdEc.png?expires=1766660400&signature=1dc2a10d05b7d122eb684f735f98c83d802716e75fed60ac37600bb6f33589f6&req=dSknFMx2noZaWvMW1HO4zVKwD9wDlpPxYqn0BeFZeHLgXjnF7wdzvnBW6blt%0ALl9b%0A) Click Change > Select from library or Remove image to change or remove the image. ## Shop The Look You can add the product link to the image by clicking on Select products > Choose product > Hit Save. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583766/3d8d425077b0cfb93f56c01c6f9c/zCKw4KcVJ4sQljHlrtcROKICG5kE5JF8RBZJli8OXazuA7voT-bCG2vPTi08LVCABzR7heFgiyCrqNa8UKC-ud9lZM3w9YZTSwm089HHu3q1p-KFsNGJconZrc1T0ke3WWawwKmMuXIpJCd9.png?expires=1792403100&signature=8817ae9095ef0d1b1a829f8e92bf221a68d31eb988c11311de57293f7549ac37&req=dSknFMx2noZZX%2FMW1HO4zf7eRHv2X1KxX18jK%2FjcnuVAgrnsQh4ebxSOREeX%0Alt4TyyxvGv1h0nv7WGU%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902583766/3d8d425077b0cfb93f56c01c6f9c/zCKw4KcVJ4sQljHlrtcROKICG5kE5JF8RBZJli8OXazuA7voT-bCG2vPTi08LVCABzR7heFgiyCrqNa8UKC-ud9lZM3w9YZTSwm089HHu3q1p-KFsNGJconZrc1T0ke3WWawwKmMuXIpJCd9.png?expires=1766660400&signature=26983c1271562e00c0f19b84777a2e41d17ab60cdbae6278eeeeee8bfb9e8e11&req=dSknFMx2noZZX%2FMW1HO4zf7eS3%2F0WVG0X18jMfzal99RJec%2F6DDq7lXGYYS3%0AuVRd%0A) Click Change > Change products or Remove all products to change or remove the product.