属性选择不适用于Android浏览器

Question

我的属性有问题（PrestaShop 1.6）

http://www.laddersukdirect.co.uk/telescopic-ladders/abbey-telescopic-ladders.html

如果你点击选择大小：从任何浏览器，但Android浏览器，它可以正常工作。

但如果你点击选择尺寸：从Android浏览器中打开选项，然后立即关闭它。

如果有其他人解决了这个问题吗？

Answer 1

PrestaShop使用jQuery Uniform插件来设置其输入的样式。这个插件实际上会生成一些显示所选信息的div，并隐藏实际输入（opacity = 0）。你应该尝试检查amrkup，你会看到我在说什么。

我认为你有两个选择：

1. 尝试禁用Uniform插件来设置选择元素的样式 - 通过调用一些“撤消”功能（你应该查看文档）或者从中删除类触发插件（我实际上只是猜测这里）

2. 修改product.tpl - 用基本的select元素替换当前的select元素（我假设它适用于Android）

3. 你也可以使用jQuery：删除overlay元素，并将select元素的不透明度设置回1.（我不推荐这种方法）

Answer 2

非常感谢，编辑product.tpl文件确实是要走的路。 似乎选择form_control在手机浏览器中无法正常运行（虽然它在手机上适用于谷歌浏览器）。

这是您的问题的解决方案： 打开theme文件夹中的product.tpl并查找：

<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">

在课后注释掉表单控件，看起来像是：

<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="attribute_select no-print">

然后在{your_theme} / css中添加global.css文件 添加以下内容以使其再次显示：

select#group_3.attribute_select {width: 60%!important;}
select#group_1.attribute_select {width: 60%!important;}

群组后面的数字因网站而异，因此请查看属性选择器使用的群组编号。