I want me to move the product info (name, price) from under each Woocommerce product image on the shop page to only be seen via Featured Image Rollover (instead of the current rollover info.) Pretty sure this will require custom CSS and JS, which i am fine with, I am just hoping for any pointers on methods / tips, etc for where to start.

Screenshots below of current view first, and then a different site who has this functionality that i want to create (I also realize this reference site is not WordPress. But i can see this is doable!)

I am using Avada theme, which has options for the rollover but none i can see which can do this customization. Avada's Featured Image Rollover options page

thanks! Please let me know if i need to clarify at all!

current page with product info below current page with product info below

Reference page with hover active and resulting info visivle reference page with active hover info

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.