Jump to content

Create additional icon for custom CMS block


Recommended Posts

Any ideas how to create a new icon to use in the custom CMS block?

I have currently re-used the credit icon but need a new one for newsletter.

I am okay with creating the image itself, but how would I go about adding it to the site?

 

post-789936-0-11491500-1404595297_thumb.jpg

Link to comment
Share on other sites

  • 1 month later...

Hello

 

To Add/Change icons go to:

Back office > Modules > Modules > Front office features > Custom CMS information block > Configure > Edit

http://screencast.com/t/jwHWMWwOo

 

Click Source Code

http://screencast.com/t/wxPlnRJc3j

 

Add you new Icon and any relevant text /image

http://screencast.com/t/Boi0XlGVB

 

Before

http://screencast.com/t/togniiSuSUl

 

After

http://screencast.com/t/YuytCc8j

 

Paul

  • Like 5
Link to comment
Share on other sites

paul already explained it very very well

in addition to what he said, i just want to inform that you can achieve the same thing with any other module to place custom contents like html block, content box or any other similar module.

  • Like 2
Link to comment
Share on other sites

  • 2 months later...

Hello

 

To Add/Change icons go to:

Back office > Modules > Modules > Front office features > Custom CMS information block > Configure > Edit

http://screencast.com/t/jwHWMWwOo

 

Click Source Code

http://screencast.com/t/wxPlnRJc3j

 

Add you new Icon and any relevant text /image

http://screencast.com/t/Boi0XlGVB

 

Before

http://screencast.com/t/togniiSuSUl

 

After

http://screencast.com/t/YuytCc8j

 

Paul

 

Hello Paul

i follow your procedure but i have another issue, the icons are all disappear (only grey circle). do youn know why?

i am with Prestashop 1.6.0.9

 

thank you.

 

post-40354-0-47858300-1413651650.png

Link to comment
Share on other sites

  • 3 weeks later...
  • 4 weeks later...

Hi, and thanks for info,

 

Why a some icons cannot appear?

 

for example:  support, clock or others...

 

Maybe I can use it updating Font awesome? in this case How is update?

 

thanks

 

perhaps your shop uses not latest release of fontawesome which contains much more iconset than fontawesome used in prestashop

Link to comment
Share on other sites

  • 4 weeks later...

Hey guys i hope someone can help me i try few days now;) to set an link of this em icon in the source code like this here..

 

<li>
<div class="type-text"><a href=http://localhost/prestashop/de/content/1-Lieferung><em id="icon-truck" class="icon-truck"></a></em>
<h3>Sicher und schnell am Ziel</h3>
<p>Bieten qualitativen Service und beste Preise</p>
</div>
</li>

 

 

is works very well in my fire bug but when i copy in it my BO cms block source code its distroy always the icons

i had enable my html purifier already but its still doesnt works!(

 

thx

Link to comment
Share on other sites

  • 2 weeks later...

Prestashop 1.6 use Fontawesome as a part of its css framework. But it's not a full Fontawesome version - they use a custom version, so if you use icon list from Font Awesome, some icons will be showed, some icons can not appear ( in frontend ).

This is my personal article that list all Prestashop icons that you can use :

 

https://www.prestasoo.com/Blog/prestashop-1-6-icons-list.html

 

iconli-forum.png

Edited by DeJour (see edit history)
  • Like 5
Link to comment
Share on other sites

×
×
  • Create New...