Short description box when hovering product image

  • Hello,

    I have learned a bit of HTML and CSS coding but PHP is far away from my capabilities.

    So here I have this HTML and CSS snippet to make a box with text comes out when I hover at something. Here is the jsfiddle for reference. And the line that would show the short-description of a product :
    <?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt ) ?>

    I really want to make all products in my shop page shows this box with the short description of the product when the customer hovers their mouse pointer at the image of an product in the products list.

    I have checked a thread of something similiar to what I wanted but comes with no luck. I’m using Bearded theme by Bonfirelab if that helps.

    Any help would be very appreciated ??

    https://www.ads-software.com/plugins/woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)

  • same question

    up

    yeah, i wanna show short description woocomerce when custommer hover their mouse. Someone have us! ??

    You could do this with jQuery. My site does something like this (unintentionally).

    Go here https://www.ashlynnpress.com/product/banners/ and hover over the picture. It will say ‘Banner’ in a smooth functioning blue popup box, because that is what I named the pic when I uploaded it.

    I’m guessing you could simply name your pic with the short description you want and you would get the effect you’re going for.

    Cheesy, but it would solve the problem.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Short description box when hovering product image’ is closed to new replies.