Home › Forums › WoodMart support forum › Change the shopping cart icon to a shopping bag

Change the shopping cart icon to a shopping bag

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • August 17, 2021 at 8:12 pm #313040

    shakoor
    Participant

    I 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 picture

    Attachments:
    You must be logged in to view attached files.
    August 18, 2021 at 6:14 am #313085

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    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

    shakoor
    Participant

    Excellent, 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 support

    August 18, 2021 at 5:46 pm #313184

    shakoor
    Participant

    https://vitalia-vip.com/

    August 19, 2021 at 7:40 am #313253

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    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_icons

    You 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

    shakoor
    Participant

    https://vitalia-vip.com/

    Please see the site
    The style you selected does not show the shopping bag on the desktop
    Please explain how to change it

    August 21, 2021 at 3:38 am #313730

    shakoor
    Participant

    https://vitalia-vip.com/shop/

    August 21, 2021 at 8:48 am #313766

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    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

    shakoor
    Participant

    I 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 code

    August 21, 2021 at 8:14 pm #313864

    shakoor
    Participant

    The store page has not been changed
    https://vitalia-vip.com/shop/

    August 23, 2021 at 8:43 am #314026

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    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

    shakoor
    Participant

    I 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 code

    August 25, 2021 at 8:07 am #314491

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    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 Studios

    August 25, 2021 at 10:50 am #314541

    shakoor
    Participant

    I 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 Awan
    Keymaster

    Hello,

    You can find the file under “Woodmart/Woocommerce/content-product-standard.php” and Customize at your own risk.

    Regards.
    Xtemos Studios

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)