【问题标题】:Glyphicon not displaying in Prestashop 1.6Prestashop 1.6 中不显示 Glyphicon
【发布时间】:2017-03-18 08:04:23
【问题描述】:

我正在开发一个 prestashop 模块,并尝试在模板中使用 Boostrap 字形图标作为按钮,但它不起作用,我不知道为什么。

<td>
    <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-cloud-download"></span>
    </button>
</td>

我的专栏是空的,prestashop 文档显示了这个例子,但它也不起作用

<div class="form-group has-warning">
    <label class="control-label" for="input1">Label with warning</label>
    <input type="text" class="form-control" id="input1">
    <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
</div>

要添加到 prestashop 吗?我错过了什么吗?

【问题讨论】:

  • 你想在哪里使用这个 FrontOffice/BackOffice?你想制作什么样的按钮(作为外观)?
  • @PrestaShop-Developer.com 是给BackOffice的,会是一个导入产品的按钮,外观不是很重要,所以云下载字形就完美了。
  • 答案就在答案中。

标签: html prestashop-1.6 glyphicons


【解决方案1】:

这取决于您需要的按钮,例如,如果它是您可以使用的“面板页脚”按钮:

<button type="submit" class="btn btn-default pull-right" name="submitTest"><i class="process-icon-download"></i> Download</button>

或链接按钮:

<a href="#" title="Download" class="btn btn-default">
    <i class="icon-cloud-download"></i> Download
</a>

【讨论】:

  • 您的第一个建议非常有效,谢谢!但是为什么当我将“process-icon-download”替换为“glyphicon-cloud-download”时它不起作用?
  • 因为 PrestaShop BackOffice 样式中没有定义这样的 CSS 类。
【解决方案2】:

在默认引导主题中,prestashop 不完全使用经典引导 glyphicon 类,而是使用一些自定义类。

在您的示例中,您可以使用

<td>
    <button type="button" class="btn btn-default btn-lg">
        <span class="icon icon-cloud-download"></span>
    </button>
</td>

要恢复,您只需用图标替换 glyphicon。

在此处输入代码

祝你好运

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-08
    • 1970-01-01
    • 1970-01-01
    • 2015-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多