在Opencart中使用某些扩展时CSS文件中的冲突

Question

我花钱请人用opencart建立了一个电子商务网站。他安装了一个快速结帐扩展，这对为用户争取时间非常有用。

我与iyzico.com一起工作，作为虚拟pos提供商。我将支付他们的佣金，为我的网站上的每一个销售。

问题是iyzico系统不能使用快速结账插件。我不能在持卡人信息字段中选择或输入任何内容。当我禁用快速结账插件时，iyzico系统工作正常。

为我设置站点的人说，这与样式表有冲突。我试图找到冲突，但找不到。我唯一能看到的是，当我禁用模板stylesheet.css文件时，系统会使用快速结帐插件。

如何找到冲突？

网站地址: www.avkampmarketi.com (土耳其语)

模板样式表: www.avkampmarketi.com/catalog/view/theme/stowear/css/stylesheet.css

Iyzico样式表：https://www.iyzico.com/frontend/form/v1/css/style.css?ver=1.1.0

感谢您宝贵的答案。

Answer 1

如果不查看JavaScript本身或不能对其进行调试，就很难通过简单地比较样式表来评估问题。不过，我确实查看了样式表，并注意到您的主题样式表引用了几种不同的输入“类型”。这将向我表明，存在利用这些输入类型的JavaScript，并且在样式表之间存在冲突，可能向输入类型添加类，或者移除会阻止iyzico system javascript工作的属性或样式，反之亦然。

我会首先在Google Chrome中打开网页，然后使用开发人员工具来破解到底发生了什么。可能一个样式表覆盖了另一个样式表，破坏了它的功能。然后，一旦你找出了被覆盖的是什么，你就可以查看JavaScript，看看为什么它不工作。一旦你弄清楚了这个问题，它可能就像改变一个类名，一个ID，或者重写一些JavaScript来避免冲突一样简单。