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

Question

我的属性有问题 (PrestaShop 1.6)

http://www.zapateriamiqueca.es/ropita/20-leotardos-condor.html

如果您在任何浏览器（Chrome、Firefox...）上单击“选择尺寸 (Talla)”，但在 Android 4.x o 5.x 上它可以正常工作，但是。 .. 如果您单击“选择大小：从 android 4.x 浏览器默认值，它会打开 select 的选项，然后立即将其关闭。

我遵循了这些说明：

1. 在主题文件夹中打开 product.tpl 并查找：

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

2- 在 class 之后注释掉 form-control，所以它看起来像：

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

3- 然后将您的 global.css 文件添加到您的 {your_theme}/css 添加以下内容以使其再次运行（组后的数字因网站而异，所以看看哪个组号被用于你的属性 selector):

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

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

我设法开始修改 product.tpl，但我不确定将第 3 点中的代码行复制到哪里，以保持属性 selection 样式。

我也不知道去哪里找我的群号。非常感谢您的帮助。

感谢您的宝贵时间！ ;-)

Answer 1

如果您查看 your source code，您会发现：

<select name="group_3" id="group_3" class="form-control attribute_select no-print">

所以你的 groupName 这个值的 ID 是 group_3 就像例子中那样。

您需要编辑此文件 /themes/Calisto/css/global.css 并在保存前在末尾添加此行：

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

我并不是说它能解决您的问题，但您的说明是这么说的。