Icon Of Checkmark Appearing Before Stock Status

This topic has 19 replies, 2 voices, and was last updated 2 years ago ago by Tony Rodriguez

  • Avatar: TFS
    TFS
    Participant
    September 23, 2022 at 05:23

    Hello,

    There is an icon of a checkmark before where it says the amount of the stock.

    Can I change the checkmark icon to something else?\

    Example; https://xstore.8theme.com/elementor/demos/niche-market02/product/air-fryer-with-dualzone/

    It says 64 in stock on the demo, is there a way to change this appearance?

    18 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 23, 2022 at 06:27

    Hello, @TFS,

    Unfortunately, there is no such option in our theme to change that icon, but you can change it using Custom CSS.

    First of all, you will find all our theme icons here: https://xstore.8theme.com/xstore-icons/

    You have to use the below given CSS code under XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and you can change the item code as per your requirements.

    .single-product .stock.step-2::before {
        content: '\e92a' !important;
    }

    See the image for a better reference in the private content area.

    Regards 8Themes Team.

    Please contact administrator
    for this information.
    Avatar: TFS
    TFS
    Participant
    September 23, 2022 at 22:29

    Hello Tony,

    Thanks! I have added this and it does not seem to change.
    I have added it to the “Additional CSS” section with the other codes I have.

    Should I wait some time for the changes to show?

    Thanks!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 24, 2022 at 05:29

    Hello, @TFS,

    Sorry for the inconvenience, please try with the below-given CSS code.

    .single-product .stock::before {
        content: '\e92a' !important;
    }

    Please watch the video for a better reference in the private content area.

    Regards 8Themes Team.

    Please contact administrator
    for this information.
    Avatar: TFS
    TFS
    Participant
    November 22, 2022 at 14:55

    Hello Tony!

    I have added the code and it is still not showing?
    This is the code I added;

    .single-product .stock::before {
    content: ‘\e92a’ !important;
    }

    I have made the stock number as “40”

    Any advice would be appreciated

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 23, 2022 at 06:56

    Hello, @TFS,

    There is no stock showing on your site as you can see an image in the private content area: simply navigate to the XSTORE >> Theme Settings >> WooCommerce >> Single Product Builder >> Add to cart & Quantity >> at the bottom enable the stock option see the image in the private content area, then check back to your issue after cleaning the browser cache.

    Regards 8Themes Team.

    Please contact administrator
    for this information.
    Avatar: TFS
    TFS
    Participant
    November 23, 2022 at 08:39

    Hello Tony,

    Thanks!

    Please see private content area 🙂

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 23, 2022 at 08:57

    Hello, @TFS,

    I have updated this topic. All the provided images of my replies are under the private content area of this topic please check back now.

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 23, 2022 at 19:41

    Hello Tony,

    Thanks it works!

    Is there a way to change the text aswell?
    It says in stock, can I get it to say “Products Are In Stock, Order Now”

    Appreciate your help!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 24, 2022 at 08:10

    Hello, @TFS,

    You have to change it into the WooCommerce plugin language files, You can use the loco translate plugin for it: https://postimg.cc/yD2vrH8b https://postimg.cc/7Cxf4ChG

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 24, 2022 at 14:54

    Hello Tony,

    Thanks! I will do that.

    Also, can I use the loco translate plugin for translating the website?
    I will be adding other languages and was wondering if the plugin (loco translate) would work for that aswell or do you recommend another plugin for language translation.

    Avatar: TFS
    TFS
    Participant
    November 24, 2022 at 14:58

    Hello Tony,

    I downloaded the plugin, can you please let me know the steps to take so I can get the place you have shown in your image?

    Thanks!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 24, 2022 at 15:20

    Hello, @TFS,

    1. Loco translate plugin is used for only a single language, If you want to use your site in a multilanguage, then you have to use WPML or Polylang plugin as per your requirements: https://www.8theme.com/documentation/xstore/theme-translation/

    WPML is the better one as it is the premium one and has premium support as well: https://wpml.org/

    2. First of all, please go to WordPress Dashboard >> Settings >> General and check what is your site’s main language: https://postimg.cc/hh5NJ1v8 and then you have to go to Loco >> Plugins and edit the WooCommerce plugin: https://postimg.cc/Vr3Bwvst and then check and edit the same language which you has the main language of the site: https://postimg.cc/mhyNJLfP and then you have to click on “Sync” button and after completing the Synchronization, click on save a button: https://postimg.cc/PpRh5G0Y and finally you have to search the word and add the translation and save changes: https://postimg.cc/yD2vrH8b and check back to your site after removing the browser cache.

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 24, 2022 at 16:07

    Hello Tony,

    Thanks for the feedback.

    2. When I go on WooCommerce, no language is being shown on that section. The things being shown are;

    WooCommerce (woocommerce)
    New language Upload PO Edit template
    Filter…
    No translations found for “woocommerce”

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 24, 2022 at 16:22

    Hello, @TFS,

    I see, so you have to go with the option: New language and create the new one as your main site has, and you will be able to find and edit it.

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 24, 2022 at 18:15

    Hello Tony,

    Thanks!

    This time I am getting (by default, I did not change anything)

    1) 6.1.x – Development (default)

    2) Administration (default→admin)

    3) Network Admin (default→admin-network)

    Which one do I choose?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 25, 2022 at 05:16

    Hello, @TFS,

    Could you please share your site WP Admin URL and Credentials with me here in the private content area of this topic, so that I will set it for you on your site and help you out and then you can change it as per your requirements?

    WP Admin URL:
    WP Admin Username:
    WP Admin Password:

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 25, 2022 at 05:27

    Hello Tony!

    Should I change it from this one;
    6.1.x – Development (default)

    Thanks!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 25, 2022 at 05:43

    Hello, @TFS,

    I am sorry but I am not able to understand it, I have to check it on your site, Please provide the requested info.

    Regards 8Themes Team.

  • Viewing 19 results - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.