What's New
- AuthorPosts
Hello,
I would like to know if it is possible to make a modification so that the available sizes are seen in black and bold and the sizes not available in gray and regular font when they are shown in the product preview within each category with the module quick buy.
I attached an example photo.Attachments:
Hi,
Please add the following code to the “Custom CSS Code”:.st_unavailable_combination .input-color, .st_unavailable_combination .input-radio{cursor: default;} .st_unavailable_combination .radio-label,.st_unavailable_combination .color{position:relative;display:inline-block;} .st_unavailable_combination .radio-label::before,.st_unavailable_combination .color::before{content:"";width:100%;position:absolute;right:0;top:50%} .st_unavailable_combination .radio-label::after,.st_unavailable_combination .color::after{content:"";width:100%;position:absolute;right:0;top:50%} .st_unavailable_combination .radio-label::before,.st_unavailable_combination .color::before{border-bottom:1px solid #686464;-webkit-transform:skewY(-10deg);transform:skewY(-10deg)} .st_unavailable_combination .radio-label::after,.st_unavailable_combination .color::after{border-bottom:1px solid #686464;-webkit-transform:skewY(10deg);transform:skewY(10deg)}
Best regards.
Attachments:
Hello,
As I said in a previous message, the CSS code to cross out the sizes that are not available in stock right now is not posted on the web because if we put it, all the sizes appear crossed out on the burgundy t-shirt despite that they do have stock. The code I am referring to is this and you have written it to me in previous messages:
.st_unavailable_combination .input-color, .st_unavailable_combination .input-radio{cursor: default;}
.st_unavailable_combination .radio-label,.st_unavailable_combination .color{position:relative;display:inline-block;}
.st_unavailable_combination .radio-label::before,.st_unavailable_combination .color::before{content:””;width:100%;position:absolute;right:0;top:50%}
.st_unavailable_combination .radio-label::after,.st_unavailable_combination .color::after{content:””;width:100%;position:absolute;right:0;top:50%}
.st_unavailable_combination .radio-label::before,.st_unavailable_combination .color::before{border-bottom:1px solid #686464;-webkit-transform:skewY(-10deg);transform:skewY(-10deg)}
.st_unavailable_combination .radio-label::after,.st_unavailable_combination .color::after{border-bottom:1px solid #686464;-webkit-transform:skewY(10deg);transform:skewY(10deg)}If I add the previous css code, in the burgundy t-shirt all the sizes appear crossed out even though there is stock of all the available sizes.
Please help me so that the sizes NOT available are crossed out and the available sizes are not crossed out on them.
Attachments:
Hello.
It’s been six days since I wrote my last message and 22 days since I asked for help.
Please help me to solve this problem quickly. Sizes NOT available without the X continue to appear.
The burgundy t-shirt is not available in any size because they are all sold out and only the crossed out XXL appears.
The beige corduroy jacket is only available in L and XL and only XXL appears crossed out with an X, S, M and XXL should appear crossed out.
Please tell me how to solve this problem, I want the quickbuy module to show the out of stock sizes crossed out with an X and without errors.
Attachments:
- AuthorPosts
You must be logged in to reply to this topic.