2016-04-13 86 views
-1

我正在用woocommerce創建一個網上商店。表格消失後的HTML內容

在每一件產品上,我想添加一張包含產品信息的表格,如顏色,交貨時間等等。

但是,當我添加此表。此產品後的所有內容都消失了。

的代碼爲我的表:

td {  
 
border: 1px solid black; 
 
} 
 
table { 
 
border: 6px solid #C6A970; 
 
margin-bottom: 10px; 
 
} 
 
td { 
 
padding: 8px; 
 
}
<table> 
 
<tr> 
 
<td>Color:</td><td>White</td> 
 
</tr> 
 
<tr> 
 
<td>Size:</td><td>100-110 x 60-70</td> 
 
</tr> 
 
<tr> 
 
<td>Delivery time:</td><td>2-3 working days</td> 
 
</tr> 
 
</table>

我是什麼在此代碼,我的內容消失做錯了什麼?

+0

據我知道你不需要通過編碼來創建此表。 woocommerce插件可以在每次添加新產品時爲產品添加自定義屬性。嘗試多一點探索插件我的建議。 –

+0

你能爲我提供一個鏈接嗎?我找不到任何看起來像桌子的東西。這不是我最大的問題。我的問題是,在某些時候,我的內容消失了。如果我刪除這段代碼,一切正常。 – TLR

+0

以下是此任務的woocommerce文檔https://docs.woothemes.com/document/variable-product/ –

回答

1

td {  
 
border: 1px solid black; 
 
} 
 
table { 
 
border: 6px solid #C6A970; 
 
margin-bottom: 10px; 
 
clear:both; 
 
} 
 
td { 
 
padding: 8px; 
 
}
<table> 
 
<tr> 
 
<td>Color:</td><td>White</td> 
 
</tr> 
 
<tr> 
 
<td>Size:</td><td>100-110 x 60-70</td> 
 
</tr> 
 
<tr> 
 
<td>Delivery time:</td><td>2-3 working days</td> 
 
</tr> 
 
</table>

+0

明確都不起作用;-) – TLR