Noob17042 Posted April 16, 2020 Share Posted April 16, 2020 I would like to have a link in some product descriptions which will show a picture on hover. I have done the same thing on an ekm site but am not sure how I can do it without access to the html? the way ive done it in the past was like this: Link to comment
tuanphan Posted April 18, 2020 Share Posted April 18, 2020 Hover link, image appear? You can add Code Block > Insert above code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MarcUK1603 Posted April 26, 2020 Share Posted April 26, 2020 Hi Tuanphan, I think I have a similar request but the code above doesn't seem to work. I'm on 7.1. I have a text link 'View Next' at the bottom of each case study page of my site. When you hover on link, I'd like thumbnail image to appear alongside, showing related image to next case study. Can you help? Best. Marc Link to comment
tuanphan Posted April 26, 2020 Share Posted April 26, 2020 19 minutes ago, MarcUK1603 said: Hi Tuanphan, I think I have a similar request but the code above doesn't seem to work. I'm on 7.1. I have a text link 'View Next' at the bottom of each case study page of my site. When you hover on link, I'd like thumbnail image to appear alongside, showing related image to next case study. Can you help? Best. Marc Can you share link to case study page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MarcUK1603 Posted April 26, 2020 Share Posted April 26, 2020 Site is in dev: https://tydeagency.squarespace.com/work-marketing-visual-thinking Want to add to every case study page (relevant image for each). P: Bella2811 Link to comment
tuanphan Posted April 26, 2020 Share Posted April 26, 2020 6 minutes ago, MarcUK1603 said: Site is in dev: https://tydeagency.squarespace.com/work-marketing-visual-thinking Want to add to every case study page (relevant image for each). P: Bella2811 Hover on View Next, Related Projects images will appear? Add Related Projects under Footer, then use jQuery to move below all projects. Then using jQuery to set the hover link will display Projects. It is also very complicated. I think below way will be simpler. or Next project image will appear? I think this is very complicated. The easiest way is to recreate View Next Link + Next Image with Code Block, then hide Next Image with CSS. And set when hover next link will show Code Block. However you will need to do this manually with all the projects you want. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MarcUK1603 Posted April 26, 2020 Share Posted April 26, 2020 Simpler way sounds good. Happy to do manually. Do you have any pointers for what Code Block Style would need to be, and then how to hide next image with CSS - pretty much a newbie trying to figure this all out I'm afraid 🙂Thanks Tuan. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.