【问题标题】:Where is the "clearfix" DIV in OpenCart's featured.tplOpenCart 的 features.tpl 中的“clearfix”DIV 在哪里
【发布时间】:2015-07-18 09:31:38
【问题描述】:

我正在尝试在 OpenCart 的“featured.tpl”中找到“clearfix”DIV,该 DIV 已插入实时站点但实际模板文件中不存在。

在最新版本的 OpenCart 2.0.2.0 中,可能在旧版本中,由于我不理解的原因,在第二个特色产品 DIV 之后插入了一个额外的 DIV。

<div class="clearfix visible-md visible-sm"></div>

我检查了主题中的每个模板文件(默认),但我找不到它。它可能是由 JavaScript 插入的吗?如果是这样,如何以及在哪里 - 为什么? 我只是想摆脱它。

【问题讨论】:

    标签: templates opencart clearfix


    【解决方案1】:

    Opencart 2.X 是响应式的。根据分配的模块,这里的左列和右列是动态的。所以 Opencart 检查模块,然后决定列宽,即全宽或两列或三列,并相应地添加类。

    catalog/view/javascript/common.js:33
    

    在这里您可以找到用于添加清除修复的脚本。

    【讨论】:

    • 谢谢!这个“clearfix”的问题——或者更确切地说是默认模板的主页布局的问题——是它实际上破坏了两列或三列模式的设计。有足够的空间在同一行中插入第四个特色产品 DIV,但插入的是 clearfix 并且页面上出现了一个间隙,而第四个产品 DIV 被移动到前三个之下。我希望通过删除 clearfix 来解决的问题。