ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• January 9, 2014 at 11:01 am #41302
  MonteCristo

  Member

  Post count: 26

  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
  M

  January 13, 2014 at 11:41 am #41996
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hey, a search for “change cart icon” brings up a few threads, have you checked them out?

  http://support.swiftideas.net/search/?q=change+cart+icon

  January 14, 2014 at 5:58 am #42285
  MonteCristo

  Member

  Post count: 26

  Thanks, 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
  M

  January 14, 2014 at 7:04 pm #42442
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  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 #43118
  MonteCristo

  Member

  Post count: 26

  Hi 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 #43130
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Please can you provide me with a link so that I can check the css for you

  – Kyle

  February 9, 2014 at 4:51 am #47443
  MonteCristo

  Member

  Post count: 26

  Hi 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 #47684
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great! 🙂

  – Kyle

  April 8, 2014 at 6:33 pm #65448
  sparkone

  Member

  Post count: 22

  I’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 #65512
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi @sparkone

  For Dante or Neighborhood?

  – Kyle

  April 9, 2014 at 7:38 am #65524
  sparkone

  Member

  Post count: 22

  For Neighborhood

  April 9, 2014 at 8:26 am #65547
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Open 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 #65559
  sparkone

  Member

  Post count: 22

  Ok Thanks!
  but will this not be changed at the next update?

  April 9, 2014 at 8:44 am #65561
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  It 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 #71324
  charnold

  Member

  Post count: 9

  Hey 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!

• Back to forum

  Posted in: Neighborhood