Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Changing Shopping Cart Icon
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Changing Shopping Cart Icon
- This topic has 25 replies, 6 voices, and was last updated 9 years by Kyle – SUPPORT.
-
Posted in: Neighborhood
-
January 9, 2014 at 11:01 am #41302
Hi, I’ve searched the forum and can’t locate a response.
How to I change the shopping cart icon from the ‘fa-lock’ to ‘fa-shopping-cart’icon.
fa-lock: http://fortawesome.github.io/Font-Awesome/icon/lock
fa-shopping-cart: http://fortawesome.github.io/Font-Awesome/icon/shopping-cart
Is there a file that contains the class ID I can update?
Thanks
MJanuary 13, 2014 at 11:41 am #41996Hey, a search for “change cart icon” brings up a few threads, have you checked them out?
January 14, 2014 at 5:58 am #42285Thanks, I was searching for shopping cart icon but for some odd reason couldn’t locate.
Thank you for the link, one question which I couldn’t see in previous was how do I add a space as it appears very tight – between icon and $ symbol. Picture attached.
I changed ‘sf-cart’ to ‘fa fa-shopping-cart’
Would help or ruin the code?
Thanks
MJanuary 14, 2014 at 7:04 pm #42442Hi
Try adding this css to your custom css:
.shopping-bag-item .fa-shopping-cart { margin-right: 6px; }
– Kyle
January 17, 2014 at 7:19 am #43118Hi Kyle, thanks for the custom css, I tried but unfortunately that but didn’t create the 6px gap.
January 17, 2014 at 8:11 am #43130Please can you provide me with a link so that I can check the css for you
– Kyle
February 9, 2014 at 4:51 am #47443Hi Kyle,
Thanks for your help, since last update it has resolved the issue with your custom CSS.
Thanks for your help again.
Monte
February 10, 2014 at 6:15 pm #47684Great! 🙂
– Kyle
April 8, 2014 at 6:33 pm #65448I’m trying the same thing but I can’t find the custon css to change the icon. Please help me?
April 9, 2014 at 7:18 am #65512April 9, 2014 at 7:38 am #65524For Neighborhood
April 9, 2014 at 8:26 am #65547Open up neighborhood/includes/swift-framework/sf-woocommerce.php and go to line 111 and change this:
<a class="cart-contents" href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'swiftframework'); ?>"><i class="sf-cart"></i><?php echo $woocommerce->cart->get_cart_total(); ?></a>
for this:
<a class="cart-contents" href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'swiftframework'); ?>"><i class="fa fa-shopping-cart"></i><?php echo $woocommerce->cart->get_cart_total(); ?></a>
– Kyle
April 9, 2014 at 8:41 am #65559Ok Thanks!
but will this not be changed at the next update?April 9, 2014 at 8:44 am #65561It will yes, to change it with css you will need to replace the background image, which means you will have to get the cart icon as an image and upload it. Then replace this css:
.menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart { background: url("images/shopping_bag_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0); }
– Kyle
April 30, 2014 at 9:11 pm #71324Hey Kyle,
I changed the code in neighborhood/includes/swift-framework/sf-woocommerce.php line 111 and the cart icon is working great when viewed on a desktop. On mobile, however, it is still showing the shopping bag. Is there another line of code to change in sf-woocommerce.php for mobile?
Thanks!
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.