Okay
  Public Ticket #934267
Change Icons
Closed

Comments

  •  2
    camillawaton started the conversation
    October 26, 2016 at 12:50am

    Hi there,

    Lovely theme.

    Few questions:

    1. Is it possible to change the "add to cart" icon on a product to a heart (like in the portfolio) rather than a shopping bag?/ Or have different portfolio pages with the option to add to a cart?

    2. Is it possible to add zoom when clicking on a product item from the categories page rather than going into single view upon clicking or add a lightbox?

    Thanks so much!




  • [deleted] replied
    October 26, 2016 at 12:17pm

    Hi Camillawaton,

    1— I don't think that we offer an icon on our add to cart button on the single item page. Can you please write URL of this exact page please? We need to investigate your site and then get back to you if we have possible solution.

    2— I'm sorry but that is not possible for the moment, WooCommerce 2.7 will introduce some changes on the lightbox system soon, and then we will try to implement the support for it. (More info).

  •  2
    camillawaton replied
    October 26, 2016 at 3:38pm

    Hi, 

    Please see the attached image. When a user is browsing through the images, is it possible to change the bag icon to a heart icon instead? So when clicked, it would act the same as "add to cart" but just in a heart.

  • [deleted] replied
    October 27, 2016 at 11:29am

    Hi Camillawaton,

    Can you please add the code below to Custom CSS

    .woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .add-to-cart-link:after, .woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .add-to-cart-link:before, .woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .add-to-cart-link:after, .woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .add-to-cart-link:before {
    content: "\f004" !important;
    font: normal normal normal 14px/1 FontAwesome !important;
}

.woocommerce .product .item-info .add_to_cart_button:before {
    content: "\f08a"!important;
    font: normal normal normal 14px/1 FontAwesome !important;
}