Shop page cart button

Hello! In my shop page there is 2 style of the cart button and its a bit annoying. Sometimes it has the text with “add to cart” and sometimes just icon.. How can I set it to be constant icon? Photos attached about 2 products which next to each other.

photo attached

photo

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website. You attached screenshots by viewing the website on a real mobile device and by inspecting the website and setting the view to responsive.

I have visited your website and the product styles are the same on real mobile devices.

Actually the mobile view of the product styles inherit from the desktop and style and are different as compared to desktop version.

And there is no option in theme settings that you can change the styles for mobile and desktop separately.

Best Regards.

Hello,
I made the screenshots from Desktop. The charger are in same line next to each other and 1 charger has icon and 1 has “add to cart” button.
Both of the screenshots was made in Desktop.
1. charger has add to cart button, 2. has icon, 3. add to cart button again… so it’s really annoying that not constant button or icon..
Can you check it please in desktop?

Hello,

I have revisited your website on desktop and the styles are the same for the products.

Video for Clarification: https://jmp.sh/qVT1Oq8

Best Regards.

Recorded with my 16inch macbook:
https://jmp.sh/v/OpHdYhRAL7CWNhQWJuwA

Try to add the following code snippet to the Custom JS area in Theme Settings to fix this issue.

jQuery('.woodmart-hover-base').each(function () {
	var $el = jQuery(this),
	$elBtn = $el.find('.woodmart-add-btn');
	$el.addClass('add-small-content');
	$elBtn.addClass('wd-action-btn wd-add-cart-btn wd-style-icon');
});

Thanks a lot! worked 🙂

You are welcome!

[Author]

Posts