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 09-03-2017, 03:56 PM
evie.milo's Avatar
evie.milo is offline
 
Join Date: Jul 2010
Posts: 183
Default

Used the Out Of Stock CSS and nothing shows up


Hi there

Up until now I've dsiabled all the items that are out of stock in my shop, but I'd like to change that so that they're still all listed but labelled as Out of Stock. So I found your CSS for this added it to my theme - I used the following:

Code:
td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-BuyNow { 
  display: block;
  margin-top: -180px;   
  transform:rotate(-23deg);
  -ms-transform:rotate(-23deg); /* IE 9 */
  -moz-transform:rotate(-23deg); /* Firefox */
  -webkit-transform:rotate(-23deg); /* Safari and Chrome */
  -o-transform:rotate(-23deg); /* Opera */
  opacity: 0.5;
}
td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-BuyNow span {
​  color: red;
  font-size: 16px;
}
but there is no Out of Stock text appearing over my product images in grid view. So I've added the CSS to change the background colour which is useful but if a customer doesn't know that indicates an out of stock item then it's not much use. I'd like to use both options - the text plus the colour change.

Ahy is the Out of Date text not showing up?

My shop is at http://www.milomade.co.uk

Thanks

Evie

Last edited by Daria Sh.; 09-04-2017 at 04:03 PM.
  #2  
Old 09-04-2017, 04:02 PM
Daria Sh.'s Avatar
Daria Sh. Daria Sh. is offline
Ecwid Team
 
Join Date: Feb 2015
Posts: 767
Default

Quote:
Originally Posted by evie.milo View Post
Hi there

Up until now I've dsiabled all the items that are out of stock in my shop, but I'd like to change that so that they're still all listed but labelled as Out of Stock. So I found your CSS for this added it to my theme - I used the following:

Code:
td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-BuyNow { 
  display: block;
  margin-top: -180px;   
  transform:rotate(-23deg);
  -ms-transform:rotate(-23deg); /* IE 9 */
  -moz-transform:rotate(-23deg); /* Firefox */
  -webkit-transform:rotate(-23deg); /* Safari and Chrome */
  -o-transform:rotate(-23deg); /* Opera */
  opacity: 0.5;
}
td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-BuyNow span {
​  color: red;
  font-size: 16px;
}
but there is no Out of Stock text appearing over my product images in grid view. So I've added the CSS to change the background colour which is useful but if a customer doesn't know that indicates an out of stock item then it's not much use. I'd like to use both options - the text plus the colour change.

Ahy is the Out of Date text not showing up?

My shop is at http://www.milomade.co.uk

Thanks

Evie
Hi Evie,

It’s Daria from Ecwid Customer Care team.

'Out of stock' text displays in the Grid view only if there are 'Buy now' buttons. You are not using 'Buy now' buttons in the store, that is why you don't see this text.

Enable these buttons in the control panel > Settings > General > Cart > enable 'Show "Buy now" buttons on products list pages '.

If you have any other questions, feel free to write back. We are always glad to help.
__________________
Daria
Ecwid Customer Care Team

More tips and hints on Ecwid use in our 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
css, out of stock, stock

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 03:14 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.