How do I display a “sold out” label for items that are out of stock?
This topic has 65 replies, 3 voices, and was last updated 2 weeks, 3 days ago ago by Andrew Mitchell
How do I display a “sold out” label for items that are out of stock?
I have already enabled this tag
The “Buy” button for sold-out products has disappeared. Is it possible to configure it so that the product is simply unavailable for purchase, rather than having the button disappear?
Also, where can I edit the text in the Quick View pane? It’s currently displayed in Chinese, and I need to change it. I’ve reported this issue before, but you haven’t told me how to fix it. Could you please take a look at the questions I’ve listed above? This is very important to me. Thank you.
Hello, yunqu,
You can modify this text by making changes in the translation files. This can be done using the appropriate plugins.
Best regards,
The 8Theme Team
I have more than one question, but you’ve only replied to my most recent one each time. Please take a look at my previous questions. Also, I have to wait a long time for your response every time, which really affects efficiency. I’ll say it again: please look at my previous questions—I’ve included screenshots for
No one has told me what to do about the question I posted earlier.
Hello, yunqu,
Please create separate topics for each question, as according to the forum rules, each topic should address only one issue.
Regarding the question “How do I display a ‘sold out’ label for items that are out of stock?”:
The label should be displayed only if the product has been manually marked as unavailable for sale. This also applies to product variations — if at least one variation of the product is available for purchase, the label will not be shown.
As for “Where can I edit the text in the Quick View pane?”:
You need to open the product builder editor, locate the corresponding Compare and Wishlist elements, and modify the texts as shown in the screenshots.
Best regards,
8Theme’s Team
What I’m trying to say is that my product inventory is at zero, so it’s already out of stock, but the label doesn’t show that—that’s why I’m reaching out.
Please provide a link to this product.
Best regards,
The 8Theme Team
Hello, yunqu,
Thank you for the link. We have added the following custom CSS to resolve the issue.
.etheme-product-grid-item .stock.out-of-stock {
position: absolute;
text-align: center;
background-color: rgba(255, 255, 255, .9);
z-index: 1;
margin-bottom: 0;
font-size: 12px !important;
text-transform: uppercase;
color: var(--et_dark-color);
left: 85%;
top: -180%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 7px 14px;
}
Best regards,
8Theme Team
Hello, where did you add this style? Could you tell me?
Hello, yunqu,
We have added this code to XStore Options → Theme Custom CSS → Global Custom CSS.
Best regards,
The 8Theme Team
I don’t understand why this has appeared at the bottom of my website. I can’t find a way to remove it. Could you take a look and tell me what’s causing this? Thanks.
Hello, yunqu,
Please send us the link to the page where the issue occurs.
Best regards,
8Theme Team
I’ve already resolved the issue mentioned above. I have another question: where can I add custom JavaScript code?
Hello, yunqu,
Оur theme does not include built-in functionality for adding custom JavaScript. To achieve this, you can use an additional plugin, such as the Code Snippets – WordPress plugin, or add your custom code by using a child theme.
Best regards,
8Theme Team
I have another question. I selected the carousel component for the product display and enabled the “Inventory Status” option in the backend editor. It shows up in the backend preview, but it doesn’t appear on the frontend page. Here is the page URL: (https://www.hanidoll.ru). Could you please help me figure out why this is happening?
This issue is related to caching. Since the editor is not affected by the cache, the products are displayed correctly there. Please clear the cache.
Best regards,
8Theme Team
1
https://www.hanidoll.ru/product-category/in-stock/page/2/
I’ve cleared all the cache, but it still isn’t showing up. Also, the email subscription box at the bottom of the category pages isn’t displaying—only the category pages have this issue; the homepage and product pages are working fine. Could you take a look? This probably isn’t a cache issue.
They are using the same footer template,Could you take a look at this? What’s going on?
Hi,
We are unable to log in using the credentials you previously provided. Please verify them and share valid login details.
Best regards,
The 8Theme Team
111
Hello, yunqu,
Thank you for providing access. We have resolved this issue; please check it.
Best regards,
The 8Theme Team
Thank you for helping me fix the issue with the subscription form not displaying. Could you tell me what changes you made? Also, regarding the issue I reported earlier—where the inventory status isn’t showing in the product carousel on the homepage—could you take another look at that for me?
Hello, yunqu,
To resolve the issue with the form, we have replaced its output from a shortcode to the corresponding Elementor element.
Regarding the display of the status, please enable the appropriate option in the element’s settings, as shown in the attached screenshots.
Best regards,
8Theme Team
Have you checked the website’s homepage? Even after enabling it in the admin panel, it still isn’t showing up! It’s not because it hasn’t been enabled—do you understand what I mean? I’ve already followed the steps in your screenshot, but it still isn’t showing up, which is why I’m reporting the issue. Please take a look at the screenshot; the homepage sti
Please take a look at the front-end page. It shows up in the admin panel but won’t display on the front end no matter what I try—that’s the issue I’m facing. This isn’t a caching issue. Please check the cause. Thank you.
You must be logged in to reply to this topic.Log in/Sign up