Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Adding a new Footer Icon in v1.2.2  (Read 6515 times)

Offline jaysbar

  • Full Member
  • ***
  • Posts: 139
  • Karma: +13/-5
    • View Profile
Adding a new Footer Icon in v1.2.2
« on: June 19, 2015, 07:38:34 AM »
Hi All,

I want to add more icons to the Footer Icon block (i.e Instagram).

I can edit the Social Icons block and add my new URL:
 <a href="http://www.instagram.com/" target="_blank" title="Instagram" class="Instagram">Instagram</a>

I can see that Social Icons have a CSS  = /Storefront/View/Default/Stylesheet/Style.css

I can see the the CSS is calling /Storefront/View/Default/Image/footericon.png

Footericon.png is a single image containing lots of social icons.

How can I tell my new Instagram URL to call the correct icon from Footericon.png? I do not want to add an src= tag at the end of my URL because I want to keep the code as normal as possible.

Any help would be appreciated.

Thanks

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5776
  • Karma: +274/-2
    • View Profile
Re: Adding a new Footer Icon in v1.2.2
« Reply #1 on: June 19, 2015, 09:04:31 AM »
Hello.

You need to edit /Storefront/View/Default/Image/footericon.png image
and change css

Offline jaysbar

  • Full Member
  • ***
  • Posts: 139
  • Karma: +13/-5
    • View Profile
Re: Adding a new Footer Icon in v1.2.2
« Reply #2 on: June 19, 2015, 10:43:05 AM »
WOW! That wasn't quick or easy! But I owe myself a pint today!

I replaced the Dig icon with the Instagram icon. Added the URL to the social_icons block. Changed the word Dig to Instagram in style.css.

All working!

I love AbanteCart! What an awesome script....

Offline leinkell

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
Re: Adding a new Footer Icon in v1.2.2
« Reply #3 on: August 25, 2017, 03:31:28 PM »
WOW! That wasn't quick or easy! But I owe myself a pint today!

I replaced the Dig icon with the Instagram icon. Added the URL to the social_icons block. Changed the word Dig to Instagram in style.css.

All working!

I love AbanteCart! What an awesome script....




Greetings, please help me in how you did to change the icon and / or add instagram. Thanks in advance

Offline udecomey

  • Newbie
  • *
  • Posts: 17
  • Karma: +1/-0
    • View Profile
Re: Adding a new Footer Icon in v1.2.2
« Reply #4 on: December 21, 2017, 11:09:25 PM »
WOW! That wasn't quick or easy! But I owe myself a pint today!

I replaced the Dig icon with the Instagram icon. Added the URL to the social_icons block. Changed the word Dig to Instagram in style.css.

All working!

I love AbanteCart! What an awesome script....

Hi...
can u share also how you do this?

Offline adnan

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
how to Add instagram removing other icons
« Reply #5 on: May 16, 2018, 05:00:59 AM »
please guide the steps to add instagram icon and the link for instagram.

for facebook it was already there by default. not for instagram .

request to give the steps to add similar for instagram

Offline uyko76

  • Newbie
  • *
  • Posts: 1
  • Karma: +1/-0
    • View Profile
Re: Adding a new Footer Icon in v1.2.2
« Reply #6 on: December 28, 2020, 04:20:45 PM »
here is the footericon.png file with the Instagram image.
replace this file with the old one.

in style.css file replace the dig to Instagram.

clear your cache and reload it.

Offline amethyst

  • Newbie
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
Re: Adding a new Footer Icon in v1.2.2
« Reply #7 on: March 30, 2021, 06:21:06 PM »
Hello - I have read this thread but don't understand how to do it.  I added the URL etc into code and that part works.  When I call up my website I get 2 FB icons - one is normal and the other cut off.  One leads to my FB and one leads t my Instagram.

Anyway, I just have no idea how to make the changes suggested to the image file or the CSS?

Please help - thanks so much.

/Storefront/View/Default/Stylesheet/Style.css   How do I get to this?  And how do I add the new footer icon image ???
« Last Edit: March 30, 2021, 06:35:16 PM by amethyst »

 

Powered by SMFPacks Social Login Mod