We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Add Line social icon

Featured Lock Resolved Task
I would like to insert Line social icon but in the template's basic setting line social url. How can i add it?

Attachments (3)

  • missing social icon.jpg
    missing social icon.jpg 1.9 KB
  • line.png
    line.png 11.4 KB
  • social icon setting.jpg
    social icon setting.jpg 55.3 KB

15 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

First of all, i am sorry to say that, customization support is not allowed. But, i can tell you the process.

templates/shaper_organic_life/features/social.php
Custom url

$output .= '<li><a class="social-icon custom-icon" target="_blank" href="' . $this->helix->Param('line') . '">custom_icon</a></li>';

/templates/shaper_organic_life/templateDetails.xml

<field name="line" type="text" label="Line Url" description="Url of Line" />


These files already working max. Just you have to write down CSS code for icon

-Thanks

Attachments (2)

  • social.zip 1.3 KB
  • templateDetails.zip 4.5 KB

tan

More than a month ago #Permalink
hi, i did it. but didn't appear the line icon, it instead with text. How should i do?

Attachments (1)

  • custom icon.jpg
    custom icon.jpg 8.5 KB

Toufiq - Staff

More than a month ago #Permalink
hi, i did it. but didn't appear the line icon, it instead with text. How should i do?


Hi, You have to write down background image css code. Becuase that, your icon doesn't exist in the font awesome icon list. Thanks

tan

More than a month ago #Permalink
you mean i need to add css code in custom.css? after that replace custom_icon in social.php to font awesome icon's code?

Toufiq - Staff

More than a month ago #Permalink
Hi,

Add this css code and change the image url.


a.social-icon.custom-icon {
background: url(https://www.joomshaper.com/forums?controller=attachment&task=download&tmpl=component&id=17902);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
height: 20px;
width: 20px;
}


And remove the custom_icon text

-Thanks

tan

More than a month ago #Permalink
Thanks for your helped.
But i prefer font awesome icon more than an image icon because while i mouse roll over the icon, it didn't change to another color.
i was tried to create LINE font awesome icon, but i couldn't insert successfully in my template.
How can i insert the font awesome icon that i created in my template?

Attachments (2)

  • line social icon.jpg
    line social icon.jpg 5.8 KB
  • mouse roll over.png
    mouse roll over.png 3.7 KB

Toufiq - Staff

More than a month ago #Permalink
Thanks for your helped.
But i prefer font awesome icon more than an image icon because while i mouse roll over the icon, it didn't change to another color.
i was tried to create LINE font awesome icon, but i couldn't insert successfully in my template.
How can i insert the font awesome icon that i created in my template?


Hi, Let me know the font awesome icon name. I will help you. Thanks

tan

More than a month ago #Permalink
you mean the name of font awesome icon that i was created?

Toufiq - Staff

More than a month ago #Permalink
you mean the name of font awesome icon that i was created?


Yess. :)

tan

More than a month ago #Permalink
icon-lineying

Attachments (1)

  • lineying(1).zip 6 KB

Toufiq - Staff

More than a month ago #Permalink
icon-lineying


Hi, I have told you that, please let me know the font awesome icon name. Thanks

tan

More than a month ago #Permalink
<i class="icon-lineying"></i>

this?

Toufiq - Staff

More than a month ago #Permalink
Hi,

I can't find out this icon in fontawesome.

Please share url from here
http://fontawesome.io/icons/

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

I have talked about this font, not new font awesome font. The new font doesn't add there.

http://fontawesome.io/icons/

-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

328150

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us