2016-04-13 64 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