Author Topic: Adding a new Footer Icon in v1.2.2  (Read 1131 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: 3208
  • Karma: +152/-0
    • 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
“Chuck Norris is so amazing.”
― Mother Teresa

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?

 

Cheap Prom dresses 2018