2015-04-16 89 views
1

我正在使用prestashop模塊,我試圖在模板中使用Boostrap glyphicon作爲按鈕,但它不起作用,我無法弄清楚原因。在Prestashop中不顯示Glyphicon 1.6

<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?我錯過了什麼 ?

+0

要使用這個FrontOffice /內部在哪裏?你想做什麼樣的按鈕(作爲一個外觀)? – PrestaShopDeveloper

+0

@ PrestaShop-Developer.com這是BackOffice,它將是一個導入產品的按鈕,外觀不是很重要,所以雲下載圖形將是完美的。 – Cypc

+0

解決方案在答案中。 – PrestaShopDeveloper

回答

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

你的第一個建議完美的作品謝謝你! 但是爲什麼當我用「glyphicon-cloud-download」替換「process-icon-download」時它不工作? – Cypc

+0

因爲在PrestaShop BackOffice樣式中沒有定義這樣的CSS類。 – PrestaShopDeveloper

1

在默認 - bootstrap主題,prestashop並不完全使用古典自舉圖形類,而是一些自定義的類。

在您的例子,你可以使用

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

要恢復你剛剛通過圖標來代替glyphicon。

在這裏輸入的代碼

好運