Remove add to cart link and hover effect

This topic has 29 replies, 2 voices, and was last updated 4 years, 10 months ago by Elise Noromit.

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

Author

Posts
February 11, 2020 at 3:07 pm #172798

PD11
Participant

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.

February 11, 2020 at 5:47 pm #172830

Elise Noromit
Member

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

February 11, 2020 at 6:44 pm #172837

PD11
Participant

Please see private content.

February 11, 2020 at 10:27 pm #172864
Elise Noromit
Member
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
February 12, 2020 at 6:41 am #172898

PD11
Participant

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.

February 12, 2020 at 12:53 pm #172995
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Tablet/Mobile:
```
body .woodmart-add-btn{
display:none;
}
```
Best Regards
February 13, 2020 at 11:03 am #173157

PD11
Participant

That works, thanks!

February 13, 2020 at 12:53 pm #173197

Elise Noromit
Member

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

Best Regards

February 14, 2020 at 4:34 pm #173501

PD11
Participant

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!

February 14, 2020 at 4:44 pm #173506

PD11
Participant

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.

February 15, 2020 at 8:40 am #173592
Elise Noromit
Member
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
February 15, 2020 at 1:06 pm #173657

PD11
Participant

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

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

February 15, 2020 at 4:57 pm #173690

Elise Noromit
Member

Hello,

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

Best Regards

February 15, 2020 at 5:00 pm #173695

PD11
Participant

Hi,

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

February 16, 2020 at 3:58 pm #173836

PD11
Participant

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!

February 16, 2020 at 6:52 pm #173872

Elise Noromit
Member

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

February 20, 2020 at 8:51 am #174725

PD11
Participant

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!

February 20, 2020 at 2:32 pm #174786

Elise Noromit
Member

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

February 20, 2020 at 2:34 pm #174789

PD11
Participant

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.

February 20, 2020 at 3:02 pm #174794

Elise Noromit
Member

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

February 20, 2020 at 3:09 pm #174799

PD11
Participant

Hi Elise,

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

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

February 20, 2020 at 4:31 pm #174821

Elise Noromit
Member

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

February 20, 2020 at 6:27 pm #174851

PD11
Participant

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=

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

February 20, 2020 at 9:15 pm #174904

Elise Noromit
Member

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

February 21, 2020 at 6:38 am #174966

PD11
Participant

Hi Elise,

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

February 21, 2020 at 8:31 am #175001
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
#WOODMART_Widget_Price_Filter,
#WOODMART_Widget_Sorting{
display:none;
}
```
Best Regards
February 21, 2020 at 8:37 am #175006

PD11
Participant

Hi Elise,

Unfortunately, that didn’t work

February 21, 2020 at 9:00 am #175015

Elise Noromit
Member

Hello,

Please provide your page URL.

Best Regards

February 21, 2020 at 9:17 am #175034

PD11
Participant

Please check private content.

February 21, 2020 at 1:49 pm #175113

Elise Noromit
Member

Hello,

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

Best Regards
Author

Posts