Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 Tips and Tricks - HALL OF FAME
 CSS product image overlays, options and more
Previous Page | Next Page
Author « Topic »
Page: of 5

Vince
Administrator

42391 Posts

Posted - 01/16/2020 :  03:54:20  
Hi Julie
You would want to update the files...
vsadmin/inc/incprods.asp
vsadmin/inc/incproducts.asp
vsadmin/inc/incproductbody2.asp
vsadmin/inc/incsearch.asp
vsadmin/inc/inccrosssell.asp
And do make sure you update all of these as otherwise you could get errors.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

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

42391 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
10210 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
10210 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
10210 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

42391 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
10210 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
985 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
1099 Posts

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
985 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
1099 Posts

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
985 Posts

Posted - 07/20/2023 :  06:32:50  
Hmm... still not happening! So weird!

Kelley

quadrant
Ecommerce Template Guru

United Kingdom
1099 Posts

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?
Page: of 5 « Topic »  
Previous Page | Next Page
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000