Home › Forums › WoodMart support forum › Add to cart icon instead of Add to cart button for three-column product layout?

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 11, 2021 at 12:42 am #305846

    Manuel Hudec
    Participant

    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

    July 12, 2021 at 8:50 am #306002

    Elise Noromit
    Member

    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

    July 12, 2021 at 9:01 pm #306160

    Manuel Hudec
    Participant

    Thank you so much Elise. Works like a charm!

    July 12, 2021 at 10:41 pm #306192

    Elise Noromit
    Member

    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

Tagged: , ,

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