What's New
Viewing 11 posts - 1 through 11 (of 11 total)
Viewing 11 posts - 1 through 11 (of 11 total)
You must be logged in to reply to this topic.
Hi,
1. Prepare a x sign file, name it as x.png, upload it to the /upload/ folder of your site.
2. Edit the \themes\panda\templates\catalog\_partials\product-variants.tpl file to add this code
{if !$group.attributes_quantity[$id_attribute]} st_unavailable_combination {/if}
See attached pic.
3. Add this code to the custom css code field in the Theme editor module.
.st_unavailable_combination .radio-label{background:url(/upload/x.png) no-repeat center center;}
I had a like this css code, But I couldn’t run this code
ul.li_fl li.out{position:relative;display:inline-block}ul.li_fl li.out::before{content:”;width:100%;position:abso lute;right:0;top:50%}ul.li_fl li.out::after{content:”;width:100%;position:absol ute;right:0;top:50%}ul.li_fl li.out::before{border-bottom:1px solid #686464;-webkit-transform:skewY(-30deg);transform:skewY(-30deg)}ul.li_fl li.out::after{border-bottom:1px solid #686464;-webkit-transform:skewY(30deg);transform:skewY(30deg)}
Hi,
I added your css code. This is how it is now. Can we resize according to the contents of the box?
Demo site; https://www.sezginzambak.com/en/home/3959-19792-snow-tunik-8690395918763.html
Use this code.
.st_unavailable_combination .radio-label{position:relative;display:inline-block;overflow:hidden;}
.st_unavailable_combination .radio-label::before{content:"";width:100%;position:absolute;right:0;top:50%}
.st_unavailable_combination .radio-label::after{content:"";width:100%;position:absolute;right:0;top:50%}
.st_unavailable_combination .radio-label::before{border-bottom:1px solid #686464;-webkit-transform:skewY(-10deg);transform:skewY(-10deg)}
.st_unavailable_combination .radio-label::after{border-bottom:1px solid #686464;-webkit-transform:skewY(10deg);transform:skewY(10deg)}
You must be logged in to reply to this topic.