Home › Forums › WoodMart support forum › Change the shopping cart icon to a shopping bag
Change the shopping cart icon to a shopping bag
- This topic has 14 replies, 2 voices, and was last updated 3 years, 3 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
August 17, 2021 at 8:12 pm #313040
shakoorParticipantI would also like to replace the cart with bag icon for shop page in desktop as well as mobile version , Please assist.
Change the shopping cart icon to a shopping bag
And also
Change the image of the cart to a bag in the tape when you click on it
As shown in the following pictureAttachments:
You must be logged in to view attached files.August 18, 2021 at 6:14 am #313085
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshots you attached.
1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.wd-add-btn-replace .add-to-cart-loop:before { content: "\f126"; font-family: "woodmart-font"; }
2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.wd-empty-mini-cart:before { content: "\f126"; font-family: "woodmart-font"; }
Regards.
Xtemos Studios.August 18, 2021 at 5:46 pm #313183
shakoorParticipantExcellent, edited, thank you
I do not ask you to check the site
There are some styles that the shopping cart is still showing
Others have been changed to a shopping bag
_______
I also ask you to guide me to the site from which the icon is taken and how to get the code f126
Of which
___
Thank you for the great supportAugust 18, 2021 at 5:46 pm #313184
shakoorParticipantAugust 19, 2021 at 7:40 am #313253
Aizaz Imtiaz AwanKeymasterHello,
These are the font awesome icon code. You can add or use any font awesome icon on the site.
https://xtemos.com/docs/woodmart/theme-settings-panel/#font_iconsYou can get the icons from here: https://fontawesome.com/v5.15/icons?d=gallery&p=2
Best Regards.
August 21, 2021 at 3:27 am #313729
shakoorParticipantPlease see the site
The style you selected does not show the shopping bag on the desktop
Please explain how to change itAugust 21, 2021 at 3:38 am #313730
shakoorParticipantAugust 21, 2021 at 8:48 am #313766
Aizaz Imtiaz AwanKeymasterHello,
The icon is already changed to the shopping bag, please see the screenshots: https://ibb.co/m91NSx3 and here: https://ibb.co/fDt8cdz
Please check the site after removing the browser and site cache.
Best Regards.
August 21, 2021 at 7:29 pm #313861
shakoorParticipantI need a line of code to change the basket from the php files section
I have access to the cPanel system
….
Because sometimes the site is opened from another browser, and the cart icon appears
After the update, the bag appears
I suspect there is a discrepancy in the codeAugust 21, 2021 at 8:14 pm #313864
shakoorParticipantThe store page has not been changed
https://vitalia-vip.com/shop/August 23, 2021 at 8:43 am #314026
Aizaz Imtiaz AwanKeymasterHello,
Please share the WP admin login details of your site so I will check and do it for you with the custom CSS code.
This code is working fine on the site:
body .wd-add-btn-replace .add-to-cart-loop:before { content: "\f126"; font-family: "woodmart-font"; }
Best Regards.
August 25, 2021 at 4:31 am #314440
shakoorParticipantI need a line of code to change the basket from the php files section
I have access to the cPanel system
….
Because sometimes the site is opened from another browser, and the cart icon appears
After the update, the bag appears
I suspect there is a discrepancy in the codeAugust 25, 2021 at 8:07 am #314491
Aizaz Imtiaz AwanKeymasterHello,
The icon is added there by means of Custom CSS and you cannot change them using PHP code snippets.
It seems to be a cache issue on your end. Please clear browser cache and check back.
Regards.
Xtemos StudiosAugust 25, 2021 at 10:50 am #314541
shakoorParticipantI have tried it on more than one device.. At first it shows me the basket icon and after updating to the same page the bag icon appears.. I expect and the best is to change the code in its php file in the template files.. Can you give me the name of the file and the command line and I change it from There is better than changing it with the opposite code.. I hope you will support me on this point
August 25, 2021 at 12:28 pm #314569
Aizaz Imtiaz AwanKeymasterHello,
You can find the file under “Woodmart/Woocommerce/content-product-standard.php” and Customize at your own risk.
Regards.
Xtemos Studios -
AuthorPosts
- You must be logged in to create new topics. Login / Register