Return to previous page

Icon Of Checkmark Appearing Before Stock Status

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

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?

#334829 Copied Theme version: 8.3.3

18 Answers
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.
#334845 Copied
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!

#334922 Copied
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.
#334939 Copied
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.

#339261 Copied

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.

#339330 Copied

TFS

Participant

November 23, 2022 at 08:39

Hello Tony,

Thanks!

Please see private content area 🙂

Please contact administrator
for this information.

#339338 Copied

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.

#339341 Copied

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!

#339415 Copied

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.

#339456 Copied

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.

#339510 Copied

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!

#339512 Copied

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.

#339519 Copied

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”

#339532 Copied

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.

#339539 Copied

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?

#339548 Copied

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.

#339577 Copied

TFS

Participant

November 25, 2022 at 05:27

Hello Tony!

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

Thanks!

#339581 Copied

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.

#339583 Copied
Tagged: checkmark, icon, status, stock, themes, woocommerce, wordpress
Viewing 19 results - 1 through 19 (of 19 total)