Vince
Administrator
42743 Posts |
 Posted - 01/16/2020 : 03:54:20
|
Positivek9
Ecommerce Template Guru
USA
4061 Posts Pre-sales questions only (More Details...)
|
Posted - 01/16/2020 : 15:37:17
Hi Vince, I have the changed files uploaded and am going to give this a whirl! :) Note to others - Make sure to run updatestore.asp/php after you upload the files....  Julie Owned & loved by 5 German Shepherds ~ RIP Menace & Peanut ~ |
Positivek9
Ecommerce Template Guru
USA
4061 Posts Pre-sales questions only (More Details...)
|
Posted - 01/17/2020 : 10:08:45
Awesome work Vince!!!
It all seems to be working correctly!
Julie
Owned & loved by 5 German Shepherds
~ RIP Menace & Peanut ~
Edited by - Positivek9 on 01/17/2020 10:13:13
|
Vince
Administrator
42743 Posts |
Posted - 01/17/2020 : 11:02:02
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 02/05/2021 : 09:47:00
Would it be possible to add different styling for products that are on backorder or out of stock with the product option image? I styled my overlay checkmark to be green and it's somewhat confusing to customers when there is a nice green indicator but then the item is not available. If the item was not available, I'd love to be able to style that with maybe a red or orange X.
|
dbdave
ECT Moderator
USA
10405 Posts |
Posted - 02/05/2021 : 12:31:44
Do you have a link to the page?
There is a class added to the select list for out of stock items option.oostock but I am not sure how you have your option images setup and if that comes into play.
Thanks,
David
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 02/06/2021 : 20:05:16
pm'd a link to you Dave. Just to clarify, I am referring to the .rcoption input:checked::before class for option images that's explained about 1/2 way down on page 1 of this thread, labeled with: Product option image swatches Example: http://ectwp.com/Pattern-Swatch (that link is busted btw)
|
dbdave
ECT Moderator
USA
10405 Posts |
Posted - 02/06/2021 : 20:50:13
I've been looking at this and I checked my site (tried to duplicate this) and I have a question about your setup.
Is that "radio" options there you have?
Is the product set to "stock by options" in the admin?
Thanks,
David
Edited by - dbdave on 02/06/2021 20:51:16
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 02/06/2021 : 21:38:58
Dave, yes, radio options.
The link I sent didn't have "stock by options" on initially, but I have it on for the time being right now. I forgot about that, but when I turned them on, then the "oostock" css class is still not there for the option image (it's below the image).
the way that the html flows is:
div.rcoption
-radio input
--radio input:before (where the checkmark is)
-span.oostock
end div
related question: how do you remove the quantity number by the option name? I thought it was a parameter but can't find it.
Edited by - sparksm2 on 02/06/2021 21:44:36
|
dbdave
ECT Moderator
USA
10405 Posts |
Posted - 02/06/2021 : 22:07:55
I'm going to go back and look at your page...
To answer your other question, that is hideoptpricediffs=true
David
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 02/06/2021 : 22:20:52
hideoptpricediffs=true will hide the price. The parameter I was looking for is one to hide the quantity, such as Blue (123), Red(456).
stockdisplaythreshold=0 is maybe one way to do it I suppose but I thought there was another way.
|
Vince
Administrator
42743 Posts |
Posted - 02/07/2021 : 04:23:49
|
sparksm2
Starting Member
USA
38 Posts Pre-sales questions only (More Details...)
|
Posted - 02/07/2021 : 10:44:14
That's the one Vince, thanks.
Does the option image thing I was talking about make sense? If the .rcoption input could have something like .rcoptionoostock input for out of stock options, then I could add styling specific to items that are not available.
|
dbdave
ECT Moderator
USA
10405 Posts |
Posted - 02/07/2021 : 11:13:29
I played around with some javascript last night and I can likely come up with something that works, but I am into several projects right now and it's going to take several hours work I can't spare at the moment.
Maybe someone else has a solution.
David
|
kelleymoore
Ecommerce Template Expert
USA
986 Posts |
Posted - 07/20/2023 : 05:27:44
I would like to cross off options that are out of stock, using CSS. I currently have it so that they show up in a lighter grey color than the in-stock options, however, some folks just don't see the color change well enough. What would I do to achieve that?
Thanks,
Kelley
|
quadrant
Ecommerce Template Guru
United Kingdom
1110 Posts Pre-sales questions only (More Details...)
|
Posted - 07/20/2023 : 06:12:38
Hi Kelley,
Adding a text-decoration class should work:
option.oostock {
color: #a0a0a0 !important;
text-decoration: line-through;
}
Regards,
David
|
kelleymoore
Ecommerce Template Expert
USA
986 Posts |
Posted - 07/20/2023 : 06:21:18
Hi David, Yes! That's what I thought, but I've added that to my style.css and custom.css files in the css folder and it's not working.  Could you take a look at my site and see if you can figure it out? I've obviously tried hitting F5 to refresh, but still not seeing the line-through in the text. A product that you can look at is at https://westernbootsales.com/proddetail.asp?prod=Stetson_Women%27s_Denim_Jacket_Dress (size Small is out of stock) Thanks so much for your help. Kelley
Edited by - kelleymoore on 07/20/2023 06:23:55
|
quadrant
Ecommerce Template Guru
United Kingdom
1110 Posts Pre-sales questions only (More Details...)
|
Posted - 07/20/2023 : 06:29:48
Hi Kelley,
That's odd as when I visit the link and add the class using dev tools it works for me but I also do not see the text-decoration class in your style.css style sheet
The strike is small as it's only going through the S.
Can you try:
option.oostock {
color: #a0a0a0 !important;
text-decoration: line-through #ff0000;
}
as this will add a color to the strike through.
Regards,
David
|
kelleymoore
Ecommerce Template Expert
USA
986 Posts |
Posted - 07/20/2023 : 06:32:50
Hmm... still not happening! So weird!
Kelley
|
quadrant
Ecommerce Template Guru
United Kingdom
1110 Posts Pre-sales questions only (More Details...)
|
Posted - 07/20/2023 : 06:41:40
Where are you adding the class as I am not seeing it on the link you posted.
If it's the style.css file you are editing is it making into the css directory on your server server?
|
| |
CSS product image overlays, options and more
Thanks Julie. I'm glad it's working!!