I well know that this one is nor the first nor the last request of help on this matter, but I'm almost desperate.
Before posting I tried to follow every kind of process found here or in other forums but without any result.
First of all I am a Beginner then, please, be patient.
I Need to remove from the header line (the one with language module on the) the text "Shopping Cart" and leave only the icons of a Bag (Code Fontsawesome: /f290) and remove the text "Checkout" and leave only the icons of a credit card (Code Fontsawesome: /f09d)
I have tried:
1) To change the code in the files fonts-awesome.css, all of them.
2) To change all codes: fa fa-shopping-cart with fas fa-shopping-bag.
3) I have also tried son tricks found in Forum but again, no result.
Please can you help me with a step by step guide line?
I've installed Opencart 2.2.0.0
Thank you
Bye
Steve
Language File, and replace it by nothing., like shown here:
$_['text_checkout'] = '';
But if you play around in your Software, without knowing BASICS, you won't
succeed. Therfore, better check on the http://isenselabs.com free eBooks,
to at least get some basic information on how this thing works.
Good Luck !
Ernie
---
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
One thing is done, thanks to you I was able to remove the text.
Now the icons are missing.
More or less I know how it works (even if in a basic way), I know that css is just a matter of link and reports from other files, in fact I was able to modify all of rest as I wanted.
Except for these 2 icons, "fa fa-shopping-cart" and "fa fa-share", these are the reasons why I asked for your help.
Sure I will take in examine the link you gave me, and thanks a lot for it, by the way, some advice on how to change those "terrible" icons?
Thanks again.
Enjoy your day!
Ste
Why?fa fa-shopping-cart with fas fa-shopping-bag
fa fa-shopping-cart is BS3
while
fas fa-shopping-bag is BS4
OpenCart 2 is using BS3, OpenCart 3.1.x will be using BS4, therefore changing icons only makes absolutely no sense and will not work.
And one last: do not use OpenCart 2.2.x if you can avoid, better 2.3.0.2
Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.
than as I understand it is not possible to change such icons?
I followed that line because I have found a tutorial that showed it, but, as you can imagine, no results came.
Is there another way to reach the same goal? Even change manually the icons is good for me.
Thank you.
Ste
Are you using the standard or a custom template?
And, if you really want to use FA 5 ( = Fontawesome) icons (prefix fab- / fas-), you have to add the library also.
https://fontawesome.com/icons/shopping-bag?style=solid
But I guess that will lead to other problems when using 2 libraries of the same kind.
Displaying only icons, should be possible also if you are removing the text.
Original line:
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i></a></li>
Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.
find in catalog/view/theme/default/template/common/header.tpl line
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-lg hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
which will hide text on large screen. You can try add this where you want.hidden-lg
Cheers
Custom OpenCart modules and solutions. You can write PM with additional questions... Extensions you can find here
I have and see the standard icons and I want to change a couple of them (cart [with a bag] and share [with a credit card])
Maybe it is better if I don't try to pass to BS4 (I don't want to put myself in more crysis ), but can I change the icons if I don't use BS4?
About the text the problem is solved, I have changed in a "empty space" the words "shopping cart" and "Checkout" in en-gb/common/header.php, as IP_CAM illustrated me in the very beginning.
Now the problem is How to change the icons.
By the way, thanks a lot for answer.
Thank you again
Ste
You can change the icons in whatever you like.OldBrewer17 wrote: ↑Thu Jul 12, 2018 3:32 pmI'm using the default template, I've tried to insert both the code with fas and fa (just removing the final s by the code).
I have and see the standard icons and I want to change a couple of them (cart [with a bag] and share [with a credit card])
Maybe it is better if I don't try to pass to BS4 (I don't want to put myself in more crysis ), but can I change the icons if I don't use BS4?
But (!!), you can use only those icons which are included in that version you are using (or the shop).
And OC 2.2.x is using Fontawesome 4.4 - sorry, my fault previous, icons are not Bootstrap, they are Fontawesome
Means: NO icons added in later versions, and your desired fa-shopping-bag is for 4.5
https://fontawesome.com/v4.7.0/icon/shopping-bag
That will never work, except you change the underlying Framework Fontawesome to a higher version.
That is all.
And has nothing to do with Bootstrap.
See my solution above directly inside the template - is language independend (if you are using several languages).OldBrewer17 wrote: ↑Thu Jul 12, 2018 3:32 pmAbout the text the problem is solved, I have changed in a "empty space" the words "shopping cart" and "Checkout" in en-gb/common/header.php, as IP_CAM illustrated me in the very beginning.
Now the problem is How to change the icons.
While I prefer for such changes to do it with a simple OCMod instead editing core files.
Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.
in order to don't alterate to much the code I have tried to follow this line, tell me what do you think about:
Change the code:
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><img src="../httpdocs/image/Bag.png" title="Shopping Bag" alt="" width="16" height="16" border="0"></a><span class="hidden-xs hidden-sm hidden-md"></span></li>]
Thank You!
Ste
How many title do you want to have - one is enough?
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><img src="../httpdocs/image/Bag.png" title="Shopping Bag" alt="" width="16" height="16" border="0"></a><span class="hidden-xs hidden-sm hidden-md"></span></li>
Code: Select all
../httpdocs/image/Bag.png
I already have given you the correct code, so why your playing now around?
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i></a></li>
Code: Select all
<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><img src="image/PATH/MY_IMAGE.png" alt="" height="16" width="16" /></a></li>
Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.
Users browsing this forum: No registered users and 45 guests