I want to have 1 image with say 5 clickagle spots on the image? Like something this allows → https://www.image-map.net/ I found one app that provides close to what i want → https://apps.shopify.com/image-hotspots-by-widgetic But it doesn’t allow hyperlinks and the hotspots aren’t customizable.

Hey @aj007 On a product page you can include the section using: {% section "tooltips" %} On homepage, you can select Tooltips" section from the Theme Editor Make sure you add these files to their respective folders: https://github.com/mirceapiturca/Sections/tree/master/Tooltips See assets and s…

Hi @Mircea_Piturca I had already copied tooltips.liquid into sections and tooltips.js into assets - and finally found the UI you’re referring to in the Home page Theme Editor now that you explained it (probably should note that in your docs as well). But… I’m actually looking to add this to one of…

Hi again @Mircea_Piturca … think I figured most of it out on my own. One thing I can’t figure out - how to change the color of the ordered list’s ‘.tooltip-title’ given that my site’s background is (almost) black, as you can see in the following screenshot: [Screenshot 2019-07-04 at 08.11.00.png] …

Hey, Happy you got it going. Hopefully with the new Shopify Sections changes the process will me more straightforward. Good point, I will try to update the install guide. There are no section settings for what particular case but you can solve it with CSS. Assuming that your “mobile” breakpoint…

Thanks @Mircea_Piturca - I tried the following and it worked for both laptop and mobile. Not sure if this is a better or worse solution for tooltip-title than what you propose above (??) I only half know what I’m doing :slight_smile: Wrapped with <span style="color: #E7E7E7;"> ... </span> ... so: …

Is it possible to add a hyperlink to the popup?

Hey @LynetteS The tooltip supports HTML, you can add the link in there. Something like this: Some link Please see the attachment. [Screen Shot 2021-02-10 at 11.21.47.png]

Hello Thanks for the app, I’ve just tried it and it works well, but i cant figure out how to make the main image smaller on desktop, it looks huge

@FakhriAshour It is a CSS issue. Your theme is interfering with the section code. Please post here the URL and we will be able to tell what is wrong.

Can I create customizable image hotspots with hyperlinks?

Shopify Apps

Mircea_Piturca July 5, 2019, 4:24pm 9

That will work but CSS it’s a better option and will give you more flexibility in the future.

Topic		Replies	Views
hotspots Shopify Discussion troubleshooting	2	148	November 28, 2024
I have seen this feature on shopify store in which there is an image above and it has 5-6 icon abov Store Design design , customizations	13	97	August 22, 2024
Can I create multiple hyperlinks on one image in my ecommerce store? Technical Q&A	5	168	December 6, 2021
Code help with Hotspots and Tooltips Store Design design , css , third-party-themes , shopify-themes , html	2	151	November 21, 2024
Can't find "image hotspot" section on Sleek theme. Technical Q&A shopify-theme	3	52	October 4, 2024

Can I create customizable image hotspots with hyperlinks?

Related topics