The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 12-09-2016, 10:03 PM
DSTC's Avatar
DSTC is offline
 
Join Date: Nov 2014
Posts: 22
Default

Display "low stock" on a product from the product list page


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.
  #2  
Old 12-15-2016, 11:18 AM
Stacy_P's Avatar
Stacy_P Stacy_P is offline
Ecwid Team
 
Join Date: Jan 2016
Posts: 308
Default

Quote:
Originally Posted by DSTC View Post
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!
__________________
Stacy
Ecwid Customer Care Team
Help Center


⬇ Please click Thanks if my reply helped you.
The Following 2 Users Say Thank You to Stacy_P For This Useful Post:
DSTC (12-15-2016), smartMart (12-15-2016)
  #3  
Old 10-31-2017, 10:11 PM
Salumi e Oli di Calabria's Avatar
Salumi e Oli di Calabria Salumi e Oli di Calabria is offline
Junior Member
 
Join Date: Oct 2017
Posts: 9
Default

Hello, about the "buy now" button, can you redirect it? You currently open the pop-ups, I would not like to see the pop-up but take the button to the product details page
  #4  
Old 11-01-2017, 10:44 AM
Una Q's Avatar
Una Q Una Q is offline
Ecwid Team
 
Join Date: Nov 2016
Posts: 151
Default

Quote:
Originally Posted by Salumi e Oli di Calabria View Post
Hello, about the "buy now" button, can you redirect it? You currently open the pop-ups, I would not like to see the pop-up but take the button to the product details page
Hello,

This is Una from Ecwid Support. Thank you for reaching us out!

The “Buy now” button is supposed to work the following way: a customer clicks the button, then a pop up with a product preview opens, a customer adds a product to the shopping bag, then pop up closes and your customer can continue shopping.

It’s enough to click on a product image to open a product details page, so there is no need to set a special button for this purpose. If you want the “Buy Now” button to redirect to a product details page, you can use the following CSS code:

Code:
.ec-store .grid-product__wrap-inner .grid-product__button.grid-product__buy-now {
    pointer-events: none;
}
Please copy the code and paste it into your active CSS theme in the Ecwid control panel->Settings->Design->Edit Theme, then save the changes.

I hope this helps. If any further questions arise, please feel free to ask. We will be happy to answer and assist.

Best regards,
Una Q.
Ecwid Support Team
The Following User Says Thank You to Una Q For This Useful Post:
  #5  
Old 11-01-2017, 11:13 AM
Salumi e Oli di Calabria's Avatar
Salumi e Oli di Calabria Salumi e Oli di Calabria is offline
Junior Member
 
Join Date: Oct 2017
Posts: 9
Default

Thanks It works, now I need to align the buttons ... are not aligned !!

https://www.dropbox.com/s/gegi222okt...12.48.png?dl=0
  #6  
Old 11-02-2017, 07:16 PM
Wendy's Avatar
Wendy Wendy is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,123
Default

Quote:
Originally Posted by Salumi e Oli di Calabria View Post
Thanks It works, now I need to align the buttons ... are not aligned !!

https://www.dropbox.com/s/gegi222okt...12.48.png?dl=0
Hello!

This is Wendy, Ecwid customer care team.

I checked your store and as I see, you already changed the alignment of "Buy now" buttons. Now, these buttons are displaying in one line:



For those who might be interested in this as well, I post the solution below:

Code:
.grid-product__wrap {
  display: flex;
}

.grid-product__price {
    flex: 1 0 auto;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
To apply the code, please copy it and add to your active CSS theme in Ecwid control panel > Settings > Design page > Edit theme.

If you have other concerns, please feel free to write me back and it will be my pleasure to assist you further. Have a wonderful day!
__________________
Wendy
Ecwid Customer Care Team
Help Center


⬇ Please click Thanks if my reply helped you.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
low stock, product list

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:40 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.