Quote:
Originally Posted by DSTC
Hello,
Is it possible to change the "Buy Now" button to "Low Stock"? I am really just looking for a way to easily display to customers if we are on the last few items for a product. I saw there is an option to change the text from "In stock" to "Low stock" but this is only displayed on the products detail page; I want it displayed on the product list page.
Changing the "Buy Now" button to "Low Stock" might be confusing for some customers so maybe it is not the best option. I am open to suggestions, I am just trying to show a product is low on stock from the product list page.
Any suggestions would be appreciated,
Thank you.
|
Hello,
This is Stacy from Ecwid Customer Care Team.
Thank you for contacting us on this matter! I'd be happy to help you with this.
Basically, there are a few ways to display "Low Stock" text on the categories page (i.e. the product listing page).
1 - To rename "Buy now" button to "Low stock" button
- You can do it using our translation tool. You should generate the script here:
https://www.ecwid.com/playground/tra...tool/index.php and insert it into the source code of your site. To rename this button you should use this script:
Code:
<script>
ecwidMessages = {
"BuyNow.buy_now":"Low stock"
}
</script>
You should insert it into your site pages, before any Ecwid code. Please, check out this detailed instruction:
https://support.ecwid.com/hc/en-us/a...m-Translations
- Alternatively, you can use our free app - Storefront label editor:
https://my.ecwid.com/cp/CP.html#apps...t-label-editor
You should just enter the text you want to change to the search field and then enter the new value into the search results, like this:
As a result, it will affect all the products and will look like this:
Please, keep in mind that our App Market is available on paid plans only. Thus, to use this app you should upgrade your account first: go to
your Ecwid Control Panel > My Profile > Billing and Plans page and click on “Switch” button next to the needed plan.
Just in case, here is more info about Ecwid plans and features:
https://support.ecwid.com/hc/en-us/a...res-Breakdown-
2 - To add "Low stock" text as a pseudo element next to the needed product.
In this case, you will be able to add such text to the needed products in the grid view separately. You should create a CSS code for each product and insert it in the bottom of your active CSS theme in your Ecwid control panel > Settings > Design > CSS themes page. I've created an example code for you:
Code:
.ecwid-product-id-71807166 .ecwid-productBrowser-price:after {
display: block;
content: "Low stock";
font: 14px arial;
color: green;
text-align: center;
width: 260px !important;
white-space: normal !important;
padding-left: 40px;
}
where
71807166 is a product ID. Here is the instruction how to find it:
https://support.ecwid.com/hc/en-us/a...ct-or-category So, you should just change the id in this code.
As a result, this text will be added to the product with ID 71807166 only. And, it will look like this:
3 - To create a custom developed script using Ecwid API: https://developers.ecwid.com/api-documentation As a result, the script will identify products with a low stock (you can set up a particular number of items) and will add "Low stock" text next to such product in the grid view automatically.
You can do it yourself, hire a developer of contact our customization team at
https://ecwidcom.typeform.com/to/vIlijv and they will get back to you with a quote.
Hope this helps. Please, do let us know if it works for you. Thanks!
12-09-2016, 10:03 PM
Help Center
Linear Mode
