Prestashop 1.6 中不显示 Glyphicon答案

【问题标题】：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。

在此处输入代码

祝你好运

【讨论】：