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

This topic contains 29 replies, has 2 voices, and was last updated by  PD11 1 month, 2 weeks ago.

Viewing 30 posts - 1 through 30 (of 30 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 1 month, 3 weeks 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 1 month, 3 weeks 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 month, 2 weeks 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

    #174725

    PD11
    Customer

    Hi Elise,

    Found anything to improve it? I noticed that it’s only on larger resolutions.

    Also, I had this previous question –> I have a ‘filter’ button on the right side, but want to have the drop down as in the example screenshot.

    Could you look into that too? Thanks!

    #174786

    Hello,

    We have checked several times on all devices and in all browsers, we do not see the problem. Here is the screen from Mac https://gyazo.com/16b3fa04813791d6f9347f985956715f

    Best Regards

    #174789

    PD11
    Customer

    Hi Elise,

    Ok, very strange. I’ll check with a developer.

    Could you please also answer this question –> I have a ‘filter’ button on the right side (category page), but want to have the drop down as in the example screenshot.

    Private Content Hidden
    #174794

    Hello,

    You can find this option in the filter widget. Please navigate to Appearance > Widgets > enter the appropriate sidebar > enter the widget and set “drop-down” in the Display type. https://prnt.sc/r57m4k

    Best Regards

    #174799

    PD11
    Customer

    Hi Elise,

    No I mean the filter sorting option. Please check the attached screenshot. Thanks!

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #174821

    Hello,

    This default widget does not have an option to be drop-down. You can set your custom content for this widget area to get rid of it or we can provide custom CSS to remove.

    Best Regards

    #174851

    PD11
    Customer

    Hi Elise,

    This functionality is in your demo shop, the sorting filter with dropdown. Please check the screenshot and link:

    https://woodmart.xtemos.com/shop/?orderby=menu_order&demo=&demo=&demo=

    • This reply was modified 1 month, 2 weeks ago by  PD11.
    Attachments:
    You must be logged in to view attached files.
    #174904

    Hello,

    Yes, you are absolutely right. This sorting is provided by our theme in the top filters. When you enable this filter, this sorting appears by default. It cannot be as the drop-down. It can be in this format or I can provide custom CSS to hide and you will add your own widgets which could be configured as a drop-down.

    Best Regards

    #174966

    PD11
    Customer

    Hi Elise,

    Ok, please provide custom CSS to get the same sorting filter as in the demo shop. Thanks!

    #175001

    Hello,

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

    #WOODMART_Widget_Price_Filter,
    #WOODMART_Widget_Sorting{
    display:none;
    }

    Best Regards

    #175006

    PD11
    Customer

    Hi Elise,

    Unfortunately, that didn’t work

    #175015

    Hello,

    Please provide your page URL.

    Best Regards

    #175034

    PD11
    Customer

    Please check private content.

    Private Content Hidden
    #175113

    Hello,

    Please clean your browser cache and check again https://gyazo.com/50ac8b77af60580ef72795409f85f2f6

    Best Regards

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

The topic ‘Remove add to cart link and hover effect’ is closed to new replies.