Add to cart icon instead of Add to cart button for three-column product layout?

Hello guys,

is there any way that I can use the “cart icon” instead of the “add to cart button” in the product archives for the three column layout?

Screenshot 1 shows the 4 column layout and the second screenshot the 3 column layout.

I really want to be able to use the layout from the four column layout for everything.

4 column – add to cart icon
3 column – add to cart icon instead of button

Best regards from germany,
Manuel

Hello,

Please add this code in the Theme Settings > Custom JS > on document ready:

function smallBtn(){
	jQuery('.wd-hover-base').each(function () {
		var $this = jQuery(this);
		$this.find('.wd-add-btn').parent().addClass('wd-add-small-btn');
		$this.find('.wd-add-btn').removeClass('wd-add-btn-replace').addClass('wd-action-btn wd-style-icon wd-add-cart-icon');
	});
}
smallBtn();
jQuery(document).on('pjax:complete', function () {
	smallBtn();
});

Best Regards

Thank you so much Elise. Works like a charm!

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

[Author]

Posts