Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图示符图标未显示在Prestashop 1.6中_Html_Prestashop 1.6_Glyphicons - Fatal编程技术网

Html 图示符图标未显示在Prestashop 1.6中

Html 图示符图标未显示在Prestashop 1.6中,html,prestashop-1.6,glyphicons,Html,Prestashop 1.6,Glyphicons,我正在制作一个prestashop模块,我试图在我的模板中使用一个Boostrap glyphicon作为按钮,但它不起作用,我也不知道为什么 <td> <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-cloud-download"></span> </button> </t

我正在制作一个prestashop模块,我试图在我的模板中使用一个Boostrap glyphicon作为按钮,但它不起作用,我也不知道为什么

<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的内容吗?我错过了什么吗?

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

<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>

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

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

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

要继续,您只需将glyphicon替换为icon

在这里输入代码


祝你好运

你想在哪里使用这个前台/后台?您想制作什么样的按钮(作为外观)?@PrestaShop-Developer.com这是BackOffice的按钮,它将是导入产品的按钮,外观不是很重要,因此云下载图标将是完美的。解决方案在答案中。您的第一个建议非常有效谢谢!但是为什么我用“glyphicon cloud download”替换“process icon download”时它不起作用呢?因为在PrestaShop BackOffice样式中没有定义这样的CSS类。