Jump to content

Change / Replace Shopping Cart Icon


Recommended Posts

  • 8 months later...

Hi!

I want to change the   "Cart"   and   "Account"   icons (font awesome icons) in the Desktop and Mobile version of the theme (Warehouse) with this and this (google material icons) and I don't have any ideea how to do it. I asked the theme developer to help me and he gives me some clue but I still don't know how to do the changes.

 

Here is what he told me to do:

 

- You do not have to edit any file, the best is to overwrite it with custom css in themeeditor module

  .mh-button  .mh-icon  .icon-shopping-cart::before {content: "  ";}

- and put it in content.

- Of couruse you need to include font first in your system

- Altenatively you can modify files like:  theme/warehouse/mobile-header.tpl

 

I attached some picture to understand what I want. Thank you in advance!

post-1084394-0-37144200-1480190524_thumb.jpg

post-1084394-0-67372800-1480190532_thumb.jpg

post-1084394-0-64520000-1480190543_thumb.jpg

post-1084394-0-22969200-1480190550_thumb.jpg

Edited by Alexandra-Ionela (see edit history)
Link to comment
Share on other sites

  • 1 month later...
  • 8 months later...

I did it like this:

In blockcart.css file I replaced line with "f07a" with line "content: url(../../../img/cart-icon.png);"

And I uploaded the new cart icon into themes/default-bootstrap/img folder on the a server. 

 

The frontend reflected the change first after I cleared Prestashop Cache.

 

Regards,

 

Richard

Link to comment
Share on other sites

  • 3 years later...
On 10/3/2017 at 4:37 PM, ArisCom said:

I did it like this:

In blockcart.css file I replaced line with "f07a" with line "content: url(../../../img/cart-icon.png);"

And I uploaded the new cart icon into themes/default-bootstrap/img folder on the a server. 

 

The frontend reflected the change first after I cleared Prestashop Cache.

 

Regards,

 

Richard

Hi!

Can you tell us the path to this file you mentioned above "blockcart.css" so can we make the changes like you did?

I am using PrestaShop 1.7

Thank you!

Link to comment
Share on other sites

1 hour ago, ccristian said:

Hi!

Can you tell us the path to this file you mentioned above "blockcart.css" so can we make the changes like you did?

I am using PrestaShop 1.7

Thank you!

On PS 1.6 you can find it here: ./themes/default-bootstrap/css/modules/blockcart/blockcart.css

I'm not sure about PS 1.7, but it could be similar.

Regards,

Richard

Link to comment
Share on other sites

On 10/5/2020 at 1:44 AM, ArisCom said:

On PS 1.6 you can find it here: ./themes/default-bootstrap/css/modules/blockcart/blockcart.css

I'm not sure about PS 1.7, but it could be similar.

Regards,

Richard

NO, it's not. On PrestaShop 1.7 the path it's different....hmmmmmmmm :(

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...