fbpx
-50% OFF Black Friday coupon: BF2021

Shop Image Hover Extending with Custom Labels

HomeTopicsSupport forumShop Image Hover Extending with Custom Labels
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #17085
    Avatar
    Devrental
    Participant

    Hi,

    I am using a Plugin to Show different Tags on Products on Shop Pages . But specifically the product with tag having image hover issue . Please see attached video .

    Also is it possible to add a fixed gap between Image & Product Name only in Shop View : https://prnt.sc/1zgeec9
    So that product that dont have tags will show it .

    #17086
    Avatar
    Devrental
    Participant

    Video added in private section

    #17090
    Artem Temos
    Artem Temos
    Keymaster

    Hello,

    We can’t find this test product to see the problem. Please, send us a link where we can see it https://gyazo.com/491f9be329dd9e041e862c1139151c37

    Kind Regards

    #17283
    Avatar
    Devrental
    Participant

    Hi,

    The Products are set to Private Mode, as the shop is live . Admin login is given please have a look now

    #17285
    Artem Temos
    Artem Temos
    Keymaster

    It happens because the plugin put the tag HTML code in the wrong place and breaks our theme structure. You need to fix it with some CSS for them like position: absolute. Or use our theme attributes labels functionality instead.

    Kind Regards

    #17290
    Avatar
    Devrental
    Participant

    Thank you for your reply .

    Can you kindly help me with the CSS to fix the image in absolute position regardless of the plugin or not.

    #17291
    Artem Temos
    Artem Temos
    Keymaster

    Try to use the following CSS for this

    .berocket_better_labels {
        position: absolute;
        top: 10px;
        right: 5px;
    }

    Kind Regards

    #17293
    Avatar
    Devrental
    Participant

    Hi ,

    After adding the css , the image hover is fixed , but the Label goes on top of product : https://prnt.sc/2032qxd

    At present the CSS is added on site for you to check.

    #17299
    Artem Temos
    Artem Temos
    Keymaster

    Try to use the following code instead

    .berocket_better_labels {
        position: absolute;
        bottom: 0px;
        left: 5px;
    }
    #17382
    Avatar
    Devrental
    Participant

    Thank you . Worked perfectly .

    Really appreciated .

    #17385
    Artem Temos
    Artem Temos
    Keymaster

    You are welcome!

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Shop Image Hover Extending with Custom Labels’ is closed to new replies.

Sign in

No account yet?

Create an Account