> ## 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). # Blum Product Hotspot # About Product Hotspot Product Hotspot provides additional information directly within your product images. This encourages customers to explore and learn more about your products. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803886/5c23bb0077fa9dc88238a957ee38/dbkhRWIE6RMMLWlLFfljq49j4t9mWOeitHXxCcGFci2qUeKo1y7a3YcOfP3E7czo08iZTV-h15sTJaBs96ogS8XbXjiaF5IhXtB1Bp9mW2dWWNf9yYdXfBCB6JLm0SGlR_XJxkhBnwYtzU0Q.png?expires=1792401300&signature=07cb514f5da1c2701ccb4428ebe3a94325857675c664169142546c96f5903a31&req=dSknFMF%2BnolXX%2FMW1HO4zZp5wXfp243pHoj%2FE8eve%2F%2F%2FnE%2F9GUCKfFhDPSeC%0AiDsO6gOoQ2pvxbn7n30%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/9/5/9/8/9598c4a2e03c7000/cf7643bd-2a84-4afb-9411-965316_196534z.png) # Access Product Hotspot From any page, click on ‘**Add Section**’ on the left sidebar, then choose Product Hotspot. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803906/106357b94b0acec92947001010a9/Ba3TzJJjsMS14ww4Zzv3XRJmZkjnbmhlPpiYUGlUBlWhol0WMWkYr178aTjlbe_yvIdJ7hmKYomXTOWqvchkhNhLMtRzbb4WS7OIaeRNU0hbDjopwIZz6d9Kpwqq9re8Wf_hTIk4gIlNIph-.png?expires=1792401300&signature=2a38685c3574d3b969e51b8e98c49a272c36ece9d60ade73567586259ce0251e&req=dSknFMF%2BnohfX%2FMW1HO4zepGZY0pKlslO9egl%2FCoX2lpc4iBGHTQ8aBewTa2%0AcMX59Wj4Qthr5qL7%2Fqs%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/3/7/7/7/37773fbfa46e8a00/59faa5ec-47e4-4c45-962e-b61c12_uxm3gn.png) # Product Hotspot Configuration ## General [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803921/3c729c6da596c7f7aeca6aa3850a/msPE_zbpuiQBktuVZrWjdlDMQ0L6Bev6DLCaw2QU4I7StYYa0xqXqcbekAFF7g8jwRsC98bZf17id8LDH9cv66ta0ZzbB2O_HxODGP8y30mk05zySCc5Jt3w1cK_YYXPIHiaDdmXg4aXu4Fg.png?expires=1792401300&signature=3f0dd874507fa420e63847531c445f7a6162bb6214d1a70feee8228cda523975&req=dSknFMF%2BnohdWPMW1HO4zUI1203QvDWX2C0cTEsJWuGE7zBMmkVcP4SnWQQ8%0AU3%2Brphl%2Bp8ICe26YfO0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/7/1/4/a71490a8c9ed5000/c8dcaf29-7090-4e99-96c8-b79521_1nllk63.png) 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://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803931/5b11cb840ef0a5ee3fc6a32d12d1/hZ9CukMMREqTT_NXs7aV0JXonS_7ea3xBY5QU06nAB9AMI7Yixqb0FtsAbTFNc6J7PyB-j924tbM7siMmFMKDWC7QPQ9JhFw_tnsM3y1hLHGvkm6plJhtVCbMVtgTnwNWox7mwyDZWZ7CPy2.png?expires=1792401300&signature=f637a1e87550cb4004e64e17f7463f5279abf1500c8f2c8b76ffd00222ddc7c7&req=dSknFMF%2BnohcWPMW1HO4zWDp30tRjkxlJH%2BN6rXYKE2ZWSHmPbU3J287r4LH%0ArWPfPn8wMAq9GJkWuHU%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/c/0/2/5c02df7b0f7b2800/51921edd-6b75-49a5-ad90-d4e0ee_13t2rqy.png) You can adjust the Section subheading, Section heading, and ​​Section description for the section by entering content on the text fields. ## Layout [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803946/de126a25ae2d2efb48e154d4d3e4/WcC7XhAP4NhxT6oemYaVhovY6vJSXES3N-AIdlzcek23oigiusBk9apoc20glhg6gur94ciPSuVgqUe0jfME_bpy64wuGpKXX3_4xs7F-PoHjxFKu42or-b21O_aH7vWRqfVGiL31zNHSb_.png?expires=1792401300&signature=79d8041ff0964e018b4f4dde94b7c5dff2a96a9cfa4b206b5e4b42b6c529989a&req=dSknFMF%2BnohbX%2FMW1HO4zVO%2BHISXBeYalcl4hygLl03vaDiIVX0v4ndsI4pJ%0AI%2BTnAaJoXAb97ZA4Zvo%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/d/7/f/8d7f728eba195800/3203e022-8d2f-42b3-9bbc-041970_d5o67y.png) You can simply enable to Show navigation on mobile here. Other than that, you can enable ‘Remove padding top' and ‘Remove padding bottom' to delete the spacing at the top and bottom between the section and the elements inside it. ## Image [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803966/b8d97bdcb17997da9b7b15549c51/tNhn_jlYChKSjARB2xtI3ug0umah141fzyzKnjXkdVBjliKChhiONbN9jW_WRctJl58RINkFwTTOCa_vwjH6hZHkO59pnsm5WDFCpyHu3jKv36vORx8x_qogdl7nLyTMCnF9CDdQo71OIXgf.png?expires=1792401300&signature=aee6ad75d08690653afecf66510bb79939224e1f1e16d7625bc0d34bb60d5bbb&req=dSknFMF%2BnohZX%2FMW1HO4zamZhlNb4qXmVYOr3AphVNesMm39BYTiHSWC5YBM%0AJYH1KwmzmiN9bLOuh6I%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/7/5/8/7/7587b2cd3b25c800/312efb9b-386d-4aef-83e4-7ff712_1ej2km6.png) To add the image, click Select image > Add image > Hit Save. You can also explore free images from the library. Note that the image ratio is adapt to image by default. This means the Image size won’t be changed on desktop and mobile devices. ## Prominent Badge . The Prominent Badge of this section has the same setting as the [Icon With Text section](https://docs.saleshunterthemes.com/manual/blum-icon-with-text/%2523prominent-badge). You can set up these settings for the Prominent badge: * Text: You can enter the name on the field * Color scheme: Main accent or Extra accent * Position: Left or Right * Shape: Star, Diamond or Asterisk # Hotspot item block configuration [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803975/cfa8e16a5d6f6ab4bcf3664c1c43/K945C_EGUx-eMbCEFjMkURjgyt0DaMczdgOBBmju2Cb1aOv6qjYWHKA9grMQtjiLOSqx3ZElE5h3B_KxiJsbaE9e7w_HWSh5kWsMJ9b45MRPl1DnmtpM46XBcFepcF3P76KT8zdbp_OSu5zv.png?expires=1792401300&signature=a116f7b33bd1c24e16288e115464e68bba5959e57e29dcf1a63a4ec5e2cf21f3&req=dSknFMF%2BnohYXPMW1HO4zfuvUCPXO1z6b%2BdXv9sim1SWqmj4TC5J%2FWGh4Zuc%0ALMiV9dehO%2F1k%2BTC%2FAG4%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/d/f/3/6df3be341abaac00/a4ad7efb-f411-41b8-a03b-9dc01c_t0micd.png) On the Product option, Select product > Choose the product > Select. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803986/3234cba0bcd18f9038a8a8139fce/MDjGzyniMexXElp4s0SYkBbYtPZ9ZtmyhlDENoqdPn7D5GwQrmsEgj2HwW15XLVRe8ceVSH1FRUh-sVWdlYycanQcKKYM1Wv984dfQk5QyqeFxVLJ9xfZxvPIN1NRUpu4V-j2aE90dc9b6GG.png?expires=1792401300&signature=21688a3c371bf3be68fa7b80651de0363a7700b3d50010d30c0e01e246b7a462&req=dSknFMF%2BnohXX%2FMW1HO4zXogZscdHIr5XnA8F5vF5YrkO4nZD70rn8jLBgEP%0AIMyDuMUWkfwG5S%2Bed5Q%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902803986/3234cba0bcd18f9038a8a8139fce/MDjGzyniMexXElp4s0SYkBbYtPZ9ZtmyhlDENoqdPn7D5GwQrmsEgj2HwW15XLVRe8ceVSH1FRUh-sVWdlYycanQcKKYM1Wv984dfQk5QyqeFxVLJ9xfZxvPIN1NRUpu4V-j2aE90dc9b6GG.png?expires=1766681100&signature=43971f24802c03813ecfa38948152a46e88bd724c591a26a18822be00f8ccd44&req=dSknFMF%2BnohXX%2FMW1HO4zXogacMfFIr7XnA8DZ%2FD7LDd2AZE5VNFl8z8r00M%0A3Af%2F%0A) You can adjust the **position of the Hotspot item** by modifying the **Top offset** and **Left offset** values. * **Top offset**: This value changes the **vertical position** of the Hotspot item. Increasing the Top offset will move the Hotspot item down, while decreasing it will move the Hotspot item up. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902804002/99461c6f5d20ebd08cc058e90194/2024-06-0608_51_15-ezgif_com-optimize.gif?expires=1792401300&signature=e994e780eda9ae12816a7c2a723f1eb60fb0a77b32ce4752be1988f78a1dbb58&req=dSknFMF%2BmYFfW%2FMW1HO4zfqRvEoKswAJ1JGEw8EDq7baIBvaKhq9ZTDBDm%2FG%0A4YGi8Z03USnilAyAdGg%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902804002/99461c6f5d20ebd08cc058e90194/2024-06-0608_51_15-ezgif_com-optimize.gif?expires=1766681100&signature=a22754f6852832653318c22714cf3ec6808b9a1c1499e5207a0ba7c74f9f7e3a&req=dSknFMF%2BmYFfW%2FMW1HO4zfqRs04IuwAL1JGE2cUFoowzlR2Ci0ahPz%2BDSMHU%0A7DCe%0A) * **Left offset**: This value changes the **horizontal position** of the Hotspot item. Increasing the Left offset will move the Hotspot item to the right, while decreasing it will move the Hotspot item to the left. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902804016/f7c9d11dcc2af1a946a6cef01de4/2024-06-0608_51_46-ezgif_com-optimize.gif?expires=1792401300&signature=9a3d59474f6978834384ccc40c82f759454c281fb8a2fd2d216c81b026d9c4df&req=dSknFMF%2BmYFeX%2FMW1HO4zUgWZNoiyez4adrhlY76UVdw0Tnf%2BPKerAS4Vu7t%0Aa3LCIxqxy7TwhdvP5j0%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902804016/f7c9d11dcc2af1a946a6cef01de4/2024-06-0608_51_46-ezgif_com-optimize.gif?expires=1766681100&signature=8a00e74ba6680cd4bde427f8510c0ab0ace37cbe60e5e0b2d9d43099e697f05a&req=dSknFMF%2BmYFeX%2FMW1HO4zUgWa94gwez6adrhj4r8WG3xy75KG9aCXjf14tVe%0A2%2FYu%0A)