Setting second featured image as rollover

• trenee71

• July 26, 2013 at 3:53 am

Hi,

Great plugin! I was able to add a second image to associate with the featured image when adding a featured image (in edit process). But I am unsure how to make that second image associate as a rollover or hover of the featured image. Any suggestions on how to do this?

Thanks!
Tiff

• Elliot

• July 26, 2013 at 3:20 pm

Hi @trenee71

This is a front end HTML question, so I would advise you to jump onto stack exchange for some answers.

Are you able to load the image value correctly through the get_field function?

• trenee71

• July 27, 2013 at 3:17 am

Hi, I’m not sure if this a stack exchange question because I don’t know if I’ve done all I can using ACF yet.

I’ve attached screen grabs of what I accomplished using ACF. The first shows the Feature Hover Image custom field with the uploaded image of the chair graphic in the right corner. Part one of what needed to happen.

The second image shows the settings for the custom field as a reference.

Because this is a feature image of a product item in WooCommerce and not a typical page or post I am unsure how to get that feature hover image to appear when that product shows on the shop pages. What kind of ACF code would I use to edit the WooCommerce product template?

Right now the product feature images just have a transparent hover effect. I would like them to have my specific Feature Hover Image instead. Example of product page in the link below…

http://oxgut.com/wp2013/product-category/products/

Thanks,
Tiff

WP-ACF.png.png

WP-ACF2.png.png

• trenee71

• July 27, 2013 at 3:59 am

P.S. If you’re able to work this through with me, it could become a great add-on for you to sell for WooCommerce shops…

Thanks,
Tiff

• Elliot

• July 29, 2013 at 1:32 pm

Hi @trenee71

All WP images have an ID.
With this ID you can load any ACF data (please see documentation)
With WooCommerce, you can load the thumbnail of the product just like in WP

This is not a limitation of ACF. Just some simple front end code

Good luck