Home Forums WoodMart – Premium Template Remove add to cart link and hover effect

This topic contains 15 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 day, 9 hours ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #172798

    PD11
    Customer

    Hey support team,

    I’d like to remove the hover effect + add to cart link/button on all shop pages. The price should stay static. I’ve selected view “Icons and “add to cart” on hover” in the settings (shop/products styles)

    Could you please provide some custom CSS for this? Thanks!

    Peter

    Attachments:
    You must be logged in to view attached files.
    #172830

    Hello,

    Please provide your site URL so that we could provide you with custom CSS. If your site is under maintenance, please provide your site admin access in the private area

    Best Regards

    #172837

    PD11
    Customer

    Please see private content.

    Private Content Hidden
    • This reply was modified 6 days, 9 hours ago by  PD11.
    #172864

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    @media (min-width: 1025px){
    body .woodmart-hover-alt.product-type-grouped:hover .swap-elements, body .woodmart-hover-alt.purchasable:hover .swap-elements {
        -webkit-transform: none;
        transform: none;
    }
    }

    Best Regards

    #172898

    PD11
    Customer

    Hi Elise,

    Thanks, almost there! On desktop it is working now, but the add to cart link is still visible on mobile en tablet. Could you please add extra CSS to remove that as well? Thanks!

    Attachments:
    You must be logged in to view attached files.
    #172995

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Tablet/Mobile:

    body .woodmart-add-btn{
    display:none;
    }

    Best Regards

    #173157

    PD11
    Customer

    That works, thanks!

    #173197

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

    #173501

    PD11
    Customer

    Hi Elise,

    I do have another question, about the filtering and sorting on the category pages. I’ve added the ‘woocommerce layered nav’ widget on the shop page and have products with attributes. However, the widget is not showing on the category pages. Also, I have a ‘filter’ button on the right side, but want to have the drop down as in the example screenshot.

    Could you please take a look? Thanks!

    Private Content Hidden
    #173506

    PD11
    Customer

    Hi Elise,

    I’ve managed to get 1 attribute working with the layered nav, but the styling is not correct. The end got cut off and I’d like to make the text smaller and normal (not bold). Can I change that somewhere?

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #173592

    Hello,

    What do you mean, saying cut off?

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-woocommerce-layered-nav .with-swatch-text .layered-nav-link {
        font-weight: 400;
    }
    body .woodmart-woocommerce-layered-nav .swatches-normal .with-swatch-text .layer-term-name {
        font-size: 16px;
    }

    Change the font-size as per your needs.

    Best Regards

    #173657

    PD11
    Customer

    Hi Elise,

    Thank you for the code, that works!

    What I mean with cut off – the number of attributes are not entirely visible at the end. You see that the oval surrounding the number is cut off on the right side. I’ve attached a screenshot to explain.

    And I asked about the sorting functionality with dropdown, please see my previous message.

    Thanks,

    P

    • This reply was modified 2 days, 15 hours ago by  PD11.
    Attachments:
    You must be logged in to view attached files.
    #173690

    Hello,

    What device and what width do you view the site? I am checking and I do not see the problem:

    Best Regards

    • This reply was modified 1 day, 19 hours ago by Elise Noromit Elise Noromit.
    #173695

    PD11
    Customer

    Hi,

    I’m on a macbookpro 13″, chrome browser. Let me check on Windows tomorrow.

    Private Content Hidden
    #173836

    PD11
    Customer

    Hi Elise,

    I’ve checked on Mac and Windows and different browsers.

    It is not working correctly on Mac with Chrome and Safari browser. It is working on Mac with Firefox and Windows with Chrome and Firefox. So there seems to be a bug related to operation system + browser.

    Could you please check? Thanks!

    #173872

    Hello,

    We need a little bit more time for investigation. We shall get back to you as soon as we have a result.

    Best Regards

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

You must be logged in to reply to this topic.