输入文本字段而不是下拉产品页面上的组合

时间:2014-09-09 07:00:36

标签: javascript php html smarty

在prestashop 1.6中,您只有2个选项可显示要选择的组合。单选按钮或下拉列表。我有2个属性,宽度和长度。值为50至300 steb 1 cm。它太大了,无法在下拉列表中显示。我真的需要一个灵魂来改变下拉列表到输入文本字段。

product.tpl中的一段代码(显示在产品页面的前端):

   <!-- attributes -->
            <div id="attributes">
            {foreach from=$groups key=id_attribute_group item=group}
                {if $group.attributes|@count}
                    <fieldset class="attribute_fieldset form-group">
                        <label class="attribute_label" for="group_{$id_attribute_group|intval}">     {$group.name|escape:'htmlall':'UTF-8'} :&nbsp;</label>
                        {assign var="groupName" value="group_$id_attribute_group"}
                        <div class="attribute_list">
                        {if ($group.group_type == 'select')}
                            <select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="attribute_select form-control" onchange="findCombination();getProductAttribute();">
                                {foreach from=$group.attributes key=id_attribute item=group_attribute}
                                    <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
                                {/foreach}
                            </select>

也可能需要对js进行一些更改。

1 个答案:

答案 0 :(得分:0)

您可以使用以下jQuery number-updown插件,它对您的案例很有用,并且有很多选项。

github Link

中插件的链接

示例Link