Edit History

On 8/19/2017 at 4:05 AM, yaloe2017 said:

I fixed this issue:

 

In product.tpl (add the black lines)

 

<ul id="group_{$id_attribute_group}">

                    {foreach from=$group.attributes key=id_attribute item=group_attribute}

                    {if {$group.attributes_quantity[{$id_attribute|intval}]} > 1} //product higher then 0 is stock

                        <li class="input-container float-left">

                            <input class="input-radio" type="radio" data-product-attribute="{$id_attribute_group}"

                                   name="group[{$id_attribute_group}]"

                                   value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if}>

                            <span class="radio-label">{$group_attribute.name}</span>

                        </li>

                        {/if}

                        {if {$group.attributes_quantity[{$id_attribute|intval}]} < 1} // product lower then -1 is out of stock

                        <li class="input-container out-of-stock-float-left">

                            <input class="input-radio" type="radio" data-product-attribute="{$id_attribute_group}"

                                   name="group[{$id_attribute_group}]"

                                   value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if}>

                            <span class="radio-label">{$group_attribute.name}</span>

                        </li>

                        {/if}

                    {/foreach}

                </ul>

 

You can style using CSS:

 

For example to use color red and line through:

 

/* out of stock css */

li.input-container.out-of-stock-float-left {

    float: left !important;

    color: red !important;

}

li.input-container.out-of-stock-float-left span.radio-label {

    text-decoration: line-through;

}

/* end out of stock css */

 

Cheers  

I have make changes but don't working fine.

Can anyone help me how to fix it?