1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Woo product images with overlay and icon on top on hover

Discussion in 'Free Divi Community Forum' started by Lauren Atkinson, Oct 5, 2022.

  1. Lauren Atkinson

    Lauren Atkinson New Member

    Hello,

    I am using Divi + Woocommerce

    I want to add an opaque overlay with a centred icon to each woo product image, when it displays as the woo products module, but not in individual products page.

    In the woo product upsell module, the product images have an overlay and icon ability.

    My client wants to replicate this effect on the shop page exactly the same as I Have done in the upsell module.

    For some reason the overlay option does not exist on woo product image but does exist in the woo upsell module.

    See shop page:

    https://offrisklegaltemplates.com.au/shop/

    See product upsell section at the bottom of this individual product page:

    https://offrisklegaltemplates.com.au/product/full-time-employment-agreement-contract/
     
    #1 Lauren Atkinson, Oct 5, 2022
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    If you're using Woo Products module, it does have overlay option. But it seems like you're using just the Woo Product Gallery module, which doesn't have the overlay option.

    Since you're not populating the Woo products details, why not just use normal image module instead?
     
    #2 Divi.Help, Oct 28, 2022
(You must log in or sign up to post here.)