Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Make image clickable — Scroll to Result container header
- This topic has 8 replies, 2 voices, and was last updated 5 years, 9 months ago by
sapientdaisy10.
-
AuthorPosts
-
August 14, 2020 at 4:40 pm #28949
sapientdaisy10
ParticipantThis plugin remains the best thing I have found to solve some complicated problems and create some really great user experiences. I have two details that I would really appreciate your help with:
1) The design specs for the project have custom Featured Images that have the page title. The client wants users to click the image and open the related page in a new window. In the settings, I have Make the whole result area clickable? Set to ON
This is a video showing the issues:
https://www.loom.com/share/fa924ced583f48639d5f6244839e9e242) The other has to do with Scroll to Results. I have Scroll the browser window to the result list, after the search is finished? set to ON and it works as designed but it would be much nicer if it actually scrolled to the Result container header. What would be the best way for me to achieve that result?
Thanks!
-
This topic was modified 5 years, 9 months ago by
sapientdaisy10.
August 15, 2020 at 12:04 pm #28966Ernest Marcinko
KeymasterHi,
Thank you for the details.
1. I will have to check this out directly I’m afraid. Can you please send me a link to that page? Back-end and FTP details might be required as well, just in case. By default the whole area should be clickable. Is that layout customized via the results templating by any chance? It does look a bit weird to me.
2. This is more problematic. This is hard coded to the plugin code script files, to scroll to the results list element. This would have to be custom coded I’m afraid.
August 15, 2020 at 1:18 pm #28975sapientdaisy10
ParticipantYou cannot access this content.
August 17, 2020 at 9:24 am #28997Ernest Marcinko
KeymasterYou cannot access this content.
August 17, 2020 at 7:46 pm #29019sapientdaisy10
ParticipantYou cannot access this content.
August 18, 2020 at 1:20 pm #29031Ernest Marcinko
KeymasterThank you, it is working perfectly.
I have found the underlying issue, it was not the custom CSS luckily. I had to enable this option, so that the overlay is area is displayed, but since you don’t want to actually show this hover-overlay, I also added this custom CSS to make it transparent:
/** Make overlay invisible **/ .asp_r_4 .asp_item_overlay { opacity: 0 !important; }It now acts as a transparent layer below the cursor, and should work as expected.
August 18, 2020 at 3:58 pm #29035sapientdaisy10
ParticipantBrilliant! Thank you so much!
August 19, 2020 at 8:49 am #29047Ernest Marcinko
KeymasterYou cannot access this content.
August 19, 2020 at 1:43 pm #29060sapientdaisy10
ParticipantYes, please go ahead and close it. Thanks again!
-
This topic was modified 5 years, 9 months ago by
-
AuthorPosts
- The topic ‘Make image clickable — Scroll to Result container header’ is closed to new replies.