Changing the Cart icon + buttons on product image (in Mobile version)

Hello,

1. Please add this custom CSS to Theme Settings > Custom CSS

.woocommerce table.wishlist_table td.product-add-to-cart .add_to_cart:before {
   content: "\f120";
   display:block;
   margin:auto;
}

You will get a bag icon instead of shopping cart.

2. Navigate to Theme Settings > Shop > Products & categories styles > try different variations of Hover on product

If you have any questions feel free to contact us.

Best Regards

Hello,

1/ Please provide admin access to your site.

2/ If you mean different hover effects it is impossible to set different hover effects on different devices. You can use different CSS on different devices if it would help.

3/ All the icons code are from here https://fontawesome.com/v4.7.0/icons/ check this https://gyazo.com/f35c595ca934da7b3ddfee04786f6914

If you have any questions feel free to contact us.

Best Regards

Hello,

Wishlist icon is shown only on responsive screens. It is not effective to add it to global CSS, you will need it in tablet or mobile or via media queries.
f120 is our theme icon from Woodmart-font.

Please try this CSS:

.product-list-item .woodmart-add-btn>a:before, 
.woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:before, 
.woodmart-hover-button .hover-mask>a:before, 
.woodmart-hover-info-alt .product-actions>a:before, 
.woodmart-hover-quick .woodmart-add-btn>a:before, 
.woodmart-hover-standard .btn-add>a:before, 
.woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
	content: "\f120";
}

@media (max-width: 1024px) {
.woocommerce table.wishlist_table td.product-add-to-cart .add_to_cart:before {
	content: "\f120";
	}
}

If you have any questions contact us.

Best Regards

Hello,

Please find below the list of applied icons:

.wd-left-arrow-chevron:before {
  content: "\f111";
}
.wd-check:before {
  content: "\f109";
}
.wd-newlatter:before {
  content: "\f11f";
}
.wd-up-chevron:before {
  content: "\f112";
}
.wd-arrow-next:before {
  content: "\f118";
}
.wd-filters:before {
  content: "\f115";
}
.wd-moredots:before {
  content: "\f10c";
}
.wd-arrowaroundright:before {
  content: "\f10e";
}
.wd-bag:before {
  content: "\f120";
}
.wd-tag:before {
  content: "\f103";
}
.wd-tool:before {
  content: "\f11b";
}
.wd-login:before {
  content: "\f10b";
}
.wd-arrowaroundleft:before {
  content: "\f10d";
}
.wd-layout:before {
  content: "\f11a";
}
.wd-right-arrow-chevron:before {
  content: "\f110";
}
.wd-360-deg:before {
  content: "\f102";
}
.wd-carttest-1:before {
  content: "\f123";
}
.wd-compare:before {
  content: "\f122";
}
.wd-shapes:before {
  content: "\f108";
}
.wd-button-play-2:before {
  content: "\f100";
}
.wd-lup:before {
  content: "\f125";
}
.wd-logout:before {
  content: "\f10a";
}
.wd-eye:before {
  content: "\f116";
}
.wd-statik:before {
  content: "\f105";
}
.wd-user:before {
  content: "\f11e";
}
.wd-altcart:before {
  content: "\f107";
}
.wd-sort-by:before {
  content: "\f117";
}
.wd-coupon:before {
  content: "\f106";
}
.wd-addcart:before {
  content: "\f11c";
}
.wd-note:before {
  content: "\f104";
}
.wd-scaleerrows:before {
  content: "\f121";
}
.wd-cross:before {
  content: "\f10f";
}
.wd-symbol:before {
  content: "\f114";
}
.wd-arrows:before {
  content: "\f124";
}
.wd-arrow-back:before {
  content: "\f119";
}
.wd-edit:before {
  content: "\f113";
}
.wd-carttest-2:before {
  content: "\f101";
}
.wd-cart:before {
  content: "\f11d";
}
.wd-account-wishlist:before {
  content: "\f431";
}
.wd-account-details:before {
  content: "\f432";
}
.wd-account-download:before {
  content: "\f433";
}
.wd-account-exit:before {
  content: "\f434";
}
.wd-account-orders:before {
  content: "\f435";
}
.wd-account-address:before {
  content: "\f436";
}
.wd-account-other:before {
  content: "\f437";
}
.wd-size-ruler-3:before {
  content: "\f438";
}
.wd-account-payment:before {
  content: "\f439";
}

Best regards