Okay
  Public Ticket #3780777
"more info" on woocommerce products on hover
Closed

Comments

  •  1
    FranciscoEfe started the conversation

    Hi support, just editing this lovely theme for a client. If you help me, is there a way on the shop WooCommerce page to insert "ver produto” for each product on mouse hover? Thanks in advance, best regards.

  •  3,001
    Andrew replied

    Hi Francisco,

    Thank you for reaching out to us.

    Try activating the option in the screenshot below in the Salient > WooCommerce > General Settings and see if this works for you.6603144321.pngClick on Image to View Larger

    Try this and let us know how it goes.

    Cheers,

  •  8,936
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce ul.products li.product .product-wrap>a:before {
        background: #fff;
        content: "Ver Product";
        position: absolute;
        top: 45%;
        transform: translateX(-50%) translateY(-45%);
        left: 50% ;
        padding: 5px 10px;
        z-index: 9999;
        opacity:0;
    }
    
    .woocommerce ul.products li.product .product-wrap>a:hover:before{
        opacity:1 !important;
    }

    Thanks

    Best,

     


    ThemeNectar Support Team 

  •  1
    FranciscoEfe replied

    I Andrew thanks for the quick reply...

    If there is no other way, that will do.

    I would like to be simple and intuitive like a "more" on mouse hover effect to take the client to see the product page.

    thank you very much

  •  1
    FranciscoEfe replied

    Thank you for your help that will do it fine!!!