hi!
Is there anybody who can tell me how to get icons in front of the categories in the navigation menu?
I’ve seen it on this website http://nuochoack.com/ and i’d like to have it on mine. But i want to have different icon’s for each category!
Hopefully you can help me!
Kevin
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Thanks for your answer. Maybe you can check my website, because i don’t get it to work with the above instruction.
|
|
Hi,
The image url you have provided is not valid and returns 404 (not found). You can try with some of your payment type icons e.g. and everything shows just fine.
Best,
ThemeBurn team
|
|
Thanks! this information helped me to understand the problem. What i did was directly copy the image link out of the admin part of my shop, this will result it to grab the cache link. This link is automatically sized down. As you can see, while doing things we learn.
Thanks again, i really appreciate your help.
Solved!
|
|
Glad we’ve helped, mate
The icons fit really nice in your menu!
Best,
ThemeBurn team
-
This reply was modified 3853 days ago by TB Support.
|
|
Hi i have read this post and still not understand can any of you explain how to do it to me? As in where to put it and if possible a step by step tutorial thanks!
-
This reply was modified 3837 days ago by figoaw.
|
|
Hi,
Thanks to the great support of the Shoppica crew i’m now able to help you. Follow my underneath instruction and you’ll end up with icons in front of your categorie names in the navigation bar.
1.) Add underneath code to the stylesheet area in your Shoppica admin panel.
#CATEGORY_ID > a {
text-indent: 20px;
background: url(ICON_IMAGE_URL) no-repeat 10px 50%;
}
2.) Search for your category ID by going to your website and then click with your right mouse button on to the category were you want to have a icon in front and then hit ‘Inspect Elements’ this is a option to see the coding of a website. When in this option search for the:
id="menu_75"
It could also be a different number like menu_2 or menu_50. This number you need to define which icon suits which category. Now you know the category id number you just need to upload the image to your database and put in the URL in the stylesheet of your Shoppica admin. For example the category you want has number 50, we get the underneath code:
#menu_50 > a {
text-indent: 20px;
background: url(ICON_IMAGE_URL) no-repeat 10px 50%;
}
3.) If you’ve uploaded the image to your database now the only thing you need to do is put in the correct url. It should be something like underneath. Please be aware that you need to put in a icon that not is too big for the navigationbar. You can now adjust the place of this icon by playing with the px in the stylesheet code. To check which url you need you can easily put the icon in your payment images first and copy the url from here of you website.
This is an example of how it should look like at the end :
#menu_50 > a {
text-indent: 20px;
background: url(http://www.shoppica.net/image/data/Payments/visa_electron_straight_32px.png) no-repeat 10px 50%;
}
Questions? Let me know!
-
This reply was modified 3836 days ago by Rovara.
|
|
wow! this is what i call a perfect explanation i am very happy that you helped me! Cheers mate!
|
|
@Rovara
Thanks for your help, man
Best,
ThemeBurn team
|
|